HTMl笔记
---恢复内容开始---
①HTML的定位是一种描述网页的标记语言。
一、HTML的标签<></>，<>
1.1 标题，段落，链接，图像，
1.2 标签参考手册
http://www.w3school.com.cn/tags/index.asp
http://www.w3schools.com/tags/default.asp
二、HTML的元素:<开标签>元素内容</闭标签>，<p/>
2.1 位于开始标签和起始标签 之间的代码。
2.2 元素的嵌套<body><p></p></body>
三、标签的属性
2.1 在开始标签中规定，用 “名称/值“ 得形式展示了标签的更多信息。
2.2 属性参考手册：
http://www.w3school.com.cn/tags/index.asp
http://www.w3schools.com/tags/ref_attributes.asp
http://www.w3schools.com/tags/ref_standardattributes.asp
②HTML 中的几个重要的点
一、表格和表单
1.1 表格：每个表格由若干行<tr>(row)组成，每行分成若干单元<td>(data),单元格的内容可以包含文本、图片、列表、段落、表单、水平线和表格。
<table>
<tr>
<td>1</td>
<td>2</td>
</tr>
<tr>
<td>3</td>
<td>4</td>
</tr>
</table>
1 2
3 4
1.1.1 表格的边框、表头、空单元格、表格的标题、边距、间距、背景颜色和背景图像。
1.1.2 <table> <caption><th><tr><td><thead><tbody><tfoot><col><colgroup>.
1.1.3 如果您使用 thead、tfoot 以及 tbody 元素，您就必须使用全部的元素.
1.1.4 <col>可以定义列的属性，没有关闭标签。
1.2 表单：用于搜集不同类型的用户输入。
1.2.1 输入的类型：<input type="" >定义输入域，<textarea rows="3" cols="20">定义文本域，<select>定义选择列表 <option>定义下拉列表的选项。
1.2.1 input type:button按钮，checkbox复选框，file定义输入字段和浏览按钮 文件上传，image定义图像形式的提交按钮，password定义密码字段，radio单选按钮，reset重置按钮，submit提交按钮，text单行输入字段，email邮箱地址，url URL地址输入域，number 包含数值的输入域，range包含一定范围内数字值的输入域。Date Pickers日期选择器，search搜索域，color颜色选择域。
二、文档章节，文本标签，组合内容标签，嵌入，资源标签
2.1 文档章节
2.1.1
<body>页面内容<header>文档头部<nav>导航<aside>侧边栏<article>定义外部内容（外部引用的文章）<section>一个独立的块<footer>尾部
2.2 文本标签
2.2.1 <a>
2.2.2 页面中的锚点
2.2.3 电话和邮箱
2.3 组合内容标签
2.3.1<div> <p> <ul> <dl> <pre> <blockquote>
2.3.2 引用 <cite>引用作品的名字、作者的名字,<q>引用一小段文字<blockquote>引用大块文字，<pre>保存格式化的内容,<code>引用代码
2.3.3 格式化 <b>加粗<i>斜体
2.3.4 强调<em>斜体，<strong>粗体
2.3.5 换行<br>
2.3.6 列表<ul>无序列表，<ol>有序列表，<dl>自定义列表
2.3.7 嵌入<iframe src=""></iframe>页面操作可以不影响到iframe的内容
2.4 资源标签
2.4.1 图标签 canvas 基于像素性能要求比较高，可用于实时数据的展示，svg是矢量图形图像。
2.4.2 热点区域标签 img中套用map以及area可以实现点击某部分图片触发一个链接，点击另一部分图片触发另一个标签。
<img src="mama.jpg" width=100 height=100 usemap="#map" />
<map name="map">
<area shap="rect" coords="0,0,50,50" href="" alt="">
<area shap="circle" coords="75,75,25" href="" alt="">
</map>
---恢复内容结束---
