网页制作基本代码.doc

复习提纲目录 第1章 网页入门 - 2 - 第2章 图像与超链接 - 3 - 第3章 列表 - 5 - 第4章 网页中的表格 - 6 - 第5章 网页中的表单 - 8 - 第7章 使用CSS样式美化网页 - 9 - 第9章 HTML总结 - 11 - 第1章 网页入门 网页基本知识 什么是网页 由浏览器识别的用于显示信息的文件 信息包括：新闻、微博、购物、邮件等 什么是网站 由众多网页组成的一个群体 网页之间可以相互调用实现信息查看 构成网页的元素：文本、图像、动画、表格、其他。 文本：用于描述信息的文字 图像：增强信息的生动性和直观性 动画：强烈视觉冲击效果 表格：布局的合理性 其他：视频、背景音乐等 4. 访问网页的三个要素 网站的存储空间 服务器用于网页的存放 网站的域名 通过域名指向需要访问的网页 网页的访问地址 通过域名访问，通常打开的是默认页面 通过域名+网页名称进行访问 5. Dreamweaver工具的特点 开发环境完备、简单易用 所见即所得、支持可视化操作 代码提示功能 编写代码边看效果 6. 编辑模式 三种编辑模式 代码模式 拆分模式 设计模式 第2章 图像与超链接 1、图像的应用场合 新闻图片 产品说明 LOGO设计 Banner设计 广告宣传 2、图像的作用：图文并茂、直观、生动 3、图像路径的几种情况： 图像与网页在相同的目录下，直接写文件名称 图像位于网页目录下的某个子目录，先写子目录名字再写文件名称 图像位于网页目录之上，.. / 文件名 4、图像的相关属性 图像的基本属性（图像地址、图像尺寸、可替换的文本） img src ” 图像地址” width ”宽” height ”高” alt ”可替换文本”/ 5、图文混排的属性设置 边距（水平和垂直边距） 对齐方式（左对齐、右对齐、居中对齐） 6、超链接——使相互独立的页面可以互相访问。 a href ”链接地址” target ”目标窗口” …… 目标窗口主要有两种：_blank; 在新窗口中打开 _self; 在原始窗口打开 7、超链接的种类 电子邮件链接：mailto:jone@ 代码： a href ” mailto:jone@” target ”_blank” jone 书签标记（锚链接） 先“命名锚记”再“创建链接” 代码： a name ”paixu” a href ”about.html#paixu” 查看公司位置 空链接 # 图像链接 文本链接 第3章 列表 1、无序列表 — 属于项目列表 列表项之间无顺序之分 每个列表项前均有一个项目符号 2、无序列表的类型 通过type属性设置列表显示符号类型 disc：实心圆点 square：实心方框 circle：空心圆点 3、有序列表 — 属于项目列表 以数字作为列表项符号 4、有序列表的类型 1：数字 A：大写英文 a：小写英文 i：小写罗马字符 I：大写罗马字符 5、定义列表 — — 用于具有特殊要求的列表显示 第4章 网页中的表格 1、表格的作用 页面布局整齐、美观 2、表格的基本结构 单元格:表格的最小单位 行:一个或多个单元格横向堆叠形成了行 列:一个或多个单元格纵向划分形成了列 3、表格的属性 宽度 边框 对齐方式 单元格的填充 table width ”500” border ”1” align ”center/left/right” cellpadding ”20” cellspacing ”10” 间距 “填充”效果 “间距”效果 4、表格的行列关系 表格由行列组成 一行可以包含多列 列由一个或多个单元格组成 5、单元格的属性 宽 高 背景色 水平对齐 垂直对齐 td width ”400” height ”50” bgcolor ”#ffff00” align ”left” valign ”top” rowspan ”2” colspan ”3” …… 跨行 跨列 注意：水平对齐（left、right、center） 垂直对齐（top、middle、bottom、baseline） 第5章 网页中的表单 1、表单的典型应用 登陆 注册 网上购物 问卷填写 搜索信息 2、表单的属性 表单ID 动作 方法 代码： form id ”表单id” action ”目标地址” method ”post/get” 3、表单的主要元素 1 单行文本框（元素名称、字符宽度、最多字符数、初始值） input name user type text id user size 20 maxlength 18 value ”用户名”/ 2）密码框 input name textfield type