《HTML标签使用》-(精选)课件.pptVIP

3 文字修饰标记 big和small b i u sup sub strong和em 4 字符字体 5 列表 在HTML中有3种形式的列表 ol有序列表 Ordered List ul无序列表 Unordered List dl定义列表 Definitions List ol的应用 ol liList Item 1/li liList Item 1/li …… liList Item n/li /ol ol的常用属性：type=“a|A|i|l|1” start=“起始编号” ul的应用 ul liList Item 1/li liList Item 1/li …… liList Item n/li /ol ul ul的属性：type=“circle|disc|square” “circle” 空心小圆圈 “disc” 实心小圆圈 “square” 实心小方块 2.3 链接与地址 1. URL 2. 锚标记a 1. URL URL用来表示互联网上的资源 一个基本的URL结构： protocal://site_address/directory/filename 如： /demo/index.html 2. 锚标记 锚标记a（Anchor）：定义超链接。 锚标记a的主要属性： Href=“URL” Target=“_blank|_self|框架名|_top|_parent” Title=“提示信息” 2.4 图像 1. img标记 2. 图像与锚 1.img标记 HTML文档图片格式：Gif、Jpg和Png img标记的主要属性 Src=“图像URL” Align=“center|justify|left|right” Width=“宽度” Height=“高度” Border=“边框” Alt=“文字提示信息” 2 图像与锚 a和img结合 2.5 表格设计 1. 表格简介 2. table标记 3. tr标记（Table Row） 4. td标记（Table Data） 5. th标记（Table Head） 6. 表格嵌套 1. 表格简介 table tr th标题1/th th标题2/th /tr tr td单元格数据1/td td单元格数据2/td /tr /table 2.table标记 table标记用于定义一个表格。常用属性： Align=“center|left|right” Bgcolor=“color_name|#RRGGBB” Width=“宽度” Border=“像素” Cellpadding Cellspacing 3.tr标记 tr用于定义表格中的一行。常用属性： Align=“center|left|right” valign=“baseline|bottom|middle|top” Bgcolor=“color_name|#RRGGBB” Title=“提示信息” 4.td标记 td标记用于定义一个单元格数据。常用属性： Align=“center|left|right” Bgcolor=“color_name|#RRGGBB” Width=“宽度” Border=“像素” Colspan=“合并列” Rowspan=“合并行” 5.th标记 th标记属性同td标记 6.表格嵌套 举例说明。 2.6 表单设计 1.表单设计 2.form标记 3.表单输入控件 4.多行文本输入控件textarea 5.选择列表select 1.表单简介 网页与用户的交互通过表单实现 表单的基本结构： form… 输入数据项定义 input type=“submit” /form 2.form标记 form标记主要属性 Name=“名字” Action=“URL” Method=“post|get” Target=“_blank|_self|框架名|_top|_parent” enctype=“application/x-www-form-urlencoded|multipart/form-data|text/plain” 3.表单输入控件 input标记主要有如下几个属性 Type=“text|password|radio” Name=“名称” Size=“数字” Checked Value=“域名的取值” Align=“center|left|right” input type=“text”… 定义一个文本框，用于输入文本信息 基本用法： input type=“text” name=“username” size=“20” input type=“password” 定义一个文本框，用于输入密码。 基本用法： input