HTML常用元素
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 | 描述列表的描述内容 | - |
补充:
1.有序列表的类型属性
属性值 | 符号 |
---|---|
1 | 数字 |
A | 大写字母 |
a | 小写字母 |
I | 罗马数字 |
2.三种列表的基本结构
无序列表:
<ul>
<li>