HTML基础 标签
p
告诉浏览器这是一段文本,占据一行
h1.2.3.4.5.6
标题标签,也是占据一行
hr
分割线,占据一行
注释
HTML中
<!--这是一段注释-->
CSS中
/*这是一段注释*/
快捷键ctrl+/
img
添加图片
br
换行
br标签的注意点
br可以连续使用
br是不另起一个段落换行,而在企业开发中都是因为要另起一个段落而换行所以,br在企业开发中很少使用
路径问题
- 相对路径
- 都是从.html文件所在的文件夹开始查找
- 同级 直接文件名
- 下级 文件夹->文件名
- 上级 …/(文件夹)文件名
- 都是从.html文件所在的文件夹开始查找
- 决对路径
- 文件在电脑中存放的路径C:/…不能跨盘符查找
a标签
控制页面与页面之间进行跳转
格式
<a href="跳转连接(如果是url地址必须在前面加http/https协议)" title="提示" target="跳转方式(_self默认为当前页面跳转/_blank新开页面跳转)">需要显示给用户看的内容</a>
base
用来同一网页中所有a标签的打开方式
必须写在head标签内
<base target="_blank_">
如果要单独改一个打开方式就直接在哪个a标签单独指定target
假链接
- “#”
- “Javascript:”
区别:“#”会直接回到顶部,可以都用到回到顶部功能
锚点
使用a标签在当前界面中进行跳转
通过锚点跳转是没有过渡效果的
除了可以跳转到当前页面的指定地点外,也可以跳转到其他页面后在跳转到指定位置
<a href="链接#id" target="_blank" >
列表标签
作用:给一堆数据添加列表语义,也就是告诉浏览器这一堆数据是一个整体;
- 有序列表(ordered list)(ol)
- 无序列表(unordered list)(ul)(用到最多)
- 自定义列表(definition list)(dl)
li
li中可以当很多标签来丰富内容
列表嵌套
<ul>
<li>
<ul></ul>
</li>
<li>
<ul></ul>
</li>
</ul>
自定义列表应用场景
<dl>
<dt></dt> <!--标题-->
<dd></dd> <!--标题描述信息-->
</dl>
- 做网站尾部信息
- 做图文混排
推荐使用一个dt对应一个dd