HTML相关概念
HTML （Hyper Text Markup Language） 超文本标记语言
XHTML （eXtensible Hyper Text Markup Language） 可扩展超文本标记语言
HTML5 指HTML第五个重大修改（第五个版本）
W3C （World Wide Web Consortium 万维网联盟） 创建于1994年 制定了结构HTML和表现CSS标准
WHATWG （网页超文本应用技术工作小组） 创建于2004年 各浏览器厂商
ECMA （欧洲计算机制造联合会） 制定行为的标准
web组成
1、结构（HTML）W3C
2、表现 样式（CSS）W3C
3、行为 交互（JS-JavaScript）ECMA
编辑器快捷键
ctrl + s 保存
ctrl + a 全选
ctrl + x 剪切
ctrl + c 复制
ctrl + v 粘贴
ctrl + z 撤销
ctrl + y 前进
shift + alt + ↓ : 快速复制一行
alt + ↑或↓ : 快速移动一行
alt + 左键 多光标
ctrl + d : 选则相同元素的下一个
ctrl + / 注释
站点
站点作用 归纳一个网站上所有的网页、素材和他们之间的关系
创建站点 site文件夹-html文件夹、css文件夹、js文件夹、images文件夹、index.html（首页）
文件命名 用小写英文（开头）、下划线、数字，不得用中文、空格、特殊字符，首页必须为index.html，其他页面放在html文件夹
标记语法
1、常规标记 <标记></标记>
2、空标记 <标记/>
PS：1、标记=标签=元素 放在<>里
2、标签与属性用空格隔开，属性和属性值用=号连接，属性值必须放在“”号内
3、标记可以有多个属性，彼此不分先后顺序
4、空标记没有结束标签 用/代替
HTML常用标签
1、标题标签 h1-h6（header）
h$*6 快速生成h1-h6
h1*6 快速生成6个h1
一个页面只能有一个h1标签
2、段落标签 p（paragraph）
3、空格 （non-breaking space）
（所占位置没有一个确定的值，跟当前字体大小有关）
4、加粗标签 <b></b>（Bold） 、 <strong></strong>
5、倾斜标签 <i></i>（Italic） 、 <em></em>
6、强制换行 <br>（Break）
7、水平线 <hr> （Horizontal Rule）
8、下划线 <u></u>（Underlined）
9、删除线 <s></s>（Strikethrough）
10、列表
1、无序列表 ul>li 双 （Ordered List）
2、有序列表 ol>li 双 （List Item）
3、定义列表 dl>dt+dd 双
<dl>
<dt>
<dd>
11、插入图片 img 单 （images）（Source）（alter）
<img src="图片路径" alt="图片加载不出来时的提示内容">
title : 提示信息
width、height : 图片的大小
相对路径
../（上一目录）
文件名（里面）
绝对路径
12、超链接 <a></a> （Anchor）
<a href="路径"></a> （hypertext reference）
属性 target=“_self”（默认）
_blank（新窗口打开）
13、表格 table>tr>td 双
作用 显示数据
<table>
<tr>（行） （table row）
<td></td>（列） （table data）
</tr>
</table>
属性
border 边框
bgcolor 背景颜色
width 宽
height 高
cellspacing 格子与格子的间距
cellpadding 格子与内容的间距
colspan 合并列
rowspan 合并行
表单 form
表单作用 收集用户信息
属性
name 表单名称
method ：post/get 提交方式
action 提交地址
1、文本框 input
属性
type =text 文本
placeholder 占位符
2、密码框 input
属性
type = password 密码
3、提交按钮 input
属性
type = submit
value 按钮内容
4、重置按钮 input
属性
type = reset
5、单选 input
属性
type = radio
name 组名
6、多选 input
属性
type = checkbox
name 组名
disabled 禁用
checked 默认选中
7、下拉菜单 select
属性
name 组名
option 选项
selected 默认选中
8、多行文本框 textarea
属性
name 组名
9、按钮 input
属性
type = button
value 按钮内容
10、文档区域 文档布局对象 页面布局 可大可小 div
11、文本节点 一小段文字 span
高级表单（form）
1、表单字段集
语法 fieldset 双
说明 相当于一个方框，在字段集中可以包含文本和其他元素。 该元素用于对表单中的元素进行分组并在文档中区别标出文本。fieldset元素可以嵌套，在其内部可以在设置多个fieldset对象。disabled定义空间禁止使用；
2、表单字段集标题
语法 legend 双
属性 align="left/center/right/justify"（摆放位置）
说明 legend元素可以在fieldset对象绘制的方框内插入一个标题。legend元素必须是fieldset内的第一个元素。
3、提示信息标签
语法 label 双
说明 点文本可以选中后面的选项
写法1 <label><input type="checkbox" name="hobby"/>睡</label>
写法2 <label for=“名字”>控件名</label><input id=“名字” type=“text”>
4、上传文件框
语法 input 单
属性 file（文件）、multiple（选多个文件）
5、图像域
语法 input 单
属性 image（图片）
说明 图片作为提交按钮
高级表格（table）
属性 rules=“rows”（行分割线）
cols（列分割线）
none（无）
groups（组分割线）
1、表格大标题
语法 caption 双
内容小标题
语法 th 双
2、列分组
语法 colgroup 双
属性 span（一组多少个）
table属性 rules=“groups”
3、行分组
语法 thead 双（表头）
tbody 双（标体）
tfoot 双（表尾）
注意
一个table只有一个thead、tfoot，可以有多个tbody
书写顺序：thead、tfoot、tbody
原文：https://www.cnblogs.com/imbacool/p/12386037.html