HTML简介
HTML(Hyper Text Markup Language):超文本标记语言，它不是一种编程语言，而是一种标记语言，它使用标记标签来描述网页。
HTML文档描述网页，也被称为网页，浏览器可以读取HTML文档，并以网页的形式显示出它们。
HTML主体框架
<!-- 文档声明 -->
<!doctype HTML>
<!-- html的根标签（元素），网页中的所有内容都要写在根元素里边-->
<html>
<!-- head为网页的头部，主要用来帮助浏览器或搜索引擎来解析网页 -->
<head>
<!-- 通过meta标签设置网页的字符集 ，meta可以设置网页的元数据-->
<meta charset="utf-8"/>
<title>网页基本结构</title>
</head>
<!-- html的子元素，表示网页的主体 -->
<body>
<!--h1网页的一级标题 -->
<h1>网页的大标题</h1>
</body>
</html>
HTML标签
这些标签一般是用尖括号包围的关键次，通常是成对出现的。标签对中的第一个标签为开始标签，第二个标签为结束标签。但也有单独的自结束标签
<b></b> <!-- 成对标签 -->
<!-- 自结束标签 -->
<img/>
<input/>
标签的属性
- 属性与标签名使用空格隔开
- 并不是所有的属性都有属性值
- 属性格式：
name="value" - 属性总是在HTML元素中的开始标签中规定
- 一般属性值包含在双引号内，但是当属性值本身就含有双引号，那么就必须使用单引号。
<html>
<head>
<title>标签的属性</title>
</head>
<body>
<h1>这是我的<font color="#A52A2A">第三个</font>网页</h1>
</body>
</html>
| 属性 | 值 | 描述 |
|---|---|---|
| class | classname | 规定元素的类名 |
| id | id | 规定元素的唯一id |
| style | style_definition | 规定元素的行内样式 |
| title | text | 规定元素的额外信息（可以在工具提示中显示） |
基本HTML标签
HTML标题
<h1> - <h6> 等标签被称为HTML标题
但是一般只会用<h1> - <h3>。一个网页中一般只会有一个<h1>
浏览器会自动地在标题前后添加空行。HTML会自动地在块级元素前后添加一个额外的空行。
HTML段落
HTMl段落用<p>标签进行定义
HTML链接
超链接可以是一个字，一个词，或者一组词，也可以是一幅图像，可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。
HTML链接通过<a>标签进行定义，在href属性中指定链接的地址。
有两种使用<a>标签的方式：
- 通过使用href属性-创建指向另一个文档的链接
- 通过使用name属性-创建文档内的书签
<a href="https://www.cnblogs.com/1625--H/">Visit Blog</a>
target属性可以定义被链接的文档在何处显示
_self 为默认值表示在当前页面打开
_blank 在新页面打开
<a href="https://www.cnblogs.com/1625--H/" target="_blank">Visit Blog</a>
如果href属性值为#，可以跳到网页顶部，#后面紧跟id号可以跳到对应标签的位置。
HTML图像
HTML图像通过<img>标签进行定义。尽管属性可以对图像进行设置，但是我们尽量避免这么做。
属性
src="url",url指存储图像的位置alt="***"，alt属性用来为图像定义一串预备的可以替换的文本。
HTML表格
表格由<table>标签来定义。每个表格均有若干行（由 <tr> 标签定义），每行被分割为若干单元格（由 <td> 标签定义）。字母 td 指表格数据（table data），即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。
<table>标签属性border="1"可以定义边框属性- 表头可以用
<th>把<td>代替，浏览器默认显示为粗体居中的字体。
HTML列表
- 无序列表
- 无序列表始于
<ul>，每个列表项始于<li>
- 无序列表始于
- 有序列表
- 有序列表始于
<ol>，每个列表项始于<li>
- 有序列表始于
- 定义列表
- 自定义列表以
<dl>开始 - 每个自定义列表项以
<dt>开始，每个列表项的定义项以<dd>开始
- 自定义列表以
其他
<hr/>标签在HTML页面创建水平线，可以用于分割内容。<!-- -->HTML注释<br />换行- 格式化标签
<q>用于短引用、<blockquote>用于长引用<addr>定义缩写或首字母缩略语。eg:<abbr title="World Health Organization">WHO</abbr><dfn>用于定义项目或缩写的定义