HTML_学习文档选编.ppt

主要内容 1. HTML基本语法 通常文本是网页的主体，所以文本格式的应用就是网页设计过程中最基本、最关键的问题之一，下面将就文本的段落格式、文字的显示效果等问题进行详细的讨论。 文本段落格式 文本段落格式 文本段落格式 文本段落格式 文本段落格式 格式的嵌套原则 如果所设置的格式是相容的，则取格式的叠加效果。 如果所设置的格式是冲突的，则取最近格式的效果。 不同标记符的开始标记和结束标记不能交错 举例 2. 文本的显示效果 2. 文本的显示效果 2. 文本的显示效果 2. 文本的显示效果 1. Web页图像基础 1. Web页图像基础 1. Web页图像基础 1.表格的基本构成 2.表格标记符及其属性 2.表格标记符及其属性 2.表格标记符及其属性 2.表格标记符及其属性 2.表格标记符及其属性 2.表格标记符及其属性 2.表格标记符及其属性 2.表格标记符及其属性 2.表格标记符及其属性 2.表格标记符及其属性 2.表格标记符及其属性 习题2_3：请画出下面HTML文件在浏览器中的显示效果 TABLE border=1 TR TD colspan=3aaa TDbbb TDccc TR TDddd TD rowspan=3eee TDfff TD rowspan=2 colspan=2ggg TR TDhhh TDiii TR TDjjj TDkkk TDmmm TDnnn TABLE 练习题：请编写HTML文件，完成下表。 1.什么是框架网页 2. 框架的结构 3.常用标记符及其属性 3.常用标记符及其属性 3.常用标记符及其属性 3.常用标记符及其属性 3.常用标记符及其属性 3.常用标记符及其属性 3.常用标记符及其属性 4.框架网页的应用 1. 什么是表单 2. 表单的构成 文本框 复选框 单选框 按钮 选项菜单 多行文本 3. 表单及表单域标记符 3. 表单及表单域标记符 3. 表单及表单域标记符 3. 表单及表单域标记符 3. 表单及表单域标记符 3. 表单及表单域标记符 3. 表单及表单域标记符 练习题： 七.表单 （1）表单标记符FORM…/FORM 功能：在网页中添加表单，结束符不可省。且表单不能嵌套。 语法及属性： FORM action=”服务器端程序的URL” method=”get|post” !--此处是各种表单域的定义-- /FORM 七.表单 （2）INPUT…/ INPUT radio 单选按钮 button 自定义按钮 checkbox 复选框 reset 重置按钮 password 密码框 submit 提交按钮 text 单行文本框 Type属性值 控件名称 Type属性值 控件名称 不同控件的type值如下表 七.表单 （2）INPUT…/INPUT 单行文本框 INPUT type=”text” name=”文本框名称 ” value=”文本框值 ” size=”文本框的宽度 ” maxlength=”文本框中能输入的最大长度 ” 密码框 INPUT type=”password” name=”密码框名 ” value=”密码 ” size=”宽度 ” maxlength=”值宽度 ” 举例 七.表单 （2）INPUT…/INPUT 复选框 INPUT type=”checkbox” name=”名称” value=”值” (checked) 单选按钮 INPUT type=”radio” name=”名称” value=”值” (checked) 举例 四. 超链接 2）外部链接 所谓外部链接是指建立链接的源网页与待链接的目标网页不在同一站点内。创建这样的超链接必须使用绝对路径，例如下面的代码创建了连接到“搜狐”主页的超链接： 例： A href=””链接到“搜狐”/A 四. 超链接 3）书签链接 建立书签链接的步骤如下： 建立书签 在需要跳转到的每一个位置插入具有name属性的A标