html语法入门.ppt

图像（3） 为图像建立热点链接 img src=logo.gif width=360 height=333 border=“1 align=middle usemap=#Map / map name=Map id=Map area shape=“rect” coords=“68,11,176,137” href=“#” / 距形 area shape=“circle” coords=“304,121,44” href=“#” / 圆形 area shape=“poly” coords=“81,234,128,217,172,297,64,307” href=“#” / 多边形 /map 列表（1） 无序列表 无序列表是一个项目的列表，此列项目使用粗体圆点（典型的小黑圆圈）进行标记。 无序列表始于 ul 标签。每个列表项始于 li。 ul liCoffee/li liMilk/li /ul 浏览器显示如下： Coffee Milk 列表（2） 有序列表 同样，有序列表也是一列项目，列表项目使用数字进行标记。 有序列表始于 ol 标签。每个列表项始于 li 标签。 ol liCoffee/li liMilk/li /ol 浏览器显示如下： Coffee Milk HTML 表单和输入（1） 表单是一个包含表单元素的区域。 表单元素是允许用户在表单中（比如：文本域、下拉列表、单选框、复选框等等）输入信息的元素。 表单使用表单标签（form）定义。 示例代码： form ... 表单元素 ... /form HTML 表单和输入（2） 文本输入框 当用户要在表单中键入字母、数字等内容时，就会用到文本输入框。 示例代码： form 姓名: input type=text name=“cName / br / 电话: input type=text name=“cTel / /form 浏览器效果： HTML 表单和输入（3） 密码输入框 密码有*号表示 form 用户名: input name=userid type=text value=test / br / 密码: input name=pwd type=password value=1234 / /form 浏览器效果： HTML 表单和输入（4） 单选按钮（Radio Buttons） 当用户从若干给定的的选择中选取其一时，就会用到单选框。 注意，只能从中选取其一。 form input type=“radio” name=“sex” value=“男” / 男 br / input type=“radio” name=“sex” value=“女” / 女 /form 浏览器效果 HTML 表单和输入（5） 复选框（Checkboxes） 当用户需要从若干给定的选择中选取一个或若干选项时，就会用到复选框。 form input type=checkbox name=“chtml / Html语言 br / input type=checkbox name=“casp / ASP语言 /form 浏览器效果 HTML 表单和输入（6） 多行文本输入 可写入字符的字数不受限制 form textarea name=textarea cols=100 rows=10/textarea /form 浏览器效果： HTML 表单和输入（7） 三种按钮 form p textarea name=textarea cols=60 rows=10/textarea /p p input type=submit name=Submit value=提交 / input type=reset name=Submit2 value=重置 / input type=button name=Submit3 value=按钮 / /p /form Style属性 Style样式属性可以用它来对网页进行修饰，包括颜色，大小，位置等等。 几乎所有的HTML 标签都可以使用style属性。 style的值包含一系列的“属性:值”，而每一个“属性:值”用“;”来分隔。style中的border分属性比较特别，不是简单的“属性:值”， 而是“属性:值 值 值”，里面的三个值分别是边框特性（虚线，实线），边框宽度，边框颜色。 代码示例： div style=border:solid 3px #0000ff;color:#000000;background:#ff0000;看看这会如何显示/div border（边框），solid表示实