HTML基础 标签

HTML基础 标签

p

告诉浏览器这是一段文本，占据一行

h1.2.3.4.5.6

标题标签，也是占据一行

hr

分割线，占据一行

注释

HTML中

<!--这是一段注释-->

CSS中

/*这是一段注释*/

快捷键ctrl+/

img

添加图片

br

换行

br标签的注意点

br可以连续使用
br是不另起一个段落换行，而在企业开发中都是因为要另起一个段落而换行所以，br在企业开发中很少使用

路径问题

• 相对路径
  • 都是从.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