简洁版HTML常用元素合集

最新推荐文章于 2024-07-22 21:44:46 发布

皎月喵

最新推荐文章于 2024-07-22 21:44:46 发布

阅读量508

点赞数

文章标签： html html5

本文链接：https://blog.csdn.net/qq_44797984/article/details/112789105

版权

HTML常用元素

1.文档类型定义（DTD）
2.模板元素
3.文本有关元素
4.逻辑样式元素
5.列表元素
6.结构元素
7.锚元素
8.表格元素
9.表单元素
10.视觉和多媒体有关元素
11.引用有关元素
12.注释

1.文档类型定义（DTD）

HTML5的DTD如下：

<!DOCTYPE html>

2.模板元素

元素名	用法	重要批注
html	指明该文档是HTML格式	可使用lang属性规定文档的语言代码,"en"表示英语,"zh"表示中文
head	头部元素,包含title,meta以及对脚本和样式的引用等	这部分的许多特性并不直接显示在页面上
title	配置浏览器窗口标题栏显示的文本	-
meta	描述网页的特性	空元素,可使用charset属性指定字符集
body	主体元素,包含网页的实体部分	-

补充：meta标签的常见用途

使用charset属性指定字符集<meta charset="utf-8">
用作视窗meta标签缩放页面<meta name="viewport" content="width=device-width,initail-scale=1.0">

用模板元素可以搭建一个最简单的网页：

<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="utf-8">
	<title>This is my first web page</title>
</head>
<body>
	Hello world!
</body>
</html>

3.文本有关元素

这些元素可以组合起来用于简单地显示文本内容

元素名	用法	重要批注
h1~h6	标题元素，h1元素字体最大，h6元素字体最小	默认为块级元素
p	段落元素，显示文本的段落	默认为块级元素
br	换行元素	-
blockquote	块引用元素，显示被引用的文本块	左右两边均有缩进，默认为块级元素

4.逻辑样式元素

指出某个容器标签内文本的含义，为行内元素(这部分了解即可；加粗和斜体元素未列出，它们的功能通常用设置css的方法来替代)

元素名	用法	重要批注
abbr	指明文本为缩写	可使用title属性配置全名
cite	指明文本为引用	斜体显示
code	指明为程序代码的示例	固定空格的字体
dfn	指明某个单词或术语的定义	斜体显示
kbd	指明需要用户输入的文本	固定空格的字体
samp	指明为程序示例输出	固定空格的字体
sub	下标	-
sup	上标	-
var	指定并显示变量或程序的输出	斜体显示

5.列表元素

列表是块级元素
三种列表：有序列表，无序列表，描述列表

元素名	用法	重要批注
ul	无序列表	列表项目符号类型用css配置
ol	有序列表	可使用type属性指定列表排序符号，start属性确定起始值，reversed属性设置属性值为reversed配置降序
li	有序列表和无序列表的列表项	-
dl	描述列表	-
dt	描述列表的描述对象	-
dd	描述列表的描述内容	-