目录
1. 字符集 character set
2. 标题标签
3. 段落和换行标签
4. 文本格式化标签
5.<div>和<span>标签
6. 图像标签
7. 路径
8. 超链接标签
9. 锚点链接
10. 注释标签
11. 特殊字符
1. 字符集 character set
字符集是多个字符的集合,在<head>标签内,可以通过<meta>标签的charset属性来规定HTML文件用那种字符编码。
<meta charset="UTF-8" />
UTF-8是万国码 ,基本包含所有国家需要用到的字符,这个一定要写,防止乱码情况。
2. 标题标签
一共有六个等级的网页标题,<h1> - <h6>,成对出现
标题加粗,重要性依次下降
3. 段落和换行标签
段落标签:将文字分段显示,<p>用于定义段落,成对出现,将整个网页分成若干段落。
【注】文本会根据浏览器窗口大小自动换行;段与段之间会有大的空隙
换行标签:将文字强制换行,<br />单个出现,是单标签
4. 文本格式化标签
使文字以特殊的方式显示出来,例如粗体、斜体或者下划线等效果。
突出重要性,比普通文字重要
5. <div> 和 <span>标签
这两个标签没有语义,就像盒子用来装内容,用来布局
【注】一行只能放一个div标签;一行可以放多个span标签
6. 图像标签
<img>用于定义页面中的图像,为单标签。src是必须属性,用于指定路径和文件名
<img src="图像URL" />
其他属性有:
【注】属性必须写在标签名的后面,属性之间不分先后;属性之间以空格间隔;属性采取键值对的形式
7. 路径
目录文件夹:普通文件夹
根目录:打开目录文件夹的第一层就是根目录
路径分为相对路径和绝对路径。相对路径是以引用文件位置为参考基础,建立的目录路径。绝对路径是指目录下的绝对位置,直接到达目标位置。相对路径的符号是/,绝对路径用的是\
8. 超链接标签
<a>用于定义超链接标签。href是必写的。弹出方式:默认_self当前页面打开窗口 _blank新的窗口打开页面
<a href="跳转目标" target="目标窗口的弹出方式"> 文本或者图像 </a>
- 内部链接直接写内部页面名称即可。
- 空链接用#代替。
- 下载链接中href直接写文件/压缩包的名字。
- 网页元素链接:图片文字等都可做超链接
9. 锚点链接
锚点链接能够快速定位到文中的某个部分
- 在href属性中,设置属性值为#名字的形式
- 找到目标位置标签,里面添加一个id属性 = 刚才的名字
10. 注释标签
<!-- -->是注释标签,页面中不显示,帮助理解代码