[ HTML ]
1.HTML是什么？
- HTML:hyper text markup language超文本标记语言
- hyper：超级、text：文本、markup：标记、language：语言
- 超文本：超越文本，超链接文本
- 不是编程语言，而是一种标记语言
2.HTML文档结构
基本骨架
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
</body>
</html>
标签的分类
根据标签是否关闭，分为，关闭型和非关闭型
- 关闭型：有结束标签，即标签成对出现
<html></html>
<head></head>
<title></title>
- 非关闭型：没有结束标签
<br>
<img>
<hr>
- 块级标签：独占一行，显示为块状
<div></div>
<p></p>
<hr>
- 内联标签：不独占一行，可与其他内容在同一行显示
<br>
<img>
<hr>
| 标签 | 含义 |
|---|---|
| < !DOCTYPE html > | 声明文档类型 供浏览器解读 |
| html | 根标签，包含头部和主体部分 |
| head | 文档的头部，提供标题、文档类型、字符编码等 |
| body | 文档的主体，提供网页的显示内容 |
| title | 文档的标题 |
基本属性
| 属性 | 含义 |
|---|---|
| lang | 语言，定义语言为英语：en，中文：zh-CN |
| charset | 字符集，计算机要准确处理各种字符集文字，需要进行字符编码，以便计算机能够识别和存储各种文字。 |
- utf-8包含全世界所有国家需要用到的字符
- GBK包含全部中文字符，加入对繁体字的支持
3.常用标签
** 排版标签**
| 标签 | 含义 | 说明 |
|---|---|---|
| h1–h6 | 标题标签 | 块级标签，h1最大，h6最小 |
| p | 段落标签 | 关闭型块级标签，上下段落有明显间距 |
| br | 换行标签 | 非关闭型，内联标签 |
| hr | 水平线标签 | 非关闭型，内联标签 |
| div | 分区标签 | 一般用于布局分划，块级标签 |
| span | 范围标签 | 默认没有任何效果，一般用来设置特殊样式 |
文本格式化标签
| 标签 | 含义 | 说明 |
|---|---|---|
| b | 文本加粗 | bold |
| strong | 强调内容 | 显示为加粗 |
| i | 文本倾斜 | italic |
| em | 强调内容 | 显示为斜体 |
| s、del | 文本删除线 | delete |
| u、ins | 文本下划线 |
超链接标签
用法：
<a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a>
属性：
- href：用于指定链接目标的url地址
- target：用于指定链接页面的打开方式，
_self默认值
_blank新窗口打开
注意：
- 外部链接需要：http://
- 没有确定链接目标时，href定义为#，表示该链接暂时为空链接。
- 图像、表格、音频、视频等都可以添加超链接
图片标签
用法：
<img src="图片URL">
属性：
- src：用于指定图片的url地址
118
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
