1.HTML基本标签
HTML（HyperTextMark-upLanguage）即超文本标记语言或超文本链接标示语言，是WWW的描述语言。
HTML文档的结构
- HTML标签由标签、属性、内容组成，属性与内容可选。
- 包含内容的标签以<…>开始，</…>结束，不包含内容的标签可以是如下格式：<…/>
- 属性的值尽量用双引号或单引号修饰
- 标签中的内容可以是其他的标签，称为原标签的子标签，子标签必须在父标签结束之前结束
2.页面背景色或背景图像
- <body background="back_image.GIF" >
Hello World！
</body>
（网页背景图像）
- <body bgcolor="#FFCCFF">
Hello World!
</body>
（网页背景色彩）
3.文本相关标签
- 字体、字号：
标题标签<h1>－<h6>，<font>标签。
- 行的控制
段落标签<p>，换行标签<br>。
- 标题标签
<h#> ... </h#>，#=1, 2, 3, 4, 5, 6 （说明：<h1>到<h6>字体大小依次递减）
<sub>下标文字，<sup>上标文字，<del>删除线。
段落标签<p>，换行标签<br>。
- 内容分隔<HR>标签
<HR> 标签用于在页面上绘制水平线。
- 图像标签
图像的基本语法：<img src=“images/adv_2.jpg” width=“300” height=“150” alt=“在线报名” >
- 页面链接<A>标签
要链接到同一目录 (C:HTML) 下的页面，可编写 <A HREF = “Doc1.htm”> 或 <A HREF = “C:htmlDoc2.htm”>
链接到本页面：
- 图像链接
<a href=“http://www.it.com”>
<img src=“images/adv_2.jpg” border=“0” width="300"height="150">
</a>
- 滚动<marquee>标签
<marquee scrolldelay=“100” direction=“up”>
滚动文字或图像
</marquee>
说明：scrolldelay：表示滚动延迟时间，默认值为90；direction：表示滚动的方向，默认为从右向左。
2.HTML/CSS基础
目标：掌握列表的用法
使用表格的基本结构实现简单表格
使用表格相关标签实现跨行、跨列的复杂表格
会使用表单的基本结构制作表单页面
会使用各种表单元素实现注册页面
能理解post和get两种提交方式的区别
- 无序列表标签<ul>用于页面中没有顺序的列举项。
格式： <ul type=“”>
type属性设置标号的类型，值可以取：
1 disc ：实心圆点
2 circle ：空心圆点
3 square ：实心方块
无序列表
- 有序列表<ol>用于说明页面中的某些成分，需要按特定的顺序排列。有序列表的每项都有连续的编号。
格式：<ol type=“” start=“”>
type设置标号的类型，值可以取：
1 1：显示数字
2 A：显示大写字母
3 a：显示小写字母
4 I：显示大写罗马数字
5 i：显示小写罗马数字
有序列表
- 嵌套列表：一个列表作为另一个列表的一部分，即多层列表。
嵌套列表
- 表格<table>应用场合
门户网站应用表格
- 表格的基本语法
<table>...</ table >定义表格
- 如何创建表格
创建表格
表格表现
- 表头与标题
域名数量报表的创建
域名数量报表
- 什么是跨行跨列的表格
1.跨多列的表格
2.跨多行的表格
3.如何创建跨行跨列的表格
- 表格的尺寸和边框
品牌商城表的创建
width用来设置表格的宽度；height用来设置表格的高度；border用来设置表格边框尺寸大小；bordercolor用来设置表格边框颜色。
品牌商城表
背景：background属性用来设置表格的背景图片；bgcolor属性用来设置表格、行、列的背景色。
对其方式：align属性用来设置表格、行、列的对齐方式。
- 文本框基本语法
<input type=“text” value="张三" size="20">
文本框的建设
文本框
- 密码框基本语法
<input type=“password” value=“123456” size=“22”>
密码框的建设
密码框，22个字符宽度
- 单选按钮基本语法
<input type="radio" value="男" checked="checked">
单选按钮的建设
单选按钮框
- 复选框基本语法
<input type=“checkbox” name="cb2" value="talk">
- 列表框基本语法
- 多行文本框基本语法
<textarea name=“textarea” cols=“40” rows=“6”>内容</textarea>
- 按钮基本语法
<input type="reset" name=“reset" value=" 重填 ">
其他表单元素：<input type=“hidden”/>表单隐藏域
<input type=“image”/>表单图片按钮
<input type=“file”/>文件浏览
- <label>标签
<label>标签可以绑定某个表单元素，用于扩展可以相应点击等事件的区域
如：当点击复选框右边的提示文字时，该复选框也可被选中。
如需转载，请注明文章出处和来源网址：http://www.divcss5.com/html/h50714.shtml
