排版标签
标题标签： h1最大 h6最小
<h1></h1>
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>
段落标签：<p></p>
水平线标签：<hr/>
换行标签：<br/>
div标签：一行一个<div></div>
span标签：一行多个<span></span>
补充标签：做标题且依重要性递减<hx></hx>
文本格式化标签
加粗标签：推荐使用strong
<b></b>
<strong></strong>
倾斜标签 ：推荐使用em
<i></i>
<em></em>
删除线标签：推荐使用del
<s></s>
<del></del>
下划线标签：推荐使用ins
<u></u>
<ins></ins>
图像标签
图像标签
<img src="../url" alt="替换文本" title="悬停文本" width="0" height="0" border="0" />
属性：
上一级路径：src="../文件名"
下一级路径：src="/文件名"
同一级路径：src="./文件名"或src="文件名"
链接标签
<a href="链接网址" target="_blank"></a>
属性：
超链接目标为空或回到网页顶部：href="#"
阻止链接跳转：href="javascript:;"
新窗口打开：target=" _blank"
原窗口打开：target=" _self"（默认值）
注释标签
单行注释：ctrl+/ 块注释：ctrl+shift+/
锚点定位
创建ID（ID名称一致） ：<h1 id="ID名"></h1>
跳转ID位置：<a href="#ID名"></a>
base标签（设置所有连接标签打开方式）
<head>
<base target="_blank" />
</head>
预格式化文本标签（保留空格和换行 少用）
<pre></pre>
表格标签（展示数据使之规范整齐）
<table width="0" height="0" border="0" cellpadding="0" cellspacing="0" align="left/center/right">
<tr>
<td rowspan="0" colspan="0"></td>
</tr>
</table>
属性：
行：tr
行中单元格：td
单元格之间边框空白间距：cellspacing
单元格内容于边框之间空白间距：cellpadding
表格在网页中对齐方式：align
跨行合并单元格：rowspan
跨列合并单元格：colspan
合并规则：先上后下，先左后右，删除多余单元格
表头单元格标签（代替且文本加粗居中）：<th></th>
表格标题标签：<caption></caption>
属性：
放到table标签中
居中且显示于表格之上
表格包裹标签
<thead></thead>
<tbody></tbody>
<tfoot></tfoot>
属性：
放到table标签中
表格头部：thead
表格主体：tbody
表格底部：tfoot–>
列表标签（使页面布局整齐规范）
<ul>
<li></li>
</ul>
<ol>
<li></li>
</ol>
<dl>
<dt></dt>
<dd></dd>
</dl>
属性：
常用无序列表：ul
列表项：li
少用有序列表：ol
自定义列表：dl
上级列表项：dt
下级列表项：dd
表单标签（收集用户信息）
<input type=”值” name=”名称 " value=”email/url/date/time/month/week/number/tel/search/color ” checked/>
<required="required " placeholder="提示文本 " autofocus="autofocus " multiple="multiple " autocomplete="on/off "/>
属性：
区分不同表单：name
表单中内容：value
指定表单控件类型：type
Email类型：type=”email”
URL类型：type=”url”
日期类型：type=”date”
时间类型：type=”time”
月类型：type=”month”
周类型：type=”week”
数字类型：type=”number”
手机号码：type=”tel”
搜索框：type=”search”
颜色选择：type=”color”
单行文本输入框：type=“text” 文本框提示文本：placeholder=”提示文本”
密码输入框：type=“password” 密码框提示文本：placeholder=”提示文本”
单选框：type=“radio” 分组作用（同名为一组，一组只能单选）：name=”名称 " 默认选中选框：checked
复选框：type=“checkbox” 默认选中选框：checked
普通按钮：type=“button”
提交按钮：type=“submit”
重置按钮：type=“reset”
图像形式提交按钮：image
文件选择：type=“file” 多选文件：multiple
表单不能为空：required=”required”
页面加载完成自动聚焦到指定表单：autofocus=”autofocus”
历史输入提示：autocomlete=” on打开/off关闭” 需要加name属性
label标签：单击提示文本被绑定表单元素获得输入焦点
包裹式：<label>提示文本<input/></label>
连接式：<label for=”同一id名”>提示文本</label><input id=”同一id名”/>
文本域标签：不用
<textarea cols="0 " rows="0 "></textarea>
属性：
每行字符数：cols
显示行数：rows
下拉列表标签：少用
<select>
<option selected></option>
</select>
属性：
列表项：option
默认选中列表项：selected
表单域标签
<form action="url " method="get/post " name="名称 "></form>
属性：
指定接受处理表单数据的服务器程序的url地址：action="url地址 "
何处打开actionURL：target = “_blank（新窗口打开）/ _self（默认，原窗口打开）/_parent（父框架集中打开，少用）_top（整个窗口中打开，少用）/framename（指定框架中打开，少用）”
设置表单数据的提交方式：method="get（显示密码，适合提交少量简单数据）/post（不显示密码，适合提交大量复杂或文件上传的数据，最多使用） "
区分同一页面中多个表单：name="名称 "
对表单发送数据进行编码：enctype = “application/x-www-form-urlencoded（在发送前编码所有字符，默认，不涉及文件上传使用）/multipart/form-data（不对字符编码，使用包含文件上传控件的表单时必须使用该值）/text/plain（空格转换为 “+” 加号，但不对特殊字符编码，少用）”
语义化标签
头部标签：
<header></header>
导航标签：<nav></nav>
文章标签：<article></article>
区块标签：<section></section>
侧边栏标签：<aside></aside>
底部标签：<footer></footer>
多媒体标签
音频标签
<audio src="url " controls autoplay loop>
</audio>
属性：
加载完成自动播放：autoplay(谷歌禁用)
显示播放控件：controls
音频自动循环：loop
不同浏览器支持不同格式解决方案
<audio>
<source src=”url” type=”audio/格式后缀”></source>
<source src=”url” type=”audio/格式后缀”></source>
</audio>
视频标签
<video src="url " controls autoplay loop width="0px " height="0px " preload="auto "></video>
属性
加载完成自动播放：autoplay(谷歌禁用)
静音播放：muted(添加静音谷歌自动播放禁用解除)
显示播放控件：controls
视频自动循环：loop
预加载视频：preload=“auto预加载/none不预加载”
加载等待画面图片：poster=“url”
不同浏览器支持不同格式解决方案
<video>
<source src=”url” type=”video/格式后缀”></source>
<source src=”url” type=”video/格式后缀”></source>
</video>
字符实体
空格：
大于号：>
小于号：<
和号：&
引号："
撇号：&qpos;（IE不支持）
人民币：¥
版权：©
注册商标：®
摄氏度：°
正负号：±
乘号：×
除号：÷
平方：²
立方：³
ico图标设置
<link rel="stylesheet icon " href="ico图标路径 " type="image/x-icon " >
26万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
