HTML基础标签
HTML
HTML基础标签
HTML文件结构
HTML的所有标签为树形结构，一般都有一个开始标签和一个结束标签，开始标签之间的标签就是子节点，同级标签就是兄弟节点，例如：
<!DOCTYPE html><html lang = "zh-CN"><head><meta ccharset = "UTF-8"><meta name = "viewport" content = "width = device-width, initial-scale = 1.0"><title>Wen Application Lesson</title></head><boby><h1>First Class</h1></boby></html>
-
<html>标签：表示一个HTML文档的根（顶级元素），所以它被称为根元素。所有其他元素必须是此元素的后代。
-
<head>标签：
代表页面的“头”，定义一些特殊内容，这些内容往往都是“不可见内容”（在浏览器不可见）。
| 内部标签 | 说明 |
|---|---|
| 定义网页的标题 | |
| 定义网页的基本信息（供搜索引擎） | |
**的内部标签也非常重要，在前期大家只需要感性认知就可以。 **
<body>标签：
表示文档的内容。表示页面的身体，定义网页展示内容，这些内容往往都是可见内容
常见属性：
charset: 这个属性声明了文档的字符编码。如果使用了这个属性，其值必须是ASCLL大小写无关（ASCLL case-insensitive）的utf-8name:name和content属性可以一起使用，以名-值对的方式给文档提供元数据，其中name作为元数据的名称，content作为元数据的值。
link标签：
规定了当前文档与外部资源的关系。该元素最常用于链接样式表，此外也可以被用来创建站点图标<icon> ,例如：
<link rel = "icon" href = "/web Application Lesson/images/logo.png">`
HTML中只有多行注释，没有单行注释。
综合示例如下：
<!DOCTYPE html><html lang="zh-CN"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta name="description" content="This is the description of web page."><meta name="keywords" content="This is the keywords when searching."><title>Web Application Lesson</title><link rel="icon" href="/Web Application Lesson/images/logo.png">
</head><body><h1>First Class</h1><!--This is first annotation sentence.This is second....-->
</body></html>
段落与文字
段落与文字标签
| 标签 | 语义 | 说明 |
|---|---|---|
- | header | 标题 |
| paragraph | 段落 | |
| break | 换行 | |
| | horizontal rule | 水平线 |
| divsion | 分割（块元素） | |
| span | 区域（行内元素） |
文本格式化标签
| 标签 | 语义 | 说明 |
|---|---|---|
| strong | 加粗 | |
| enphasized(强调) | 斜体 | |
| cite(引用) | 斜体 | |
| superscripted(上标) | 上标 | |
| subscripted(下标) | 下标 |
网页特殊符号
网页特殊符号只需要记忆一个就行，就是HTML空格“ ”，其他的特殊符号我们不需要记忆，当我们需要的时候再回来找一下特殊符号就OK了
自闭合标签
HTML标签分为两种，一种是“一般标签”，另一种是“自闭和标签”。一般标签有开始符号和结束符号，自闭合标签只要开始符号没有结束符号
一般标签可以在开始符号和结束符号之间插入其他标签或文字。
自闭合标签由于没有结束符号，不能插入其他标签或文字，只能定义自身的属性
一般标签
举例：
自闭合标签
举例：
块元素和行内元素
- HTML元素根据浏览器表现形式分为两类：块元素、行内元素
- 块元素特点：
- 独占一行，排斥其他元素跟其位于同一行，包括块元素和行内元素
- 块元素内部可以容纳其他元素或行元素
常见块元素有：h1~h6、p、hr、div等
- 行内元素特点：
- 可以与其他内元素位于同一行
- 行内内部可以容纳其他行内元素，但不可以容纳块元素，不然会出现无法预知的效果
常见行内元素有：strong、em、span等