作者简介
作者名:1_bit
简介:CSDN博客专家,2020年博客之星TOP5,蓝桥签约作者。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>
👸小媛:唔,明白了,超级简单,运行效果是下面这样,赶紧下一个内容。
二、强调标签 <em> </em>
🐶1_bit:我们现在讲一个强调标签 <em></em>
,主要是给文本做强调作用。
<em>这里是强调内容,斜体显示文本</em>
👸小媛:看到了,下面是效果,快点,你时间不多了。
🐶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。
👸小媛:别走!…