数媒教学技能大赛

HTML基础作者：刘福英班级：2014级数字媒体技术主要内容列表标签及属性图像格式、标签及超链接表单的创建、表单控件、菜单下拉列表类控件1.列表在HTML中列表有三种形式，分别为：有序列表(Ordered

List)，无序列表(Unordered

List)和定义列表(Definition

List)。有序列表标签<ol>1、语法格式为：<ol

type=编号类型start=value><li>第1项<li>第2项<li>第3项</ol>2、<ol>标签属性<ol>标签有两个属性，分别是start和type。start用来设置标签首项的开始值，如果省略该属性值则从第一个字符开始，也可以在<li>中设置value值来改变表行项目的特定编号。而type用来设置项目编号的类型。无序列表标签<ul>使用<ul>标签建立无序列表，每个列表项前使用<li>，无序列表的

type属性有三个可选值，这三个可选值必须用小写，分别是disc表示实心圆，circle表示空心圆，square表示小方块。如果不选择type属性默认为空心圆。自定义列表标签<dl>自定义列表分为两个层次，第一层为列表项标签<dt>，比如一些名词。第二层为注释项标签<dd>，通常是用来解释第一层的名词的。通常的格式为：<dl><dt>第一项<dd>注释1<dt>第二项<dd>注释2</dl>菜单列表标签<menu>目录列表标签<dir>菜单列表主要设计单列的菜单列表，显示方式及格式都和无序列表<ul>是一样的。而目录列表标签<dir>是用来创建多列的目录列表的，两者都可用无序列表替代。2.图像图像格式目前浏览器可以显示的图像格式主要有JPEG、GIF和BMP图像标签<img>1、<img>语法格式语法格式为：<imgsrc=”图像文件的地址”>，这里的地址可以是相对地址也可以是绝对地址。<img>标签属性alt属性alt属性是用来设置提示文字语法格式为：<img

src=”图像文件地址”alt=”提示文字内容”>width属性语法格式为：<img

src=”图像文件地址”width=”图像宽度”>height属性语法格式为：<img

src=”图像文件地址”width=”图像宽高”>4.border属性语法格式为：<img

src=”图像文件地址”width=”图像宽高”>align属性用来调整图像与文字之间的排列方式，这里的对齐方式是相对的hspace属性语法格式为：<img

src=”图像地址”hspace=”水平间距”>vspace属性语法格式为：<img

src=”图像地址”vspace=”水平间距”>3.表单表单通常由窗体和控件组成，一般包括文本框、单选按钮、复选框、按钮等。表单的创建1、表单标签<form>语法格式表单是由<form>和</form>标签配对创建，在这两个标签之间的一切定义都属于表单的内容。创建表单的语法为：<form

action＝"url"

method=get|postname="myform"

target="_blank">...

</form>2、表单标签属性在表单<form>标签中主要属性有action、method和target属性等。Action属性的值是表单提交的处理程序的程序名，这个值可以是程序或脚本的一个完整URL，这个地址可以是绝对地址，也可以是相对地址，表示接收该表单信息的URL.Method属性是定义处理程序从表单中获得信息的方式，可取值为GET和POST，表示收集到的表单数据以何种形式发送Target属性是用来指定目标窗口的打开方式。表单控件在表单控件中，可以按照填写方式不同，分为输入类和菜单列表类两类。该标签的语法为：<form><input

name=”控件名称”type=”控件类型”></form>控件名称是来标识当前选择的控件，而类型的值及控件属性主要有如下几种:1）文本框（text）当type属性值为text时，表示该控件为单行文本框，可以通过几个属性设置text控件。语法格式为：<input

type=”text”

name=”名称”size=长度

maxlength=最长字符数value=”默认值”>密码域（password）在网页上某些文本框中输入密码通常会显示为“*”，这种文本框就叫做密码域，语法格式为：<input

type=”password”

name=”名称”size=长度

maxlength=最长字符数value=”默认值”>按钮（button、submit、reset） 语法格式为：<input

type=”按钮类型”name=”按钮名”value=”按钮取值”onclick=”处理程序”>隐藏区域（hidden） 语法为：<inputtype=”hidden”name=”控件名称”value=”取值”>图像域（image） 语法格式为：<inputtype="IMAGE"src="URL"name=”图像域名称”>单选按钮（radio）单选按钮控件的checked属性用来设置该单选框缺省时是否被选中。当作为单选项时，所有按钮的name属性必须相同。文件域（file）该控件主要是在上传文件的时候用到，它可以查找硬盘中的文件路径，然后通过表单将选中的文件上传。语法格式为<input

type=”file”

name=”文件域的名称”>菜单下拉列表类控件1、下拉菜单（select，option）语法格式为：<select

name=“下拉菜单名称”size=“1”><option

value=“选项值1”selected>选项显示内容<option

value=“选项值2”selected>选项显示内容……</select>2、下拉菜单控件属性其中的option标志用来指定列表框中的一个选项，具有

selceted和value属性，selected用来指定默认的选项，

value属性用来给<option>指定的那个选项赋值。多行文本（textarea1、多行文本框语法格式语法格式