HTML标签
<h1 align="center"></h1> 定义一个标题 align的center属性 定义居中排列标题
<p></p> 元素定义了 HTML 文档中的一个段落浏览器自动在段落的前后添加空行。
<a href="链接地址" target="_blank"></a> 页面跳转的链接 target属性定义链接文档在何处显示
<img src="图片名称" width="宽" height="高"/> 定义一张图片显示 图像的 align 属性设置为 "left"。图像将浮动到文本的左侧。
把一个元素设置为可拖放,可以把draggable 属性设置为 true:

<body bgcolor="颜色"></body> <body>定义HTML文档的主体 bgcolor定义背景颜色
<div> 定义文档中的分区或节
<span> 组合文档的行内元素


表格
<table border="1" cellpadding="10"> 定义HTML的表格 border定义表格的边框信息
cellpadding="10" 定义单元格之间的距离 cellspacing="10"定义边框的宽度
<th>定义表格的头
<tr> 定义表格的行
<td> 定义表格的列
表格属性:
rowspan="2" 跨两行的单元格


表单
<input type="#">
type的类型:
text 文本输入
radio 单选按钮
submit 表单的处理程序提交 <form action="表单处理程序" method="GET/POST">
password定义密码字段
checkbox定义复选框
number 用于应该包含数字值的输入字段
date 用于应该包含日期的输入字段
color 用于应该包含颜色的输入字段。
range 用于应该包含一定范围内的值的输入字段 (输入字段能够显示为滑块控件)
month 允许用户选择月份和年份。
week 允许用户选择周和年
time 允许用户选择时间(无时区)
datetime 允许用户选择日期和时间(有时区)。
datetime-local 允许用户选择日期和时间(无时区)。
email 用于应该包含电子邮件地址的输入字段。
search用于搜索字段(搜索字段的表现类似常规文本字段)
tel用于应该包含电话号码的输入字段。(目前只有 Safari 8 支持 tel 类型。)
url用于应该包含 URL 地址的输入字段。

Input属性
value 属性规定输入字段的初始值
readonly 属性规定输入字段为只读(不能修改)
disabled 属性规定输入字段是禁用的。
size 属性规定输入字段的尺寸
maxlength 属性规定输入字段允许的最大长度
HTML5新特性
autocomplete 属性规定表单或输入字段是否应该自动完成。
当自动完成开启,浏览器会基于用户之前的输入值自动填写值。
您可以把表单的 autocomplete 设置为 on,同时把特定的输入字段设置为 off,反之亦然。
autofocus 属性是布尔属性。
如果设置,则规定当页面加载时 <input> 元素应该自动获得焦点。
multiple 属性是布尔属性。
如果设置,则规定允许用户在 <input> 元素中输入一个以上的值。
multiple 属性适用于以下输入类型:email 和 file。
pattern 属性规定用于检查 <input> 元素值的正则表达式。该属性值为正则表达式
placeholder 属性规定用以描述输入字段预期值的提示(样本值或有关格式的简短描述)
required 属性是布尔属性 如果设置,则规定在提交表单之前必须填写输入字段。

输入限制
min 规定输入字段的最小值
pattern 规定通过其检查输入值的正则表达式。
value 规定输入字段的默认值。
required 规定输入字段是必需的(必需填写)。

<select> 元素(下拉列表)
<select name="cars">
<option value="volvo">Volvo</option>
</select>
<textarea> 元素定义多行输入字段(文本域):
rows="" cols="30"用于定义文本域的框体
<button> 元素定义可点击的按钮
<fieldset> 元素组合表单中的相关数据
<legend> 元素为 <fieldset> 元素定义标题。

HTML5新特性
<datalist> 元素为 <input> 元素规定预定义选项列表。
用户会在他们输入数据时看到预定义选项的下拉列表。
<input> 元素的 list 属性必须引用 <datalist> 元素的 id 属性
例如:
<input list="browsers">
<datalist id="browsers">
<option value="Internet Explorer">
</datalist>


列表
无序列表(使用粗体圆点(典型的小黑圆圈)进行标记。)
<ul>
<li>
有序列表
<ol start="起始序号" type="定义不同标记(A a I 默认数字)">
<li>
自定义列表
<dl>
<dt>
<dd>


<hr/> 在HTML页面中创建水平线
<br/> 换行符

 


文本格式话标签
<b> 粗字体
<i> 斜字体
<strong> 粗字体


标签的属性
class 定义元素的类名
id 定义元素的唯一id
style 定义元素的行内样式
title 定义元素的额外信息(可在工具中显示)
<a href="#C4"> <a name="C4"> 属性规定锚点

 

style样式
background-color:颜色 定义背景颜色
font-family:字体 定义文本的字体
color:颜色 定义文本颜色
fint-size:字号 定义文本的字号
text-align:center 文本的对齐方式(此处居中)
text-decoration:none 隐藏文本的下划线

框架结构标签
<frameset rows/columns=""> rows/columns 的值规定了每行或每列占据屏幕的面积
<frame src="html"> 引入的html 在 <frame> 标签中加入:noresize="noresize"避免用户拖动边框

iframe标签
用于在网页内显示网页height 和 width 属性用于规定 iframe 的高度和宽度。
frameborder 属性规定是否显示 iframe 周围的边框。
设置属性值为 "0" 就可以移除边框

<script> 标签用于定义客户端脚本,比如 JavaScript。
<script type="text/javascript"></script>

HTML路径
文件路径指向了位于当前网站根目录中 images 文件夹里的一个文件:
<img src="/images/picture.jpg" alt="flower">

文件路径指向了位于当前文件夹中 images 文件夹里的一个文件:
<img src="images/picture.jpg" alt="flower">

文件路径指向了位于当前文件夹的上一级文件夹中 images 文件夹里的一个文件:
<img src="../images/picture.jpg" alt="flower">

链接外部样式表
<link rel="stylesheet" type="text/css" href="xxx.css" >
内部样式表
<style type="text/css">
定义在html页面中
</style>

内链样式表
<p style="colo:red; margin-left:20px"></p>


块级元素(块级元素在浏览器显示时,通常会以新行来开始)
<p> <h1> <ul> <table>
<div>
内联元素
<b> <td> <a> <img> <span>

HTML字符实体
&nbsp; 空格符
¥ &yen; 元
© &copy; 版权(copyright)
® &reg; 注册商标
™ &trade; 商标

HTML5新特性标签
<canvas> 定义使用 JavaScript 的图像绘制
<svg> 定义使用 SVG 的图像绘制。
<audio> 定义声音或音乐内容。
<source> 定义 <video> 和 <audio> 的来源。
<track> 定义 <video> 和 <audio> 的轨道。
<video> 定义视频或影片内容。