使用HTML创建静态页面.ppt

网页编程 会使用HTML的基本结构创建网页 会使用文本相关标签实现文字修饰和布局 会使用图像相关标签实现图文并茂的页面 会使用超链接相关标签实现页面间的跳转 HTML文档的结构 使用记事本创建网页的步骤： 1、打开记事本 2、输入HTML代码 3、保存为*.html或*.htm文件，注意格式问题 4、打开网页预览效果 字体、字号 标题标签H1－H6 FONT标签 特殊符号 行的控制 段落标签P 换行标签BR 标题标签 H# ... /H# #=1, 2, 3, 4, 5, 6 说明：H1到H6 字体大小依 次递减 FONT标签 特殊符号 段落标签P 段(Paragraph) (可以看作是空行) p 换行标签BR 常见的图片格式介绍 图像的基本语法 IMG src=images/adv_2.jpg width=300“ height=150“ alt=明星演唱会开幕 图像与文本的对齐方式 IMG align=middle 内容分隔HR标签 项目列表和编号 有序列表OL 无序列表UL 预格式文本PRE标签 HR size=5 color=red width=300 无序列表语法 UL LI列表项内容 /LI …… /UL 有序列表语法 OL LI列表项内容 /LI …… /OL 链接到其他页面 A href=register/register.html[免费注册]/A 链接到其他页面 相对路径 指定从根目录到文件的完整路径。 绝对路径 指定相对于当前文件的文件位置。 要实现如下图所示的超链接效果，怎么办？ 链接到本页面 锚记标签用于使用户“跳”到文档的某个部分 HTML 的 NAME 属性用于创建锚标记 A NAME = “marker”主题名称/A 为达到这种跳转效果，请在 HREF 参数中使用该标记 A HREF= “#marker”主题名称/A 电子邮件链接 要链接电子邮件，可在链接标签中插入”mailto:邮箱地址” A href=mailto:webmaster@站长信箱/A MARQUEE scrolldelay =“100” direction=“up 滚动文字或图像 /MARQUEE 哪个标签中的哪个属性可以改变字体颜色和字号？ 图像与文本的对齐方式有哪几种？ 项目列表和编号有何区别？分别适用什么场合？ 链接到其他页面时，路径的表示方法有两种：相对路径和绝对路径，这两种路径有何区别和联系？ 会使用表格的基本结构实现简单表格 会使用表格相关标签实现跨行、跨列的复杂表格 会使用表格相关设置进行美化修饰 单元格里的内容太靠近边线，怎么办？ 会使用表单的基本结构制作表单页面 会使用各种表单元素实现注册页面 能理解post和get两种提交方式的区别 会使用框架结构实现多窗口展示页面 文本框基本语法 INPUT type=“text ” value=张三 size=20 密码框基本语法 INPUT type=“password ” value=“ 123456 ” size=“22” 编写如左图所示效果对应的html代码 在网页设计中，表单的主要用途有哪些？ 创建多个复杂的窗口实现步骤如下： 1、创建一个HTML页面“top.html” 2、创建一个HTML页面“left.html” 3、创建一个HTML页面“right.html” 4、新建多框架HTML页面“Frame_Sets.html” target目标窗口属性 name＝“显示的窗口名” frame src=url name=“窗口名”　　 a href=url target=“窗口名” target目标窗口属性 四个特殊的窗口 a href=url target=“_blank” 显示在新窗口a href=url target=“_self” 显示在本窗口a href=url target=“_parent” 显示在父窗口a href=url target=“_top” 显示在整个浏览器窗口 表单中提交数据的方法有那两种及其区别？ 表单里有哪些常用的表单元素？ 创建一个框架页面至少需要哪两个标签？ target设定目标资源所要显示的窗口，其取值可以为哪些？ 简述创建一个多框架页面所需的主要步骤。 框架 广告栏顶部框架(top.htm) 导航栏左侧框架(left.htm) 详细内容页面右侧框架 (main.htm) 框架的边框 框架集页面(FrameSet.htm) 框架使用场合 页面的一个固定部分显示徽标或静态信息 在另一个固定部分显示导