1.DOCTYPE和lang以及字符集的作用
- <!DOCTYPE html> 告诉游览器使用哪种HTML版本来显示网页
- <html lang="en"> lang="当前文档的显示语言"中文“zh-CN”,英语“en”
- <meta charset="UTF-8"> 可通过<meta>标签的charset属性来规定HTM文档应该使用哪种字符编码，"UTF-8"被称为万国码。
2.常用标签
- 标题标签：
标题标签<h1>-<h6>一级标题到6级标题。
- 段落标签：
<p>段落</p>
- 换行标签：
<br /> 是个单表签
3.文本格式化标签
- 加粗：<strong></strong> 或 <b></b>
- 倾斜：<em></em> 或<i></i>
- 删除线：<del></del> 或<s></s>
- 下划线：<ins></ins>或<u></u>
4.div和span标签
- div 用来布局的，单独占一整行；
- span 在一行上显示多个span
5.图像标签和路径
- 图像标签：
<img src="图像URL"/> 是单表签，<img>用于定义HTML页面中的图像，
src是<img>标签的必须属性。
Alt=替换文本，图像不能显示的文字；
Title=提示文本，图像显示文字；
Width=给图像设定宽度；
Heigth=给图像设定高度；
Border=设置图像边框。
- 路径：
- 根目录：打开目录文件夹的的第一层
- 相对路径 相对于html文件的路径
- 绝对路径：
指目录下的绝对位置
6.超链接标签
- 外部链接：
语法格式：<a href=“跳转目标” target="目标窗口的弹出方式">文本或图像</a>
href:用于指定链接目标的URL地址
target:用于指定链接页面的打开方式,默认值：_selt 当前窗口打开页面，_blank 新窗口打开页面。
- 内部链接：
例如：<a href="index.html">首页</a>
- 空链接：
例如：<a href=#>空的</a>
- 下载链接：
例如：<a href="img.zip">下载文件</a>
- 网页元素链接
例如:<a href="http://www.xx.com"><img src"img.jpg"/></a>
- 锚点链接
定义：快速定位到页面中的某个位置
如：<a href="#XX">作品</a>
<h3 id="XX">作品介绍</h3>
7.注释标签和特殊字符
注释标签：
<!--注释的文字--> 快捷键：crrl + /
特殊字符