学习计算机语言很久了，最近看到自己曾经做的笔记，感慨良多，期间记录了我的点滴学习。希望对大家有点帮助。
这个是HTML的笔记。
1.1、HTML的用途：HTML是用来制作网站的
HTML是Internet上用于设计网页的主要语言,网页可以由文本,图片,动画等内容组成,基础架构都是HTML. 从事网页制作或者相关工作,就要学习HTML 。
HTML是“HyperText Mark-up Language（超文本标记语言）”的缩写。
1.2、开发HTML需要使用HTML编辑工具开发HTML页面：一:基本文本编辑软件： 如记事本、Editplus等。二:所见即所得软件：如dreamweaver 等。
2.1、标记（标签）
HTML用于描述功能的符号称为“标记”。如“HTML”、“BODY”、“TABLE”等。
标记是由W3C组织定义好的并具有特定的含义的符号.
格式：
标记在使用时必须用尖括号“<>”括起来，而且是成对出现，无斜杠的标记表示该标记的作用开始，有斜杠的标记表示该标记的作用结束。
所以应当遵循：<开始标签> 标签体 </结束标签>
特点
标签的特点：不区分大小写，标签名是固定的。
例如<TABLE>表示一个表格的开始，</TABLE>表标一个表格的结束。如<TABLE>和<table>都是表示一个表格的开始。不区分大小写。
2.2、标签属性
写在开始标签上的，格式是： 名=“值”对代表该标签的属性 <font color=“yellow”></font>。一个标签可以有多个属性，多个属性之间使用空格隔开。（长宽高之类的）注意：属性值最好使用单引号或者双引号引起来。<font color="red">你好</font>注意事项：1:所有标记都要用<> 尖括号括起来；2:成对出现的标记；3:HTML中不区分大小写；4: 标记中不要有空格；
2.3、HTML的正文和注释
<html> 与 </html> 之间的文本描述网页
<head> 与 </head> 之间的用于定义文档的头部
<title> 与 </title> 定义文档的标题
<body> 与 </body> 之间的文本是可见的页面内容（body里边的background属性可以有：背景色，背景图之类的）
<p> 与 </p> 之间的文本被显示为段落
<!-- 注释 -->2.4、标题、段落、上下标、换行，原样输出、线条、文本列表、转义字符（teshuzifu）
<h1> - <h6> 标签可定义标题<h1> 定义最大的标题。<h6> 定义最小的标题。
<p> 标签定义段落。p 元素会自动在其前后创建一些空白。
使用 blockquote 元素的话，浏览器会插入换行(两个br)和外边距( )，而 q 元素不会有任何特殊的呈现。
Superscript 上标 2<sup>3</sup>=8——>表示的是2的三次方等于八。
Subscript 下标 x<sub>1</sub>=1——>表示x等于1。
<br> 回车换行<br> 可插入一个简单的换行符。br标记没有任何内容,作用就是换行,所以是空的.由于没有内容所以只写一个<br>即可。
pre 元素可定义预格式化的文本，原样输出
水平分隔线（horizontal rule）可以在视觉上将文档分隔成各个部分，可以通过属性设置线条的颜色,粗细,宽度,对齐方式.color="#FF0000" size="5" width="400" align="left"
列表标签：<dl><dt>：上层项目<dd>：下层项目列表中项目符号对应的标签<ul>：符号标签（○●■）<ol>：数字标签（a A 1 i I）<li>：具体项目内容标签。此标签只在<ol> <ul>中有效。<ul> 默认的是●通过type属性更改项目符号可以更改项目符号，分别显示○●■
2.5、表格
<table>标记表示表格,以<table>开始以</table>结束<caption>标题标签,给表格提供标题。<th> 表头标签 一般对表格的第一行或者第一列进行格式化，就是粗体显示。<tr> 行标签 <td> 单元格标签, 加载行标签的里面。可以简单理解为，先有行，在行中在加入单元格。
常用的属性 border 表格的边框 width 宽度 height 高度 align 对齐方式 left左对齐 right右对齐 center 居中 th 用作表头标签 rowspan 合并行，上边合并下边 colspan 合并列，一般是右边合并
2.6、表单 作用：用于采集用户输入的数据，提交给后台程序处理。<form> 表示一个表单。常用的属性：Action：表单提交到的地址method：提交方式get:提交的数据会放到地址啦上 get提交的数据不能超过1kb（只适合于一些简单的数据）post：提交的数据不会放到地址栏上 post提交的数据没有限制（文件上传用post比较好）<input type="text"> 单行输入域<textaera><textaera/>value属性 该输入域的默认值，一般是4-10位的字符name 这个是必须填，该name的属性值是用于给后台程序获取该标签的内容<input type="password"> 密码输入域，使用一个非明文的效果获取用户输入的数据value 同上 name 同上<input type="radio"> 单选按钮注意：如果是同一组的按钮的单选选项，就是用相同的name属性值<input type="checkbox"/> 多选按钮<input type="hidden"/> 隐藏域 特点：不会显示到HTML页面上属性：name属性就是后台程序获取的标记 这个value值就是发送给后台程序的内容。<select name="籍贯"/> 下拉选项 name属性就是后台程序获取的标记下拉选项的option标签中的value属性值一定要填，这个value值就是发送给后台程序的内容。<option value="广东">广东<option/><input type="file"/> 文件选择器<input type="submit"/> 提交按钮属性：name 提交按钮，点击这个按钮，form中的全部数据就会发送到后台。value：表示按钮的显示文本。<input type="button"/> 普通按钮<input type="reset"/> 重置按钮点击这个按钮，form中的数据返回到初始状态。
2.7、超链接
格式：超链接格式： <a href="e:/itcast/a.html"></a>
链接到其他文档：href 属性的值是连接目的页面的地址.<a href="http://www.baidu.com">百度一下</a>
<a>标签的属性titletitle 属性的值能够描述连接的目的页面.<a href="http://www.baidu.com" title="使用百度搜索引擎">百度一下</a>
该属性指定连接指定的页面应当以和汇总方式在哪一个窗口中打开,如果想要再新窗口中打开,需要经target属性的值设置为_blank。target="_self"默认。在相同的框架中打开被链接文档。
锚链接：<a name=“标记名”></a> 和 <a href="#标记名"></a>普通的连接,连接会从一个页面到达另外一个页面.如果页面很长,希望连接页面的特定部分.就可以使用锚链接。
2.8、图像标签
使用<img> 标签将图像添加到网页中,该标签要使用src属性指定图片的来源,并且需要附带alt属性. alt属性是用于,当用户加载图片失败时显示的文字信息.图像标签格式： <img src="" alt="“ title=“” width=“”/> 1.src属性a)src=”url”;可以是相对路径也可以是绝对路径.2.alt属性图片说明,由于浏览器无法下载图片,找不到图片,就会显示该信息.3.align属性图像的对其方式,left right top 等4.border属性指定图像的边框的宽度,以像素为单位例如 border=”2”;5.height和width属性指定图像的高度和宽度,以像素为单位height=”100”width=”50”;1. 图像地图：<map>应用：当要在图像中选取某一部分作为链接的时候。如：中国地图每个省所对应的区域。map标签要和img标签联合使用。Href是超连接<img src="Sunset.jpg" alt="图片说明文字" usemap="#Map" /> <map name=”Map”> <area shape="rect" coords="50,59,116,104" href="1.html" /> <area shape="circle" coords="118,203,40" href="2.html" /> </map>
2.9、框架
属性：cols：按照列的方向划分 rows:按照行的方页面例和长度 *表示其他框架分配完剩下的比例表示的是一个框架，框架中包含一个html 有2个或2个以上的frame页面，框架的位置放在body外面（注意：否则无法显示）超链接target属性还可以指定一个frame的名称，如果指定的是一个frame的name，那么在指定的这个frame就会显示。（target是一个打开方式） src表示的是框架内包含的页面1）一个页面包含在一个frame标签中2）有两个或者两个以上的frame就需要放在frameset中方向一般是两个；从上往下，从左往右例如：<frameset><frame src="头部页面.html"/><frameset><frame src="左边页面.html"/><frame src="中间页面.html"/> <frameset/><frame src="底部页面.html"/><frameset/>
画中画标签：<iframe><iframe src=”1.html” >很遗憾，画中画你没有看到，因为你的浏览器不支持iframe标签。</iframe>属性: src="../success.html" frameborder="1" height="300" width="400" scrolling="no"框架标签现在不是很常用，布局都用div+css+table。框架很少使用了。
