【HTML--常用标签】_html常用标签-CSDN博客

本文链接：https://blog.csdn.net/jsj18700625723/article/details/131124261

文章目录

一、htlm概述
- 概念
- html语法
二、常用标签
三、html5新标签
四、特殊字符

提示：以下是本篇文章正文内容，下面案例可供参考

一、htlm概述

概念

HTML的全称为超文本标记语言，是一种标记语言。它包括一系列标签，通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。

html语法

<标签属性= “属性值”> 内容部分称为区域 </标签结束>
1.标签大多成对出现有开始<>和结束</> (自结束标签除外)
2. 标签内可以有属性，有属性必有值。（布尔型属性除外muted）
3. 开始和结束标签之间包含的内容成为区域
4. 标签不区分大小写

在这里插入图片描述

二、常用标签

前言

在这里插入图片描述

DOCTYPE HTML 为头信息

HTML标签
html标签表示网页文件的开始,应该把它放在文档的最外层（doctype不算），其他所有的标签都应该放在<html>和</html>结束标签之间。

HEAD 标签
head表示头部标签，head>标签中通常放title标签、meta标签、style标签等。所以head标签主要用来放一下用来定义页面属性的标签。

BODY标签
body表示主体标签，网页上所有要显示的内容都放在这个标签内。

head中常用的标签

title标签：网页的标题，标题内的文本将显示在浏览器的标题栏。

meta：自结束标签常用作指定网页的字符集（例如属性charset=UTF-8、GBK、BIG）、设置网页的关键字（name=keyword,content=…），设置网页中的描述信息（name=description,content=…），可以对网页进行重定向。

body中常用标签

strong、b标签

strong和b标签都是用来加错字体标签，这两个标签显示效果一样，但是其实质使用场景不同的。b标签就是加粗文本，而strong有强调内容的意思

em、i标签

em、i标签都是加斜文本的标签，现在我们一般使用i标签加斜问题，em标签有存在强调的意思

del、u标签

del标签用来加删除线，u标签用来加下划线

代码演示：
在这里插入图片描述

br、hr 标签

br标签用来换行，hr标签用来做水平分割线

p标签

p标签表示段落，两个相邻的p标签之间会空一行

sub、sup、pre、span标签

SUB是下标标签， SUP是上标标签，它们属于文本标签。pre用来原样输出内容。span标签是一个标准行内标签，一般用来装饰包裹的文本内容，常见于装饰文本。
行内标签：指的是如a、span这些标签，这种标签的特点是标签只占据内容部分，不会占据其他部分，这样的话，标签的内容如果可以在一行中展示，则不会换行，只到沾满一行后换行输出

代码演示
在这里插入图片描述

HN,div标签

hn标签指的是h1、 h2、 h3、 h4、 h5、 h6这六个标题标签。主要用来装饰标题。
div标签是一个标准的块标签，主要用来布局。

在这里插入图片描述

三、html5新标签

HTML5是HTML从传统的web端开始兼容移动互联网的重要标志，h5为HTML提供了大量好用的标签，如布局使用的三个标签header、section、footer标签；用来播放视频和音频的多媒体标签video、audio标签等，参考表3-3。

标签名称	作用
header	定义页面的顶部（页眉）内容
article	主要是用来表示文章内容的
section	于对网站或者应用程序页面上的内容进行分块
nav	用作页面导航的链接组
aside	当前页面或文章的附属信息部分
footer	上层父级内容区块或是一个根区块的脚注
hgroup	hgroup元素是将标题及其子标题进行分组的元素。hgroup 元素通常会将h1~h6元素进行分组，譬如一个内容区块的标题及其子元素算一组
address	address元素用来在文档中呈现联系信息，包括文档作者或文档维护者的名字、他们的网站链接、电子邮件、真实地址、电话号码等
figure	网页上的一块独立元，素在一个figure元素中只能放置一个figcaption元素，表示该figure元素的标题
figcaption	figure元素块中的标题
details	details元素主要用来列表一些关键的的元素，在它中，我们使用summary元素作为details元素的标题，如果我们在details元素中不使用summary元素，则默认出现“显示详细信息”。
summary	作为details元素的标题
mark	标注或者高亮一些我们需要的关键字词
progress	表示当前的完成进度情况
meter	meter元素有六个属性，value表示值，min表示最小值，max表示最大值，low表示下限，high表示上限，optimum表示最佳值
cite	表示作品或文章中的标题
small	HTML5中，small元素被重新定义了，small通常标签与正文无关的文字，内嵌在页面上，如标注版权信息，网站备案等
canvas	画布标签，用来在页面上画图案