html网页设计学习存在的问题与小结.docx

一：大家在学习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的图片为背景图片，这样写，是因为图片和 页面在同一级目录下。 如果你要做的背景图片和你的页面不在同一级目录下， 这是，图片名称前面就要加上该图片 所在的文件夹的路径： backgro un d=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 7: rowspan同上，作用是指定单元格纵向跨越的行数 实例：table border=1 tr td rowspan=3 单元格 1/td td 单元格 2/td v/tr tr td 单元格 3/td /tr tr td 单元格 4/td /tr v/table 效果： 单元格2 单元格1单元格3 单元格4 二：对上周三、周四课程的总结。 1、 HTML页面的基本组成： html head 5 5 /head body 5 5 /body /html 2、 head” /head 部分介绍 head标签--代表HTML文档的头信息，head标签是成对出现的，以head开始,/head 结束 头(head)包含了当前文档的一些信息，例如标题信息，meta信息等，正常情况下头信息是 不会显示在 HTML文档中的. head元素包含的标签： title标签 base标签 link标签 style标签 script标签 meta标签 2.1 title标签--是HTML文档的标题，成对出现的，以title开始,/title结束 例： html head title 网页标题 /title /head body /body /html 22 meta标签--在head标签中的meta标签,可以为HTML文档提供额外信息 例如我们之前说过的页面刷新功能，就可以用该标签解决 meta http-equiv=refreshcon te nt=8;url=1.html 8秒之后页面自动刷新跳转到“ 1.html ”页面 备注：该标签放在 head,, /head之间！ 3、body,, /body部分介绍--body定义HTMI文档的主体。 body,, /body里包含文档的所有内容（比如文本、超链接、图像、表格和列表等等。 ） 3.1文字链接： 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属性中的错误 浏览器禁用图像 用户使用的是屏幕阅读器 实例 a href= 1.html img src=/i/eg_tulip.jpg alt= 上海鲜花港 - 郁金香/a I 如果无法显示图像，浏览器将显示替代文本，就像这样: _x］上綽鲜花曆-郁金香 4、表格- 表格的以table开始，以/table结束。 一个 tr,, /tr 就是一行 一个 td,, /td 就是一列 colspan是指定单元格横向跨越的列数； rowspan是指定单元格纵向跨越的行数