基础介绍：
HTML:(Hyper Text Markup Language)超文本标记语言。
DTD（Document Type Definition） 文档类型定义。
骨架：<html></html>,<head><head>,<body></body>
SEO:seo可以提高网页的自然排序，良好的seo应该书写title和两个meta(Keywords和Descript)
有序列表，无序列表，定义列表：
有序列表属性：
1：reversed:指定列表中条目是否倒序。
2：start：定义列表编号的起始值，必须是整数，应为阿拉伯数字。
3：type：值为 “A，a，i，I，1”定义列表编号类型。
注意事项：
li不能散者放；
在规范中，ul和ol下级只能是li，dl下级只能是dt和dd，且li和dt和dd作为容器可以容纳其他签。
对于使用什么标签，不应该看样式，应该看语义，只要语义上有“解释说明”含义的列表形态，就应该使用定义列表
相对路径和绝对路径
从描述的网页出发，如何找到目标，叫做相对路径。
目标的绝对地址，不会随着标记物改变的叫做绝对路径。。
超链接
href：设置链接路径。
title：设置鼠标悬停文字。
target：当属性值设置为blank，就会在新页面打开链接。
超级链接的常用使用方式：
锚点：网页中设置的id，在href中添加#id就能快速跳转。（在长网页建议适当在h系列添加id 属性，它将成为网页锚点）
下载链接：href指向zip，rar等文件格式的链接，将自动成为下载链接。
邮箱链接：href有mailto：前缀的链接，将成为邮箱链接，系统会自动打开相关软件。
电话链接：href有tel：前缀的链接，为电话链接，系统会自动打开相关软件。
音频和视频标签
音频<audio>,视频<video>。
相同属性:
loop:循环播放。
controls：显示播放控件。
autoplay:自动播放（为了用户体验，有些浏览器会不支持自动播放）。
src：音频地址。
开始标签对和结束标签对之间可以书写文字，给不支持标签的浏览器用来显示。
区块标签
合理的使用区块标签会大大提高代码的可读性，更加语义化。
section:文档的区域，语义比div大。
article：文档核心内容，会被浏览器主要抓取。
aside：文档非必要内容（广告等）。
nav：导航条。
header：页头。
footer：页脚。
main：网页主要内容。
常用语义化标签：
span:文本中的“区块标签”，本身没有任何显示效果，常结合css使用（行内标签）。
<strong><em><mark>标签，只要是强调语义，都可以使用。
<b><u><i>已经被css替代，可以用来强调文本。
<figure>,<figcaption>：<figure>元素代表一段独立内容，与说明的<figcaption>配合使用，它是一个独立的引用单元（常用来描述）。
表单
所有的HTML表单都是由<form>元素开始的
form属性：action:表示表单提交后台的网址。
method：表示表单提交的方式（get,post）
基本控件
text：基本输入控件<input type="text">
属性：value:设置预选文本。
placeholder:设置提示文字。
disabled:锁死，不能交互。
radio：单选按钮<input type="radio">
属性：name:设置名，当多个单选按钮拥有相同的name值，之间就会互斥。
checked:默认选中。
label：和按钮捆绑后，点击文字也可以选择按钮。<label><input type="radio">男</label>
checkbox:复选按钮。<input type="checkbox">
属性：name：设置名，同组的复选框name值应该相同。
value：必须设置，向服务器提交的值。
password：密码控件，输入的内容会显示为小圆点。<input type="password">
button:普通按钮<button>我是一个普通按钮</button>
reset:重置按钮，按下后同表单的内容会被重置，value为显示文本
submit：提交按钮，按下后提交表单内容到指定的服务器，value显示文本。
textarea:文本域，多行文本框。
属性：cols:定义列数。
rows:定义行数。
select：下拉菜单。
<select>
<option value="">文字</option>
</select>
注意：select下级只能是option，option必须有value属性，用来提交给服务器的值。
HTML5提供的更丰富的控件
color:颜色控件；
emaile:邮件控件。
date：日期控件。
time：时间控件。
number：数字控件。（max为最大值，min为最小值）
file：文件选择控件。
search：搜索框。
url：网址。
range：拖拽条。（max为最大值，min为最小值）
注意：HTML会对邮箱，网址等控件进行自动检测。
requiren:加入后此控件必填。
表格
<table>创建表格
caption:用来书写表格标题。
th:用来表示每一行的标题，会加粗居中显示。（注：th和td属于同级）
tr:设置行。
td:设置每行单元格数据。
属性：
border：设置表格边框宽度。（默认单位是px，默认为双边框）
colspan：设置列合并。（单元格合并）
rowspan：设置行合并。
注意：colspan和rowspan两个属性可以同时使用。
当未给单元格添加固定宽度时，单元格宽度由内容撑开。
<thead><tbody><tfoot>标签定义了表头，表格核心内容，表尾。
注意：合理的使用<thead><tbody><tfoot>可以使代码更加易读。
cellpadding:定义了单元的内容和边框之间的距离。（已废除）
cellspacing:定义了两个单元格之间的距离。（已废除）
但行好事，莫问前程！
网友评论