
Html介绍
HTML的全称为超文本标记语言,是一种标记语言。它包括一系列标签.通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字,图形、动画、声音、表格、链接等。
超文本是一种组织信息的方式,它通过超级链接方法将文本中的文字、图表与其他信息媒体相关联。这些相互关联的信息媒体可能在同一文本中,也可能是其他文件,或是地理位置相距遥远的某台计算机上的文件。这种组织信息方式将分布在不同位置的信息资源用随机方式进行连接,为人们查找,检索信息提供方便。
Html前端环境部署
安装编辑器
常用编辑器:
VSCode phpstorm webstorm
sublime Text adobe Dreamweaver
以VSCode安装方法为例
VSCode下载地址:点击下载
下载完成后安装软件,注意安装过程中尽量不要安装到C盘。
安装完成打开软件按住
完成后重启下软件即可切换到中文。Ctrl+SHift+x
`打开插件安装,搜索
`Chinese
`点击
`Install
如何创建一个html文件?
1.Html插件安装
按住
完成后重启软件Ctrl+SHift+x
`打开插件安装,搜索
`HTML CSS Support
`点击
`Install
2.如何创建html文件
点击左上角文件-新建文本文件-Ctrl+s保存-输入以HTML结尾的文件名(如dome.html)
安装实时更新插件
按住
完成后重启软件Ctrl+SHift+x
`打开插件安装,搜索
`Live server
`点击
`Install
打开html文件写完代码
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>h1-h6标签的使用</title>
</head>
<body>
<h1>Hello World</h1>
<hr>
<h2>Hello World</h2>
<hr>
<h3>Hello world</h3>
<hr>
<h4>Hello World</h4>
<hr>
<h5>Hello world</h5>
<hr>
<h6>Hello workld</h6>
</body>
</html>
右键
选择浏览器自动跳转,这时发现写的代码和浏览器是实时更新的。Open with Live Server