1-1 标签语义

学习标签是由技巧的，重点是记住每个标签的语义，简单来说就是指标签含义，即这个标签是用来干嘛的。根据标签的语义，在合适的地方给一个最合理的标签，可以让页面结构更清晰。

1-2 标题标签<h2>-<h6>

html提供了6个等级的网页标签，即<h1>-<h6>.

标签语义：作为标题使用，并且依据重要性递减。

特点：

1.加了标题的文字会变的加粗，字号也会依次变大。

2.一个变体独占一行。

1-3 段落标签和换行标签

1-3-1 段落标签

在HTML标签中，<p>标签用于定义段落，它可以将整个网页分为若干段落。

<p></p>

标签语义：可以把html文档分割为若干段落。

特点：

1.文本咋一个段落中会根据浏览器窗口的大小自动换行。

2.段落和段落之间保持空隙。

1-3-2 换行标签

在html中，一个段落中的文字从左到右依次排列，直到浏览器窗口的右端，然后才自动换行，如果希望某段文本强制换行显示，使用<br />.

<br />.

标签语义：强制换行

特点：

1.<br />是单标签。

2.<br />标签只是简单地开始新的一行，跟段落不一样，段落之间或插入一些垂直的距离。

练习：

<!DOCTYPE html>
<html lang="en">
<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>体育新闻</title>
</head>
<body><h1>水花兄弟61分，伊戈达拉致胜抢断，勇士胜开拓者2-0</h1><h4>数据统计：水花兄弟合砍61分</h4><p>勇士：库里全场22投11中，三分14投4中，罚球11罚全中拿到了全场最高37分，并且还有8个篮板8个助攻，职业生涯季后赛得分30+次数来到了35次，超过哈登排名现役第三名，仅次于詹姆斯和杜兰特。</p><p>汤普森22投8中，三分8投4中得到24分3个篮板2个助攻，德拉蒙德-格林得到了16分10个篮板7个助攻5个盖帽，鲁尼拿到了14分7个篮板2个助攻。</p><h4>兄弟对决升级：小库里给哥哥造成压力</h4><p>库里兄弟是NBA历史上第一对在分区决赛相遇的兄弟，在前天的西决第一场中，小库里并没有给哥哥造成压力，他出场19分钟，7投1中，得到了3分3篮板2助攻，在场期间输掉了10分，但是今天小库里在场的时候开拓者赢了13分。</p><p>今天西决第二场，小库里在攻防两端都打出了杰出的表现，全场4次抢断，包括直接抢断自己的哥哥库里，并且在防守端一直给库里压力，给库里造成了极大的困扰。</p><p>    作者：测试<br />2022-03-30</p>
</body>
</html>

HTML常用标签（上）相关推荐

3.2 HTML中级 - 常用标签（上） | html5教程，html高频常用标签，html教程，html css，html5，html模板
3.2 HTML中级 - 常用标签(上) 目录头部标签补充转义字符 ( 字符实体 ) 修饰标签 h b i em sub sup del br a 链接 img 图片 Table 标签三种列表 ...
mybatis常用标签和动态查询
这里是修真院后端小课堂,每篇分享文从 [背景介绍][知识剖析][常见问题][解决方案][编码实战][扩展思考][更多讨论][参考文献] 八个方面深度解析后端知识/技能,本篇分享的是: [mybatis ...
02HTML标签(上)
1.HTML的语法规范 HTML标签是由尖括号包围的关键词,例如. HTML标签通常是成对出现的,例如<html>和</html>,我们称为双标签.标签对中的第一个标签是开始标 ...
初始html(常用标签)
今天我们来学习Web前端的一些知识,这一阶段需要记忆的东西相对来说比较多,需要花时间记忆以及做好练习. 一.HTML初识 1.web服务本质 import socketdef main():sock ...
html5常用的属性标签,HTML5常用标签及其属性设置
一.Html5的基本结构网页的内容二.head标签内常用标签 1.meta标签:设置元数据信息(metadata),用来描述HTML文档的信息,为网页提供用户不可见的信息.常用属性: ⑴chars ...
html简介及常用标签
目录一.html的简介 1.什么是html? 2.第一个html程序 3.html的规范(遵循) 4.html的操作思想二.html中常用的标签 1.文字标签和注释标签 2.注释标签 3.标题标签 ...
php获取页面a标签内容_AKCMS常用标签代码整理
轻量级的CMS我觉得AKCMS算是小而强悍的,作者可以算是个极客,代码.功能精简,安全却挺到位,以至于让很多人无法很快使用他的网站程序.也有可能作者精力有限,没有更进一步完善这套系统,现在官网都仅仅是 ...
常见的html行级元素及语义,HTML入门之——结构，常用标签及其属性，再加上语义化...
一,HTML简介(来源HTML百度百科) HTML:超文本标记语言,是指能够包含链接,图片,程序,视频等非文字元素的页面二,HTML,XML,XHTML之间有什么区别 HTML:超文本标记语言,语法 ...
HTML 常用标签演示
HTML 常用标签演示本页演示的所有标签均为浏览器默认效果. [基础] <div> 定义文档中的节(块元素,无任何属性) <span> 定义文档中的节(内联元素,无任何属性) ...
全端开发——html简介与常用标签
1.html是什么? •超文本标记语言(Hypertext Markup Language,HTML)通过标签语言来标记要显示的网页中的各个部分.一套规则,浏览器认识的规则 •浏览器按顺序渲染网页文件 ...

HTML常用标签（上）

1-1 标签语义

1-2 标题标签<h2>-<h6>

1-3 段落标签和换行标签

1-3-1 段落标签

1-3-2 换行标签

练习：

HTML常用标签（上）相关推荐

最新文章

热门文章