【web前端基础之HTML】

2023-04-01 04:36| 来源: 网络整理| 查看: 265

【web前端基础之HTML】——HTML基本知识

文章目录【web前端基础之HTML】——HTML基本知识1️⃣表题输出``元素2️⃣换行输出``元素3️⃣保持原始文件样式``元素4️⃣水平线``元素5️⃣段落`

`元素6️⃣粗体显示``和``元素7️⃣斜体``和``元素8️⃣加底纹``元素

1️⃣表题输出元素
元素用于HTML文件的标题输出，一行只显示一个（块元素），具有换行输出和加粗的效果。n的值是1~6，代表6个级别标题，1字号最大，随数字增大字号减小。

案例：demo1.html⬇️
doctype html> demo1 标题 1 标题 2 标题 3 标题 4 标题 5 标题 6
效果图⬇️
2️⃣换行输出元素
br 是个单标签，没有结束标记，主要功能是让文字换行输出。

案例：demo2.html⬇️
demo2 第一行文字第二行文字
效果图⬇️
3️⃣保持原始文件样式元素
这个元素内的内容在浏览器中呈现的效果和编写程序时效果一样。常用在显示诗词或是程序语言源代码，在网页内保留空格和换行。

案例：demo3.html⬇️
demo3 pre第一行文字 pre第二行文字
效果图⬇️
4️⃣水平线元素
hr 也是个单标签，没有结束标记。输出为一条水平线。

案例：demo4.html⬇️
demo4 下面是一条水平线。
效果图⬇️
5️⃣段落
元素
标签定义段落。
元素会自动在其前后创建一些空白。浏览器会自动添加这些空间，您也可以在样式表中规定

案例：demo5.html⬇️
demo5 这是第一段文字这是第二段文字
效果图⬇️
6️⃣粗体显示和元素
b 和 strong 都能让文字粗体显示，两者效果一样，一般重要内容使用strong。

案例：demo6.html⬇️
demo6 这是粗体练习1：这是粗体文字1 这是粗体练习2：这是粗体文字2
效果图⬇️
7️⃣斜体和元素
i 和 em 都能让文字斜体显示,且显示的效果一样，但em元素语意的重点是强调，如果表示重要内容，建议使用em。

案例：demo7.html⬇️
demo7 这是斜体练习1：这是斜体文字1 这是斜体练习2：这是斜体文字2
效果图⬇️
8️⃣加底纹元素
mark标签内文本会以黄色高亮显示。

案例：demo8.html⬇️
demo8 这是加底纹练习：高亮文字
效果图⬇️

【本文地址】

公司简介

联系我们