作者简介

作者名：1_bit

简介：蓝桥签约作者。15-16年曾在网上直播，带领一批程序小白走上程序员之路。欢迎各位小白加我咨询我相关信息，迷茫的你会找到答案。

目录

​​HTML基础之bit哥的反客为主之道（9）​​​—— ​​<big></big>​​​ 放大标签 h5不支持、 ​​<center></center>​​​ 居中h5不支持、​​<blockquote></blockquote>​​ 引用标签

​​赶紧3分钟学完15分钟的内容我要出去玩（8）​​​—— ​​<big></big>​​​ 放大标签 h5不支持、 ​​<center></center>​​​ 居中h5不支持、​​<blockquote></blockquote>​​ 引用标签

​​我使用 html 反向输出自己打自己（7）​​​——​​<a>​​​超链接、​​<bdo>​​覆盖

​​我化身保姆为你提供 html 教学服务（6）​​​——​​<b>​​​加粗、​​<br>​​​换行、​​<hr>​​分隔

​​我开始一直以为网页制作好难（5）​​​——​​<h1></h1>​​​ 标题、​​<p></p>​​ 段落、

​​你知道出现“乱码”的原因是什么吗？（4）​​​——编码、​​<title></title>​​ 网页标题、

​​一个基础的 HTML 文档有哪些标签？第一节（3）​​​—— ​​<!DOCTYPE html>​​​说明、​​<head></head>​​​ 头部、​​<body></body>​​ 主体、

​​使用 Vscode 编写 HTML 文档竟然可以自动写代码（2）​​—— vscode、快捷方式

​​保姆级的HTML零基础教程少见吧？这是第一节（1）​​——介绍、鸡汤

一、加粗标签 ​​<strong> </strong>​​

????1_bit：抓到你了吧，小媛同学。

????小媛：你…你…你想干嘛？bit恶魔。

????1_bit：抓你去学习，赶紧的跟我走。

????小媛：不，我不，我渴望去玩，

????1_bit：就耽搁你 30 分钟。

????小媛：不，不要，太长了，我又要少玩 30 分钟了。

????1_bit：那就 20 分钟，不能再低了。

????小媛：不去、不要、我不想。

????1_bit：emmm，你去不去？

????小媛：哼！不去！

????1_bit：行吧…那就 5 分钟，你看如何。

????小媛：4分钟！

????1_bit：3分钟！

????小媛：好，抓紧。

????1_bit：…

????1_bit：先讲加粗标签 ​​<strong></strong>​​，这个标签可以给文本加粗。

<p> 外面的文本不会加粗哟 <strong>这里是加粗内容，这里面的文本会加粗</strong> 外面的文本不会加粗哟 </p>

????小媛：唔，明白了，超级简单，运行效果是下面这样，赶紧下一个内容。

HTML基础之bit哥的反客为主之道（9）_原力计划

二、强调标签 ​​<em> </em>​​

????1_bit：我们现在讲一个强调标签 ​​<em></em>​​，主要是给文本做强调作用。

<em>这里是强调内容，斜体显示文本</em>

????小媛：看到了，下面是效果，快点，你时间不多了。

HTML基础之bit哥的反客为主之道（9）_前端_02

????1_bit：啊？你急什么，我已经说完了，下面我贴一个 html 文档，你好好复习，下节综合使用考考你。

<!DOCTYPE html>
<html lang="zh">
<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>CSDN 博主 1_bit 的 HTML 知识汇总页面</title>
</head>
<body>

    <h1>这是h1标签显示的示例</h1>
    <h2>这是h2标签显示的示例</h2>
    <h3>这是h3标签显示的示例</h3>
    <h4>这是h4标签显示的示例</h4>
    <h5>这是h5标签显示的示例</h5>
    <h6>这是h6标签显示的示例</h6>
    <hr>

    <h1>p段落标签内容：</h1>
    <p>这是使用短路 p 标签的示例，每个 p 元素都会重启一行进行显示，并且每一个 p 元素都会间隔较大，相同一个 p 元素内则会间隔较小，你可以理解成这是这个 p 元素段落的特性如此，也可以说是一个标志特性。</p>
    <p>这是第二个 p 标签，你可以看到跟上面的内容之间间隔还是挺大。</p>
    <hr>

    <h1>b加粗标签内容：</h1>
    <p>这是使用短路 p 标签的示例，<b>每个 p 元素都会重启一行进行显示，并且每一个 p 元素都会间隔较大</b>，相同一个 p 元素内则会间隔较小，你可以理解成这是这个 p 元素段落的特性如此，也可以说是一个标志特性。</p>
    <hr>

    <h1>br换行标签内容：</h1>
    <p>这是使用短路 p 标签的示例，每个 p 元素都会重启一行进行显示，（这里后面使用换行标签）<br>并且每一个 p 元素都会间隔较大，相同一个 p 元素内则会间隔较小，你可以理解成这是这个 p 元素段落的特性如此，也可以说是一个标志特性。</p>
    <hr>

    <h1>a超链接标签内容：</h1>
    <a href="https://blog.csdn.net/A757291228">超链接a标签指定href属性后就可以跳转到目标地址</a>
    <hr>

    <h1>bdo 标签内容：</h1>
    <bdo dir="rtl">小媛今早吃了糯米鸡泡饭</bdo> —— 在属性 dir 中定义 rtl 意思就是从右到左进行输出，改成 ltr 意思则是从左到右输出
    <hr>

    <h1>big 标签内容（H5不支持）：</h1>
    <p>这里是一个段落标签 p ，这个文本是这个段落标签正常的大小。</p>
    <p>这里是段落标签文本<big>这里是 big 放大标签的文本，是不是字体变大了呢？</big>这里是段落标签文本</p>
    <hr>


    <h1>blockquote 标签内容：</h1>
    <p>我告诉你变成很简单的，你不信你去学学。</p>
    <blockquote cite="https://blog.csdn.net/A757291228">
    这里是引用，上面这句话引子 bit哥，你会发现这个引用的说明格式会在页面上显示得不一样。
    </blockquote>
    <hr>

    <h1>center 标签内容（H5不支持）：</h1>
    <center>这个是个居中标签，他将会在中间进行显示。</center>
    <hr>

    <h1>strong/em 标签内容：</h1>
    <p> 外面的文本不会加粗哟 <strong>这里是加粗内容，这里面的文本会加粗</strong> 外面的文本不会加粗哟 </p>
    <em>这里是强调内容，斜体显示文本</em>
    <hr>
</body>
</html>

????小媛：！！！什么！你在反客为主？

????1_bit：没呢，我们可以用这些做好看的，只是先告诉你，我走了88。

????小媛：别走！…