l 认识html
l 基本结构
l 单标签和双标签
l 常用的标签
l 常用的标签属性
l Html基本常识
l 表单
1.认识HTML
HTML的全称是“超文本标示语言”(Hypertext Markup Language)。它包含代码集（称为“标记”），用于控制 Web 浏览器（如 Netscape Navigator、Communicator或 Microsoft Internet Explorer）显示文档的方式。
因为是从入门开始学习html,所以书写规范都按照xhtml最新标准，包括单标签的闭合，值的双引号和单属性值的赋值等。
2.HTML的基本结构
<html>
<head> （头部）
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">（该HTML编码方式）
<title>无标题文档</title>（标题）
</head>（头部）
<body>（主体）
………
</body> （主体）
</html>
3.单标签/双标签
单标签一般独立表示一个对像，形式如下：
<标签 属性1=”值1”…….属性n=”值n” />
如：<hr />或<hr align="center" width="500" size=”10”/>
双标签一般成对出现，对双标签内的内容进行设置其格式，形式如下：
<标签属性1=“值1”…….属性n=“值n”> 内容 </标签>
如：<font color="#006633" size="14" face="宋体"> aaaa</font>
4.常用的标签
<br/> 标签用于换行
<hr/>标签用于生成水平线（有width(值为百分数（即要设定的水平线与页面宽度的比例）)，align，size（在此表示高度）,noshade(无阴影等属性)）
<img src=”filefrom(地址)” /> （还有alt(图片无法显示时的替代文本，title设定鼠标移到图片上的说明),width，height.border(边框)等属性）（设定图片链接，把图片单标签放入<a>中</a>）
<html>…</html>标签用于标记HTML文档的开始和结束
<head>…</head>标签用于写入标题和其他说明信息
<body>…</body>标签网页的主体所在，用于写入文本、图像和链接。
<h1>...</h1>到<h6>...</h6> 六个标签，表示不同大小的字体，没有<h7>之类的
<area>...</area>标签用于标记区域
<P>…</P>标签用于标记段落
<font>...</font>标签用于设定字体（有color，size，face等属性）
<center>...</center>标签用于居中显示
<strong>…</strong>或者<b>...</b> 两个标签都用于加粗文本
<em>…</em>标签用于倾斜文本
<u>…</u>标签用于给文本加下划线
<sub>…</sub>标签用于下标文本（如写水分子式等）
<sup>…</sup>标签用于上标文本（幂次方等）
<ul>…<li>…</li>…</ul>标签用于生成原点开头的项目列表
<ol>…<li>…</li>…</ol>标签用于生成数字开头的项目列表
<a href =”链接地址” target=”_blank” title=”说明” >链接中文</a> （target设定链接打开方式，_blank表示在新窗口打开）
<table><tr><td></td></tr></table>标签用于创建表格（tr表示行，td表示单元格，表头的td可用th代替，表示粗体居中）cellpadding(table属性，单元格填充)cellspacing(table属性，单元格间距)rowspan(tr属性，跨行，值为要跨的行数) colspan(td属性，跨列，值为要跨的列数)
5.常用的标签属性
bgcolor 背景颜色（red,black，自选色等）
Color 颜色（同上）
Size 大小、控件宽度（数字即可）
Alt 注解（图片无法显示时显示的文本）
Border 边框（值为0时，无边框）
Width 宽度
Height 高度
Face 字体（宋体，黑体，楷体，等等）
target 目标（一般设定值为_blank，新窗口打开）
Align 水平对齐（left,right,center）
Valign 垂直对齐（top,bottom，middle）
Value 设定初始值
Maxlength 限制长度
Readonly 只读（值为readonly,单值属性）
Checked 初始化选中状态（值为checked，单值属性）
6.HTML基本常识
1）注释方式： <!--这里是注释-->
空格： 
小于号：<
大于号：>
2）站内引用使用相对URL:/表示网站根目录，../表示父目录，./表示当前目录。（此方法的好处是网站域名改变，不会影响）
3）（矛点）设置页内跳转：
<ahref="#top">跳转最顶端</a> 写在网页最下面
<aname="top">Top</a> 写在网页最顶端（不想有文字显示时，把Top去掉）
除此之外，还可用于”去往评论””返回正文“等等。
4）设置缩略图时，不要仅仅调整原图的width和height属性，而是要在写入网页之前就改变（最次用画图），这样减少了加载时使用的流量。
5）HTML中子标签默认继承父标签设定，如果自己单独设定，则会覆盖父标签的设定。
6）浏览器兼容
开发html网页需要测试的浏览器有IE，FireFox,Opera,Chrome.
两种引擎（相当于webBrower控件）：
Trident
WebKit
webBrowser1.Navigate（） 将指定的url处的文档加载到webBrowser控件中。
7）静态页面和动态页面
静态页面：有一个html页面文件保存在服务器上，浏览器要浏览这个页面时，服务器就把这个文件发给浏览器。（如某企业主页）
动态页面：服务器上没有浏览器需要的页面，通过服务器动态生成html页面发给浏览器。（如百度贴吧等）动态语言的服务器可以用C#，java，php等编写。
8) ctrl+j调出属性值选项
7)表单
表单的作用
用户注册某种服务时，收集其姓名、地址、电话号码、电子邮件地址和其他信息。收集购买物品所需的信息。例如，如果想通过 Internet购买一本书，就需要填写姓名、邮政地址和付款方式等。
表单属性介绍
表单(form)用于采集用户输入的信息，从而实现与用户交互的表格。每一个表单都有一个“提交”(submit)按钮，所填写的信息就发送WEB服务器，由服务器负责处理提交的信息。
一、<form>标签
<action>属性：处理该表单的程序的路径。
<method>属性：值有“post”和“get”两种。
常用的表单元素
1.<form>表单区域
2.<input>文本输入
3.<textarea>文本域
4.<select>选择框
二、表单输入元素(input)标签
type属性:指定表单元素的类型。值有：text,password,checkbox,radio,submit（提交按钮，在form属性中加入action指定提交地址）,reset（重置）,file（浏览本地文件。。。）,hidden（多用于动态页面中程序员使用）,button,image(设定图片按钮)。默认值(不指定type时)为text。
使用file值时，要求设定<form>标签的enctype的值为："multipart/form-data"，method属性设置为：post.
自定义图片按钮的写法：<inputtype=image src="./Sample Pictures/1.jpg" width="50" height="50"/>
name 属性：指定表单元素的名称。例如，如果表单上有几个文本框，可以按照名称来标识它们text1、text2或用户选择的任何名称。用于type值为radio的标签中，设定相同的该属性名称，可使按钮之间形成互斥。
value 属性：指定表单元素的初始值。
size属性：指定表单元素的显示长度。用于文本输入的表单元素即输入类型是text或password的.
maxlength属性：用于指定在text或password表单元素中可以输入的最大字符数。默认值为无限的.
checked 属性:是一个Boolean属性，指定按钮是否是被选中的。当输入类型为radio或checkbox时，使用此属性。
SRC 属性：SRC="URL"。当使用IMAGE作为输入类型时使用此属性，它用于标识图像的位置。
三、表单选择元素（select）标签
1）默认情况下，select标签为下拉列表框combobox控件,设定它的size属性大于1，或者multiple=”multiple”（单值属性，设定后按ctrl可以多选），则其为listbox控件。
2）Select标签中的每一项用<option>...</option>标签来表示，即设定可选值。设定其属性selected=“selected”（单值属性）来设定默认选中项。设定value来设定每一项的后台值（程序员用）。设定‘不选择’选项时，将value值设定为“-1”。
<select>
<option>上海</option>
<optionselected="selected">北京</option>
<option>西安</option>
<optionvalue="-1">不选择</option>
</select>
3）<optgroup>...<optgroup> 分组标签
<select name="city"size="10">
<optgrouplabel="东部城市">
<option>北京</option>
<optionselected="selected">上海</option>
<option >广州</option>
</optgroup>
<optgroup label="中部城市">
<option>太原</option>
<option>西安</option>
<option>成都</option>
<option>昆明</option>
</optgroup>
<optgrouplabel="西部城市">
<option>乌鲁木齐</option>
<option>拉萨</option>
<option>西宁</option>
</optgroup>
</select>
四、表单文本域（textarea）标签和其他标签
用于显示多行文本，属性cols和rows设置文本域大小。<textareacols="22" rows="22">初始化内容</textarea>
Label标签可使得其内的说明文字之间产生关系，如下，当点男字的时候，checkbox也会被选中。
<label>男<inputtype="checkbox"></label>
fieldset标签 用于将一些控件划分区域，使其看起来更整齐。
<fieldset>
<legend>标题</legend>
。。。。。。
</fieldset>
Div标签 将内容放在一个矩阵块中，影响布局操作。把这块内容当做一个整体处理（整体移动，整体隐藏等）。<div>...</div>
Span标签 跟div标签类似，但是它不会影响布局操作。<span>...</span>
比较：
<span style="background-color:red">
内容1
内容2内容三内容4<br/>
内容5，内容6
</span>
<hr/>
<divstyle="background-color:red">
内容1
内容2内容三内容4<br/>
内容5，内容6
</div>
4171
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
