东莞建设网站推广公司地址,岳麓区营销型网站建设定制,WordPress类似INN的祝图,爱常德网作者简介
作者名#xff1a;1_bit 简介#xff1a;CSDN博客专家#xff0c;2020年博客之星TOP5#xff0c;蓝桥签约作者。15-16年曾在网上直播#xff0c;带领一批程序小白走上程序员之路。欢迎各位小白加我咨询我相关信息#xff0c;迷茫的你会找到答案。
目录
HTML基…作者简介
作者名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——介绍、鸡汤
一、上门服务的保姆
哒哒哒…哒哒哒…敲门声
小媛bit哥你怎么来了稀客稀客真是无事不登三宝殿说吧你有什么事
1_bit没事不能来吗
小媛怎么每次这句话的回复都是 “没事不能来吗”
1_bit这是你问了我之后的自然反应。
小媛emm所以到底有什么事竟然不怕我去找你自己送上门
1_bit不开心吗
小媛真是惊喜。
1_bit其实我来是好事。
小媛什么好事
1_bit当然是上门服务教你 html 了。
小媛真是好心真是保姆级服务呀。
1_bit好了上一节我们学到了标题标签还有那个段落标签现在我们开始学新的内容吧。
小媛行赶紧把。
二、加粗
1_bit这一节我们先学习一下如何给段落标签里面的内容加粗怎么样
小媛可以呀你说了算。
1_bit首先我们看一下上一节的完整 html 文档。
!DOCTYPE html
html langzh
headmeta charsetUTF-8meta http-equivX-UA-Compatible contentIEedgemeta nameviewport contentwidthdevice-width, initial-scale1.0titleCSDN 博主 1_bit 的 HTML 知识汇总页面/title
/head
bodyh1这是h1标签显示的示例/h1h2这是h2标签显示的示例/h2h3这是h3标签显示的示例/h3h4这是h4标签显示的示例/h4h5这是h5标签显示的示例/h5h6这是h6标签显示的示例/h6h1p标签内容/h1p这是使用短路 p 标签的示例每个 p 元素都会重启一行进行显示并且每一个 p 元素都会间隔较大相同一个 p 元素内则会间隔较小你可以理解成这是这个 p 元素段落的特性如此也可以说是一个标志特性。/pp这是第二个 p 标签你可以看到跟上面的内容之间间隔还是挺大。/p
/body
/html1_bit我们现在要学习的就是将以上短路标签中的指定一段话进行自体加粗。
小媛是不是又要学习一个新标签
1_bit是的这次我们要学习一个b 标签示例如下然后你运行这个界面看看是否这段内容加粗了呢
p这是使用短路 p 标签的示例b每个 p 元素都会重启一行进行显示并且每一个 p 元素都会间隔较大/b相同一个 p 元素内则会间隔较小你可以理解成这是这个 p 元素段落的特性如此也可以说是一个标志特性。/p小媛加粗了真的好简单呀比那些 C 语言python 都简单。 三、换行
1_bit那肯定是的因为 html 是标签语言并不能说是编程语言呢。我们继续学习一个换行标签吧。
小媛为什么要学不就是每一行会自动换行吗
1_bit万一你在某些地方需要一定换行呢
小媛明白了赶快教我吧。
1_bit继续用上面示例的段落举例我们使用的换行标签是 br 这个标签没有结束标签单独一个标签看下面示例。
p这是使用短路 p 标签的示例每个 p 元素都会重启一行进行显示这里后面使用换行标签br并且每一个 p 元素都会间隔较大相同一个 p 元素内则会间隔较小你可以理解成这是这个 p 元素段落的特性如此也可以说是一个标志特性。/p小媛完成了确实换行了。 1_bit我们再学一个水平线标签吧这个标签可以在当前一行直接显示一个水平线可以作为分隔哟。我们看看我们改动了的 html 文档内容。
!DOCTYPE html
html langzh
headmeta charsetUTF-8meta http-equivX-UA-Compatible contentIEedgemeta nameviewport contentwidthdevice-width, initial-scale1.0titleCSDN 博主 1_bit 的 HTML 知识汇总页面/title
/head
bodyh1这是h1标签显示的示例/h1h2这是h2标签显示的示例/h2h3这是h3标签显示的示例/h3h4这是h4标签显示的示例/h4h5这是h5标签显示的示例/h5h6这是h6标签显示的示例/h6h1p段落标签内容/h1p这是使用短路 p 标签的示例每个 p 元素都会重启一行进行显示并且每一个 p 元素都会间隔较大相同一个 p 元素内则会间隔较小你可以理解成这是这个 p 元素段落的特性如此也可以说是一个标志特性。/pp这是第二个 p 标签你可以看到跟上面的内容之间间隔还是挺大。/ph1b加粗标签内容/h1p这是使用短路 p 标签的示例b每个 p 元素都会重启一行进行显示并且每一个 p 元素都会间隔较大/b相同一个 p 元素内则会间隔较小你可以理解成这是这个 p 元素段落的特性如此也可以说是一个标志特性。/ph1br换行标签内容/h1p这是使用短路 p 标签的示例每个 p 元素都会重启一行进行显示这里后面使用换行标签br并且每一个 p 元素都会间隔较大相同一个 p 元素内则会间隔较小你可以理解成这是这个 p 元素段落的特性如此也可以说是一个标志特性。/p
/body
/html四、分隔
1_bit这样显示没有分隔很难看。 1_bit我们直接在每一个内容结束后加一个 hr 标签。
!DOCTYPE html
html langzh
headmeta charsetUTF-8meta http-equivX-UA-Compatible contentIEedgemeta nameviewport contentwidthdevice-width, initial-scale1.0titleCSDN 博主 1_bit 的 HTML 知识汇总页面/title
/head
bodyh1这是h1标签显示的示例/h1h2这是h2标签显示的示例/h2h3这是h3标签显示的示例/h3h4这是h4标签显示的示例/h4h5这是h5标签显示的示例/h5h6这是h6标签显示的示例/h6hrh1p段落标签内容/h1p这是使用短路 p 标签的示例每个 p 元素都会重启一行进行显示并且每一个 p 元素都会间隔较大相同一个 p 元素内则会间隔较小你可以理解成这是这个 p 元素段落的特性如此也可以说是一个标志特性。/pp这是第二个 p 标签你可以看到跟上面的内容之间间隔还是挺大。/phrh1b加粗标签内容/h1p这是使用短路 p 标签的示例b每个 p 元素都会重启一行进行显示并且每一个 p 元素都会间隔较大/b相同一个 p 元素内则会间隔较小你可以理解成这是这个 p 元素段落的特性如此也可以说是一个标志特性。/phrh1br换行标签内容/h1p这是使用短路 p 标签的示例每个 p 元素都会重启一行进行显示这里后面使用换行标签br并且每一个 p 元素都会间隔较大相同一个 p 元素内则会间隔较小你可以理解成这是这个 p 元素段落的特性如此也可以说是一个标志特性。/phr/body
/html小媛我看到结果了确实清晰多了。 1_bit好的再见保姆服务完毕。
小媛emmm再见。