HTML网页设计学习存在的问题与小结.docVIP

一：大家在学习HTML网页设计过程中存在的问题： 1：很多人在一个HTML页面中写了多对body/body，在一个HTML页面中，有且只能有一对body/body，同理，有且只能有一对head/head，一对html/html 2：HTML所有的标签、元素等全部使用小写 3：在HTML中，br和hr，没有闭合标签，br和hr是单个出现的！ br的作用是换行，hr的效果是水平线 4：h1--h1-----h6--h6，h标签是文章的标题标签 5: background=Vista.jpg—设置名称为Vista.jpg的图片为背景图片，这样写，是因为图片和页面在同一级目录下。 如果你要做的背景图片和你的页面不在同一级目录下，这是，图片名称前面就要加上该图片所在的文件夹的路径： background=E:/pic/Vista.jpg E盘下的pic文件夹里面的Vista.jpg作为背景图片 6：colspan属性用在td标签中，用来指定单元格横向跨越的列数 实例： table border=1 tr td colspan=2单元格1/td td单元格2/td /tr tr td单元格3/td td单元格4/td td单元格5/td /tr /table 单元格1 单元格2 单元格3 单元格4 单元格5 owspan同上，作用是指定单元格纵向跨越的行数 table border=1 tr td rowspan=3单元格1/td td单元格2/td /tr tr td单元格3/td /tr tr td单元格4/td /tr /table 单元格1 单元格2 单元格3 单元格4 HTML页面的基本组成： html head …… /head body …… /body /html 2、head……/head部分介绍 head 标签 -- 代表HTML文档的头信息 头(head)包含了当前文档的一些信息,例如标题信息,meta信息等,正常情况下头信息是不会显示在HTML文档中的. head元素包含的标签: title标签 base标签 link标签 style标签 script标签 meta标签 是HTML文档的标题成对出现的,以title开始,/title结束 html head title网页标题/title /head body /body /html 2.2 meta标签在head标签中的meta标签,可以为HTML文档提供额外信息 meta http-equiv=refreshcontent=8;url=1.html 8秒之后页面自动刷新跳转到“1.html”页面 备注：该标签放在head……/head之间！ 3、body……/body部分介绍--body定义文档的主体。 body……/body里包含文档的所有内容（比如文本、超链接、图像、表格和列表等等。） a href=/ target=_blank style=text-decoration:none 汽车/a 效果：点击“汽车”，页面跳转到 备注1：target=_blank，作用：在新窗口打开链接页面 2：style=text-decoration:none，作用：去掉链接文字下的下划线 3.2图片链接： a href=1.htmlimg src=1.gif alt=流氓兔 /a 效果：点击“图片”，页面跳转到1.html 备注1：alt=流氓兔， 作用：alt 属性是一个必需的属性，它规定在图像无法显示时的替代文本。假设由于下列原因用户无法查看图像，alt 属性可以为图像提供替代的信息： 网速太慢 src 属性中的错误 浏览器禁用图像 用户使用的是屏幕阅读器 实例 ”1.html”img src=/i/eg_tulip.jpg alt=上海鲜花港 - 郁金香 如果无法显示图像，浏览器将显示替代文本，就像这样： 4、表格- 表格的以table开始,以/table结束。 一个tr……/tr就是一行 一个td……/td就是一列 colspan是指定单元格横向跨越的列数 rowspan是指定单元格纵向跨越的行数