（自学笔记）HTML基础标签（转载）

最新推荐文章于 2022-07-19 10:46:22 发布

游不二

最新推荐文章于 2022-07-19 10:46:22 发布

阅读量68

点赞数

原文链接：https://blog.csdn.net/weixin_44141495/article/details/108567756?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522162670674216780265495843%2522%252C%2522scm%2522%253A%252220140713.130102334..%2522%257D&request_id=162670674216780265495843&biz_id=0&ut

版权

文本标签
常⽤文本标签如下：

<hn>...</hn>标题标签，其中n为1–6的值。
...斜体
... 强调斜体
... 加粗
... 强调加粗
<cite></cite> 作品的标题（引用）
... 下标 ... 上标
<del>...</del> 删除线

代码示例：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>⽂文本标题示例例</title>
</head>
<body>
    <h3>HTML标签实例例--⽂文本标签</h3>
    
    <h1>h1标题</h1>
    <h2>h2标题</h2>
    <h3>h3标题</h3>
    <h4>h4标题</h4>
    <h5>h5标题</h5>
    <h6>h6标题</h6>
    
    <i>i: 斜体标签</i> <br/>
    <em>em: 强调斜体标签</em> <br/>
    <b>b: 加粗标签</b><br/><br/>
    
    <strong>strong: 强调加粗标签</strong><br/>
    <del>del: 删除线</del><br/>
    <u>u: 下划线</u> <br/><br/>
    
    水分子：H<sub>2</sub>O <br/>
    4<sup>2</sup>=16
</body>
</html>

页面样式：

HTML 实体

在 HTML 中，某些字符是预留的。

在 HTML 中不能使用小于号（<）和大于号（>），这是因为浏览器会误认为它们是标签。

如果希望正确地显示预留字符，我们必须在 HTML 源代码中使用字符实体（character entities）。字符实体类似这样：

HTML格式化标签
常⻅见格式化标签如下：

换⾏行行
... 换段
<hr />水平分割线
<ul>...</ul> ⽆无序列表
<ol>...</ol> 有序列表其中type类型值：A a I i 1 start属性表示起始值
<li>...</li>列表项
<dl>...</dl>自定义列表
<dt>...</dt>自定义列表头
<dd>...</dd> 自定义列表内容
<div>...</div> 常⽤用于组合块级元素，以便便通过 CSS 来对这些元素进⾏行行格式化
... 常⽤用于包含的⽂文本，您可以使⽤用 CSS 对它定义样式，或者使⽤JavaScript 对它进行操作。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>HTML标签实例例--格式化标签</title>
</head>
<body>
    <h3>HTML介绍</h3>
    <p>超⽂文本标记语⾔言(Hyper Text Markup Language)，标准通⽤用标记语⾔言下的⼀一个应⽤用。HTML 不不
    是⼀一种编程语⾔言，⽽而是⼀一种标记语言 (markup language)，是⽹网⻚页制作所必备的。</p>
    <p>“超⽂文本”就是指⻚页⾯面内可以包含图片、链接，甚⾄至⾳音乐、程序等⾮非⽂文字元素。<br/>
超⽂文本标记语⾔言的结构包括“头”部分（英语：Head）、和“主体”部分（英语：Body），其中“头”部提
供关于⽹网⻚页的信息，“主体”部分提供⽹网⻚页的具体内容。</p>

<hr/>

<!-- 列列表标签 -->
你的爱好：
<ul>
    <li>看书</li>
    <li>上⽹网</li>
    <li>爬⼭山</li>
    <li>唱歌</li>
</ul>

<ol type="a">
    <li>看书</li>
    <li>上⽹网</li>
    <li>爬⼭山</li>
    <li>唱歌</li>
</ol>

<dl>
    <dt>问：HTML?</dt>
    <dd>答：超⽂文本标记语言</dd>
    <dt>问：HTML?</dt>
    <dd>答：超⽂文本标记语言</dd>
    <dt>问：HTML?</dt>
    <dd>答：超⽂文本标记语言</dd>
</dl>

<div>aaa</div>
<div>bbb</div>
<span>aaaa</span><span>bbbb</span>

</body>
</html>

页面效果：