标签：规则 body 合并 read 管理系统 表头 不能 对齐 word
【HTML】
HTML 是用来描述网页的一种标记语言。
HTML：Hyper Text Markup Language，超文本标记语言。
HTML 的标签能被浏览器自动解析出来展示页面内容。
【HTML 的书写规则】
1）新建一个 html 页面（文件）需要更改后缀名为：.html .htm
2）我们的标签必须是用 < > 包含起来，有开始标签，也有结尾标签（大部分）<title> </title>
3）其中也有某些标签是自结束的标签。<br />
4）属性，格式：key = "value"，其中 key 是已有的。
5）大小写不敏感 <title> <TITLE>，但是官网建议直接使用小写。
【HTML 有哪些标签】
1）文本
2）排版
3）字体
4）图片
5）超链接
6）列表
7）表格
8）表单
【HTML 案例】
1）展示文本
2）展示图片
3）展示列表
4）做一个网站的首页
5）用一个表单来收集信息
6）做一个系统的后台页面
二、HTML 的入门案例
【HTML 的基本模版】
<!DOCTYPE html> --- html5 这个版本才会这样写的，html4 或者比较老旧的版本不是这么写的。
<html> --- 用来声明一个 html 文档
<head> --- 用来声明一个头部信息（头部信息不会显示到页面中）
--- 但是有一个例外，<title> 标签中的内容会显示到页面中
</head>
<body> --- 用来声明一个主体信息（主体信息就是页面中展示的内容）
</body>
</html>
三、HTML 的文本标签
1. <h1>~<h6> 来指定文字的大小标题吧。首先，有加粗效果，还有自带换行效果。
在 html 文档中，如果不使用任何标签进行换行的话，它显示出来的效果就是在同一行的。
2. 如果想要自定义文字的格式：使用 <font> 标签。
a. 大小：size，尺寸。
b. 颜色：color
c. 字体：face
3. <hr/> 主要是在页面中添加一条水平线。
4. <p> 段落标签。会把上下不同段落的文字增加间距。而且自带换行效果。
5. 加粗：<strong>、<b>
6. 斜体：<em>、<i>
7. 荧光笔效果：<mark>
8. 空格：
9. 副标题：<small>
四、展示图片的 <img../> 标签
注意：<img> 只是一个图片框，容器。
src：用于指定图片的路径。然后才能对应读取图片并且展示。
alt：如果图片不存在或者图片的路径指定错了，则进行提示，一般情况下使用文本形式提示。
title：当你的鼠标悬浮在图片上面的时候，则提示当前图片的作用、属性等信息。
width：图片框的宽度。500px
height：图片框的高度。500px
图片框的大小并不能影响图片本身的大小。
五、列表标签
1）有序列表 <ol> type 属性：1, a, A, i, I
2）无序列表 <ul> type 属性：square 方形、circle 空心圆、disc 圆点
3）列表项 <li>
六、超链接 <a>
href：用于指定当前的超链接将要跳转到哪个地址中去。
（如果a 标签中没有 href 属性，其实跟一般的文字没啥区别。如果设置了之后，鼠标悬浮上去的时候，就会出现小手）
target：用于指定点击超链接之后页面的打开方式。_blank 空白页（主要）、_parent/_self 自身中打开。
锚点：一般情况下，我们在页面中主要使用“跳转页面顶部”。
a. 设置锚点：<a name="锚点的名字">
b. 设置跳转锚点：<a href="#锚点的名字">
1）跳转本地页面
<a href="本地文件的路径">
2）跳转网络
http 指的是网络协议。
<a href="http://www.baidu.com">
3）给其他元素添加链接 <img>
<a href="Xxxx">
<img src="图片的地址" />
</a>
七、表格
表格：<table>
行：<tr>
列：<td>
表头：<th> 每一列对应一个表头。自动加粗字体，列中自带居中效果。
border：设置表格边框，需要指定像素值。
如果需要设置表格的边框为实线的话，则需要设置 cellspacing="0" 即可。
（cell 单元格，spacing 间距）
align：设置内容的对齐（可以在 td 或者 tr 中设置）center left right
bgcolor：背景颜色。
（其中 col 代表列，row 代表行）
colspan：跨列合并。如果是跨列的话，是横着来的。如果进行扩列操作的话，需要把多余的列进行删掉。
rowspan：跨行合并。如果是跨行的话，是竖着来的。如果进行扩行操作的话，需要把多余的列进行删掉。
? A 合并 B，则删掉 B 即可。
八、案例 - 网站的首页（HTML5 搭建）
九、表单控件
主要是用来接收用户提交的信息。
input：用来设置内嵌的组件，用来接收用户输入的信息。（输入框-单行、按钮...）
select：下拉框，容器，有多个值，可供用户进行选择。比如：省份市区。
如果要给下拉框设置一些选项，需要使用 <option> 标签。
textarea：多行文本域（可以接收多行数据），比如可以用于自我信息填写。
【input 标签】
1）type 类型属性中
1. text：文本框
2. password：密码框
3. radio：单选框
4. checkbox：多选框
5. file：文件域（上传文件的时候）
6. submit：提交按钮
7. reset：重置按钮
8. button：一般的按钮
9. hidden：隐藏域（在页面中不会显示，但是提交数据的时候，会同时把它进行提交）
10. image：图片
2）name 属性（主要是给当前的控制设置一个名字，方便以后来查找）
当我们在使用 radio 或者 checkbox 的时候，
如果要统一管理，必须把它们的 name 属性都设置成同一个名字。
3）readonly：只读。（只能看，不能动）
4）disabled：禁用（像有些控件不想给用户去使用的时候，直接设置这个属性）
【表单的使用】
如果我们需要在页面中进行添加表单的话，则需要使用一个 <form> 表单标签。
一般情况下，有两个比较常用的属性：action、method
action：动作，指的是当前表单中用户输入的所有数据应该往哪里提交，
一般情况下，需要指定项目的路径以及对应的处理请求。
method：方法，有两种方式 get / post。
十、页面框架
一般情况下，我们采用这种方式来设置后台管理系统的整个页面的架构。
主要通过 frameset 标签实现。
frameset：框架集。
frame：框架。页面中的每一个小块就是一个 frame。
在 html 页面中使用 frameset 的时候，建议不要 body 标签。
如果某个页面的内容是会动态变化的话，需要在 <frame> 标签中额外指定 src 属性。
src 属性主要是用来指定对应的页面地址。
标签：规则 body 合并 read 管理系统 表头 不能 对齐 word
原文地址：https://www.cnblogs.com/sun-shine1229/p/9050803.html
