B篇03HTML网页设计基础.pptVIP

3.1 认识和使用HTML3.2 HTML常用标记3.3 HTML表单标记3.4 用 FrontPage设计HTML 3.1 认识和使用HTML 3.1.1 什么是HTML HTML使用各种不同的标记符号来分别标识和设定不同的网页元素。每一个网页元素通常由开始标记（start tag）、结束标记（end tag），以及夹在这两个标记中的内容所组成。一个HTML元素的形式可表示为： 标记名称 属性名称=值 …… 内容 /标记名称 3.1.2 HTML文档基本架构 html head title 网页标题 /title /head body p这是正文部分！/p /body /html 3.1.3 创建一个简单的HTML文档 3.2 HTML常用标记 3.2.1 段落类标记 1．标题标记 格式： Hn align = 对齐方式 标题文字 /Hn 2．分段标记 格式： P align = 对齐方式 文字 /P 3．换行标记 格式： 文字 BR 4．横线标记 格式： HR size = 粗细 align = 对齐方式 width = 宽度 color = 颜色 5．文本块标记 格式： Blockquote文字/Blockquote 3.2.2 文字格式标记 1．字体标记 格式： FONT size = 大小 face = 字体名称 color = 颜色文字/FONT 2．特殊字符标记 字符“”用字符串“lt”表示； 字符“”用字符串“gt”表示； 字符“”用字符串“amp”表示； 字符“”用字符串“quot”表示； 空格字符用字符串“nbsp;”表示。 3.2.3 列表标记 1．无序列表标记 格式： UL type = 项目符号类型LI type = 项目符号类型列表项1LI type = 项目符号类型列表项2……LI type = 项目符号类型列表项n/UL 2．有序列表标记 格式： OL type = 序号类型 start = 开始序号LI type = 序号类型列表项1LI type = 序号类型列表项2……LI type = 序号类型列表项n/OL 3.2.4 表格标记 格式： TABLE border = 边框粗细 bordercolor = 边框颜色 width = 表格宽度 height = 表格高度 cellspacing = 单元格间距 cellpadding = 单元格边距TRTHh1/THTHh2/TH……/TRTRTDd11/TDTDd12/TD……/TRTRTDd21/TDTDd22/TD……/TR……/TABLE 3.2.5 超链接标记 格式： A href = URL用作超链接的文字或图像/A 3.2.6 框架标记 格式： FRAMESET cols = 纵向框架个数 rows =横向框架个数 bordercolor = 边框颜色 frameborder = 框架边框 framespacing = 框架间距 FRAME name = 框架名称 target = 目标框架 scr = URL border = 边框宽度bordercolor = 边框颜色 FRAME …… ……/FRAMESET 3.2.7 样式标记 格式： STYLE HTML标记{属性名称：属性值；属性名称：属性值……} HTML标记{属性名称：属性值；属性名称：属性值……} …… /STYLE 3.2.8 其他标记 1．格式保留标记 格式： PRE文本内容/PRE 2．图像标记 格式： IMG scr = 图片文件的URL align = 对齐方式 alt = 说明性替代文字 height = 图像高度 width = 图像宽度 hspace = 水平空白 vspace = 垂直空白 3．嵌入JavaScript标记 格式： JavaScriptJavaScript脚本/JavaScript 3.3 HTML表单标记 3.3.1 表单定义格式 格式： FORM action = 被激活程序 method = 信息传送方式 …… INPUT type = 表单域类型 name = 表单域名称 …… ……/FORM 3.3.2 常用表单域标记 1．INPUT标记 格式： INPUT type = 表单域类型 name = 表单域名称 value = 字符串 size = 大小 2．SELECT标记 格式： SELECT name = 表单域名称 size = 大小 O