网络基础模拟题综合单元6_任务2.pptx

任务2设计简单网页单元6设计制作网页

任务2设计简单网页任务背景知识准备任务实施知识拓展任务拓展讨论与学习巩固与提高习题

要制作一个网页应该如何着手呢？小明正在犯难。老师告诉他，首先要设计好网页的整体布局，合理规划文本和图片的位置。在网页设计中用表格标记，不仅能规范显示网页内容，还能布局和排版。

HTML十六进制颜色在网页中插入图像在网页中添加表格知识准备

HTML十六进制颜色HTML中颜色表示方法有以下三种：英文单词表示法、RGB函数表示法和十六进制代码表示法。英文单词表示法用英文单词表示颜色：如red、green、blue等。RGB函数表示法格式：rgb(R,G,B)。其中：R表示红色，G表示绿色，B表示蓝色，括号中R、G、B取值为0－255的十进制数或0%－100%之间的百分比。如rgb(255,0,0)。十六进制代码表示法格式：#RRGGBB。其中：RR表示红色，GG表示绿色，BB表示蓝色，每种色取值在00－FF之间。如#808080。

Web216安全色

Web216安全色

在网页中插入图像常用的图像文件格式有GIF(*.gif)、BMP(*.bmp)、JPEG(*.jpg或*.jpeg)、PNG(*.png)。图像格式GIF：支持无损压缩,最多支持256色，分为静态GIF和动态GIF。BMP：可以存储单色、16色、256色、16位真彩色和32位增强型真彩色图像数据。JPEG：JPEG采用有损压缩的方式用最少的磁盘空间保存较好品质的图像文件PNG：PNG支持无损压缩，支持透明效果，最高支持24位真彩色图像和8位灰度图像，不支持动画。

图像标记语法imgsrc=图像文件的地址说明img标记中的src属性是必不可少的，用于设置图像文件路径。这个路径可以是相对路径，也可是绝对路径。在网页中插入图像

设置图像的替代文本语法imgsrc=图像文件的地址alt=替代文本说明（1）alt属性用于指定在图像无法显示或用户禁用图像显示时的替代文本，作为一种补救措施，替代文本将代替图像显示在浏览器窗口中。替代文本是能描述图像的简短语句，可以是英文，也可以是中文。（2）alt属性值可以为空值。例如：imgsrc=timg.jpgalt=，注意引号中间没有空格。在网页中插入图像

设置图像的高度与宽度语法imgsrc=图像文件的地址width=宽度height=高度说明width指定图像的宽度，height指定图像的高度，单位为像素。可以同时设置width属性和height属性；若只设置其中一个属性，则图像按比例缩放。未指定高度与宽度时，则按源文件图像大小显示在浏览器窗口中。在网页中插入图像

在网页中添加表格表格由行、列和单元格3部分组成，一般通过表格标记、行标记和单元格标记来创建表格。表格标记是table/table,行标记是tr/tr,单元格标记td/td。行列单元格表格表格标记：table/table行标记：tr/tr单元格标记：td/td

语法tabletrtd单元格内容/tdtd单元格内容/td……/trtrtd单元格内容/tdtd单元格内容/td……/tr……/table添加表格table定义表格的开始，以/table作为结束。tr定义一行的开始，以/tr作为结束。td定义一个单元格的开始，以/td作为结束。th…/th定义表头，内容呈粗体居中显示。caption…/caption定义表格的标题，可省略，置于table…/table内。默认情况下不显示表格边框。

标记属性含义示例tablewidth设置表格的宽度单位可为像素或百分比tablewidth=”200”或tablewidth=”80%”height设置表格的高度单位可为像素或百分比tableheight=”200”或tableheight=”80%”border设置表格边框的宽度单位为像素tableborder=”3”bordercolor设置表格边框颜色tablebordercolor=”#0000FF”cellspacing设置单元格之间的间距单位为像素tablecellspacing=”0”cellpadding设置单元格内容与单元格边界间的距离，单位为像素tablecellpadding=”2”trtdthalign设置数据内容的水平对齐方式。取值为left表示数据内容在水平方向靠左；center表示居中；right表示靠右tralign=”center”valign设置数据内容的垂直对齐方式。取值为top表示数据在垂直方向靠上；middle表示居中；bottom表示靠下trvalign=”middle”tdthcolspan横向合并相邻单元格tdcolspan=”3”