4. 换行标签
单词缩写:break(单标签)
<br />
5. div span标签
<div> </div>
<span> </span>
6.文本格式化标签
7.标签属性
<标签名 属性1="A" 属性2="B" ……>
8.图片标签
单词缩写:image (单标签)
<img />
8.1链接标签(重点)
单词缩写:anchor
<a href="跳转目标" target="窗口弹出方式">文本或者图片</a>
8.2 锚点定位(难点):快速跳转文章某部分
即 插眼(id=“id名”)传送(href="#id名")
8.3 base标签(单标签) (放在<head> </ head>
之间):全部链接都在新的标签打开,不用再在每条链接后面加target=“_blank”
<base target=“_blank”/>
9.特殊字符
10.注释字符(单标签)
<!-- 注释内容-->
路径
1. 相对路径
- 图像文件和HTML文件位于同一文件夹
<img src="wo.jpg" /> 直接写图片名
- 图像文件位于HTML文件下一级文件夹
<img src="image/wo.jpg" /> 文件夹名/图片名
- 图像文件位于HTML文件上一级文件夹
<img src="../wo.jpg" /> ../图片名
2. 绝对路径
- 复制电脑中图片位置(基本不用)
<img src="C:\Users\王子龙\Pictures\Saved Pictures\wo.jpg" />
- 复制网页中图片位置
<img src="https://c-ssl.duitang.com/uploads/item/201806/06/20180606174907_WHMTS.png"/>
- 列表标签
- 无序列表ul(重点)
- 有序列表ol (了解)
- 自定义列表(理解)
无序列表:
<ul>
<li> 列表项1 </li>
<li> 列表项2 </li>
<li> 列表项3 </li>
</ul>
有序列表:
<ol>
<li> 列表1 </l1>
<li> 列表2 </l1>
<li> 列表3 </l1>
<li> 列表4 </l1>
</ol>
练习