1. html
超文本标记语言HyperText Markup Language。html文档基本结构：
<!DOCTYPE html>
<head>
<!--放一些其它信息--> </head> <body>
可见的页面内容 </body> </html>
html用标记标签来描述网页，一个元素包含一对开始/结束标签。元素中可以设置属性，该属性在开始标签中以名称/值对形式出现
2. <head></head> 里面可以包含下面元素
| <title>页面标题</title> | 1.浏览器工具栏标题；2.收藏夹标题；3.搜索引擎结果页面的标题 |
| <meta name="description" content="description"> |
元数据：数据的数据，对html数据进行说明的信息 |
| <base href="http:www.xxx.com"> | 文档中的默认链接地址 |
| <link rel="当前文档与被链接文档的关系" type="text/css" href="css文档地址.css"> | 文档和外部资源之间的关系 |
| <style></style> | 样式文件 |
| <script></script> | 客户端脚本文件 |
3. <body></body> 在页面中显示的内容
3.1 布局
| <div></div> | 在其中放其它元素的容器 |
| <table></table> | 在其中放其它元素的容器 |
| <span></span> | 作为文本的容器，可以放在其它容器中如<p></p> |
3.2 文本结构
| <h1></h1> | h1~h6标题 |
| <p></p> | 文章段落 |
| <br /> | 换行 |
3.3 多媒体图像、图形、视频、音频
| <img src="图像地址" alt="显示不出图片时的文字"> | 插入图像 | |
|
<img usemap="#mymap"> |
img利用map映射成一个可点击的图像 |
|
| <canvas id="canvas_id"></canvas> | canvas是一个画布，用js在其中绘制2D图形 | html5 |
| <svg xmlns="xml命名空间地址"></svg> | svg是可伸缩矢量图形，利用xml格式定义图形 | html5 |
|
<video width="" height="" controls> |
插入一个视频 | html5 |
|
<audio controls> |
插入一个音频 | html5 |
| <object data="bookmark.swf"></object> |
object用于插入对象，如java程序、视频、 |
html插件 |
| <embed src="bookmark.swf> |
embed用于插入对象，如视频、flash播放器等。没有关闭标签！ |
html插件 |
3.4 表单<form></form>
用于接收不同类型的用户输入，浏览器将用户在表单中输入的数据进行打包，提交表单时发到服务器
| <form action="跳转到的地址"></form> | |
| <input type="radio" name="a" value="b"> |
input是输入域 |
| <textarea></textarea> | 多行的文本输入控件 |
| <label for="inputID">inputID</label> |
用for把label绑定到另一个元素， |
|
<fieldset> |
fieldset把一组相关的表单元素用外框包含起来 |
|
<select> |
select定义下拉菜单 |
|
<input list="listid"> |
datalist用于指定<input> 元素可能的选项列表且可输入 |
3.5 全局属性&事件
| 全局属性：任何一个标签都是可以使用的属性 | |
| <p class="className1 className2"></p> | 为<p>定义了两个类名 |
| <p style=""></p> | 定义元素的行内样式 |
| <p id="pid"></p> | 规定元素的唯一id |
| <p hidden="hidden">abc</p> | 隐藏<p>元素 |
| 事件属性：触发浏览器中的行为 | 窗口事件、表单事件、键盘事件、鼠标事件及其它 |
3.6 颜色&符号
| 颜色表示 |
颜色名: Black |
||||||
| 字符集 |
要正确地显示 HTML 页面，浏览器必须知道使用何种字符集meta |
||||||
| 符号实体 |
数学符号、希腊字母、其它
|