css-day02

xiaoruia

已于 2022-06-24 10:32:53 修改

阅读量719

点赞数 1

分类专栏：我的前端学习记录文章标签：前端学习

于 2022-06-24 09:02:00 首次发布

本文链接：https://blog.csdn.net/xiaoruia/article/details/125438712

版权

本文介绍了HTML中的常用标签，如转行、标题、段落和超链接标签，强调了标签的使用规则和属性，如超链接的target和title属性。此外，还涵盖了不常用标签，包括倾斜、加粗、上标和下标等，并讲解了列表的类型及其属性。最后，提到了图片标签的使用和路径设置，包括相对路径和绝对路径的概念。

摘要由CSDN通过智能技术生成

day02

常用标签

：转行标签

< h1-h6 >：标题标签

：段落标签

< a >：超链接标签

< base >：设置页面中所有的超链接标签

< center > ：居中标签，可以放入标题标签

注意点：

1、上述所有标签都独占一行

2、超链接标签中重点是target跳转属性和title属性

①target属性：设置跳转方式 _self:在自身页面跳转 _blank:跳转到一个新的页面

②title属性：设置当鼠标悬停在超链接上时出现的文字

3、当a标签和base标签中都设置了跳转方式时，采取就近原则，a标签里面的跳转方式会覆盖base标签

实例：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>常用标签</title>
    <!-- base标签：设置所有超链接跳转为新一个网页 -->
    <!-- 跳转方式采用就近原则,当a标签里面设置了跳转方式就会覆盖base中的跳转 -->
    <base target="_blank">
</head>

<body>
    第一行<br>
    第二行
    <!-- 标题标签独占一行 -->
    <h1>老大</h1>
    <h2>老二</h2>
    <h3>老三</h3>
    <h4>老四</h4>
    <h5>老五</h5>
    <h6>我是老六</h6>
    <!-- 段落标签独占一行 -->
    <!-- 段落和换行的区别在于段落前后有间距 -->
    <p>这是一个段落</p>
    <!-- 超链接标签不是独占一行 -->
    <!-- target标签：设置跳转方式 _self:在自身页面跳转 _blank:跳转到一个新的页面 -->
    <!-- title标签：设置当鼠标悬停在超链接上时出现的文字 -->
    <a href="http://www.baidu.com" title="别点">百度一下吧</a>
    <a href="http://www.baidu.com" title="都说了别点">百度一下吧</a>
    <a href="http://www.baidu.com" title="怎么还点" target="_self">百度一下吧</a>
</body>

</html>