hyper text markup language 超文本标记语言，是最基础的网页开发语言。网页文件后缀名以.html/.htm结束。
<!DOCTYPE html>：html5 中定义该文档类型是html文档<html>：html 文档的根标签<head>：头标签，用于指定 html 文档的一些属性，引入外部的资源。<title>：标题标签<body>：体标签
注释：<!-- 注释内容 --><h1> to <h6>：标题标签，字体大小逐渐递增<p>：段落标签<br>：换行标签<hr>：水平线,属性：color,width,size,align(center,left,right)<b>：字体加粗<i>：字体斜体<font>：字体标签,属性：color,size,face<center>：文本居中
color:
1. 英文单词：red,green,blue
2. rgb(值1,值2,值3)：值的取值范围：0~255。 如rgb(0,0,255)
3. #值1值2值3：值的范围：00~FF之间。如 #00FF00
width:
1. 数值 width = '20'，数值的单位默认是px像素
2. 数值%：占比相对于父元素的比例。
<img>：图片标签，属性：src,alt,align,width,height相对路径：以.开头的路径，eg：./代表当前路径，../代表上一级目录
<ol>：有序列表外层标签<ul>：无序列表外层标签<li>：条目标签，包含属性 type
<a>：超链接标签
属性：href：访问资源的 URL ,target：打开资源的方式(_self默认值,_blank)
<div>：每一个 div 占满一行，块级标签<span>：文本信息在一行展示，行内标签
语义化标签是 html5 之后出现的新特性，目的是为了提高程序的可读性<header>：页眉<footer>：页脚
<table>：定义表格标签
属性：
width,border,bgcolor,align
cellpadding：单元格内容与单元格的距离
cellspacing：定义单元格之间的距离，如果指定为0，则单元格线会合并为一条<tr>：定义行<td>：定义单元格<th>：定义表头单元格<caption>：表格标题<thead>：表格中表头内容，类似语义化标签，目的为增强代码可读性<tbody>：表格表体内容<tfoot>：表格脚注
用户采集用户输入的数据，和服务器进行交互。
<form>：可以定义一个范围，范围代表采集用户数据的范围。
属性：
action
method：请求方式有7种，一般使用 get，post
name：(不指定无法提交表单项中的数据)
<input>：可以通过 type 属性改变元素展示的样式。type属性值：
text：文本
password：密码
radio(value属性指定提交的值,checked指定默认值),
checkbox(value属性指定提交的值,checked指定默认值),
placeholder：提示文字
file：选择文件框
hidden：隐藏域，用于提交一些信息。
submit：提交按钮
button：普通按钮
image：图片提交按钮，src属性选择图片路径
color：取色器
date：日期选择
datetime-local：带时分日期选择
email：邮箱
number：数字选择<label>：指定输入项的文字描述信息，其for属性一般会和 input 的 id 属性对应。这样点击 label 后 input 则会获取到焦点。<select>：下拉列表<option>：下拉列表中的子选项,value属性用于指定提交的值<textarea>：多行输入框，属性rows，cols用于指定行数和每行显示的字符数。
大专栏 HTML 和 CSS 基础>Cascading Style Sheets 层叠样式表，多个样式可作用在同一个 html 元素上，同时生效。
在标签内使用style属性指定 css 代码
eg：
1 | <div style="color:red;">hello css</div> |
在head标签内，定义style标签 style 标签体内容就是 css 代码
eg：
1 | <style> |
1.定义 css 资源文件
2.在head标签内，定义link标签，引入外部的资源文件
eg：
.css文件
1 | div{ |
.html文件
1 | <link rel="stylesheet" href="css/a.css"> |
格式：
1 | 选择器 { |
注意：每一对属性需要使用;隔开，最后一对属性可以不加;
筛选具有相似特征的元素
#id属性值{}标签名称{}，注意 id 选择器优先级高于元素选择器.class属性值{}，注意类选择器优先级高于元素选择器，低于 id 选择器*{}选择器1,选择器2{}选择器1 选择器2{}选择器1 > 选择器2{}元素名称[属性名="属性值"]{}元素:状态{}font-size：字体大小color：文本颜色text-align：对齐方式line-height：行高background：背景，属性url可以指定图片路径border：设置边框，复合属性width：宽度height：高度margin：外边距padding：内边距，默认情况下调整内边距会影响整个盒子的大小，这时可设置box-sizing:border-box;确定盒子的指定宽高为最终大小float：left,right原文：https://www.cnblogs.com/lijianming180/p/12256165.html