教学文库网 - 权威文档分享云平台
您的当前位置:首页 > 文库大全 > 小学教育 >

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

来源:网络收集 时间:2026-09-07
导读: HTML网页设计学习存在的问题与小结 一:大家在学习 HTML 网页设计过程中存在 的问题:1:很多人在一个 HTML 页面中写了多对body/body,在一个 HTML 页面中,有且只能有 一对body/body,同理,有且只能有一对head/head,一对html/html 2:HTML 所有的标签、元

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

一:大家在学习 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 7: rowspan 同上,作用是指定单元格纵向跨越的行数 实例:<table border="1"><tr> <td rowspan="3">单元格 1</td> <td>单元格 2</td>

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

</tr> <tr> <td>单元格 3</td> </tr> <tr> <td>单元格 4</td> </tr> </table> 效果: 单元格 2 单元格 1 单元格 3 单元格 4二:对上周三、周四课程的总结。1、 HTML 页面的基本组成: <html> <head> </head> <body> </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>

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

</head> <body> </body> </html> 2.2 meta 标签--在 head 标签中的 meta 标签,可以为 HTML 文档提供额外信息 例如我们之前说过的页面刷新功能,就可以用该标签解决 <meta http-equiv="refresh"content="8;url=1.html"> 8 秒之后页面自动刷新跳转到“1.html”页面 备注:该标签放在<head> </head>之间! 3、<body> </body>部分介绍--body 定义 HTMl 文档的主体。 <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.html"><img src="1.gif" alt="流氓兔" ></a> 效果:点击“图片” ,页面跳转到 1.html 备注 1:alt="流氓兔", 作用:alt 属性是一个必需的属性,它规定在图像无法显示时的替代文本。假设由于下列原 因用户无法查看图像,alt 属性可以为图像提供替代的信息: 网速太慢 src 属性中的错误 浏览器禁用图像 用户使用的是屏幕阅读器 实例<a href=”1.html”><img src="/i/eg_tulip.jpg"alt="上海鲜花港 - 郁金香"></a>如果无法显示图像,浏览器将显示替代文本,就像这样:4、表格表格的以<table>开始,以</table>结束。 一个<tr> </tr>就是一行 一个<td> </td>就是一列 colspan 是指定单元格横向跨越的列数; rowspan 是指定单元格纵向跨越的行数

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

…… 此处隐藏:205字,全部文档内容请下载后查看。喜欢就下载吧 ……
HTML网页设计学习存在的问题与小结.doc 将本文的Word文档下载到电脑,方便复制、编辑、收藏和打印
本文链接:https://www.jiaowen.net/wenku/43348.html(转载请注明文章来源)
Copyright © 2020-2025 教文网 版权所有
声明 :本网站尊重并保护知识产权,根据《信息网络传播权保护条例》,如果我们转载的作品侵犯了您的权利,请在一个月内通知我们,我们会及时删除。
客服QQ:78024566 邮箱:78024566@qq.com
苏ICP备19068818号-2
Top
× 游客快捷下载通道(下载后可以自由复制和排版)
VIP包月下载
特价:29 元/月 原价:99元
低至 0.3 元/份 每月下载150
全站内容免费自由复制
VIP包月下载
特价:29 元/月 原价:99元
低至 0.3 元/份 每月下载150
全站内容免费自由复制
注:下载文档有可能出现无法下载或内容有问题,请联系客服协助您处理。
× 常见问题(客服时间:周一到周五 9:30-18:00)