笔记：html+css第二课-伊子丹网

大家好

今天我们一起来学习一下html标签，html标签是什么意思…

语法

HTML标签是由尖括号包围的关键词，如<html>
HTML标签通常是成对出现的，如<html>和</html>，称为双标签（开始标签和结束标签）
有些特殊标签必须是单个标签，如<br />，称为单标签
双标签关系分为两种：包含关系和并列关系

html标签分三大部分：

块级元素:hn(n 指的是1~6的数字）div,p,ul,ol
行内元素:del,u,b,s
行内块元素:img,dideo,aodio

常用标签

标题标签<h1>-<h6>

双标签
标签语义：作为标题使用，并且重要性递减
特点：加了标题标签的文字字体变粗、字号变大、独占一行

段落标签<p>

双标签
标签语义：把文字内容分割为若干段落，有条理地显示
特点：文本在一个段落中会根据浏览器窗口大小自动换行、段落与段落之间保有空隙
在HTML中不管多少空格、回车都只显示一个

换行标签<br />

单标签
标签语义：强制换行
特点：换行标签只是开始新的一行，跟段落不一样，段落之间会插入一些垂直距离

文本格式化标签

双标签
标签语义：突出重要性，为文字设置粗体、斜线、下划线等效果
语义标签
加粗：<strong></strong>或者<b></b>
倾斜：<em></em>或者<i></i>
删除线 ：<del></del>或者<s></s>
下划线 ：<ins></ins>或者<u></u>

<div>和<span>标签

双标签
<div>和<span>是没有语义的，他们是一个盒子，用于布局、装内容
<div>类似一个大盒子，单独占一行
<span>类似一个小盒子，一行上可有多个<span>标签

好了，html标签解释到这里吧，这标签还没完，后面还有，但是我们今天就学这些吧现。在我们开始写代码吧，写几个代码了以后这些理论性的知识你们自然就懂。

首先我们打开我们的html文件夹创建一个文本文档（我们用记事本写代码），写html 基本格式。

上面图片写的代码和运行结果你们看一下，网页上显示内容我们在body标签里面写，我上节课说了你们写的代码必须要写整齐，但是bodt里面随便写但是不要写错哦。

上图我写的是标题标签，其他的你们自己写试试，主要是以后用的时候那个比较适合就用那个。

现在我们看看段落标签和换行标签：

上面的图片你们也看了我用了两个段落标签，最前面形成了一个段落坐后面生成了一个段落，注意段部落标签是双标签，不要忘记啊。还有段落标签是段落与段落之间保有空隙。

换行标签：

这个换行标签是单标签，我们把换行标签加了以后后面内容从下一行开始。

换行标签和段落标签的区别就是段落标签把段落与段落之间保有空隙，但是换行标签不留空隙，段落标签是双标签，换行标签是单标签

今天的内容就到这里其他的你们自己写代码练一练。

温馨提示：本文最后更新于2022-09-10 23:34:07，某些文章具有时效性，若有错误或已失效，请在下方留言或联系伊子丹。

------本页内容已结束，喜欢请分享------

感谢您的来访，获取更多精彩文章请收藏本站。

版权声明 1 本网站名称：伊子丹网
2 本站永久网址：https://www.ezdan718.cn
3 本网站的文章部分内容可能来源于网络，仅供大家学习与参考，如有侵权，请联系站长 QQ534884117进行删除处理。
4 本站一切资源不代表本站立场，并不代表本站赞同其观点和对其真实性负责。
5 本站一律禁止以任何方式发布或转载任何违法的相关信息，访客发现请向站长举报
6 本站资源大多存储在云盘，如发现链接失效，请联系我们我们会第一时间更新。

THE END

站长笔记首页

笔记：html+css第二课

感谢您的来访，获取更多精彩文章请收藏本站。

网站信息统计

当前时间