阅读《HTML & CSS设计与构建网站》的笔记（1）

邂逅的KONG

于 2021-10-21 22:59:19 发布

阅读量168

点赞数 1

文章标签： css html css3

本文链接：https://blog.csdn.net/m0_54047270/article/details/120896361

版权

本书链接https://book.douban.com/subject/21338365/

一、HTML

（有点意思）1、" data-link-title="">对文字进行加粗处理；同时提出疑问它与的区别

（有点意思）2、对文字进行斜体处理，和区别

（有点意思）3、下标，比如,中的2。

<!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>Document</title>
</head>
<body>
    <div>
        CO<sub>2</sub>
    </div>
</body>
</html>

（有点意思）4、上标，比如中的2次幂

<!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>Document</title>
</head>
<body>
    <div>
        2<sup>2</sup>
    </div>
</body>
</html>

（用处不算太明了）5、 " data-link-title="

"><hr> 标签在 HTML 页面中创建一条水平线。注意：和 差不多

（有点用）6、<abbr>就是进行进行一缩写，只不过就是我现在<abbr></abbr>标签里面预设，然后，在写上缩写，当鼠标悬停在缩写的地方就会显示全称。

<!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>Document</title>
</head>
<body>
    <div>
        这个标语<abbr title="永远滴神">yyds</abbr>是<abbr title="bilibili">B站</abbr>的一个梗
    </div>
</body>
</html>

（用处不大）7、" data-link-title=""><cite></cite> :（其实就是个斜体，和em差不多，回来整理一个斜体的）标签定义作品（比如书籍、歌曲、电影、电视节目、绘画、雕塑等等）的标题。