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字,全部文档内容请下载后查看。喜欢就下载吧 ……相关推荐:
- [小学教育]四年级综合实践活动课《衣物的洗涤》教
- [小学教育]2014半年工作总结怎么写
- [小学教育]20世纪外国文学专题综合试题及答案
- [小学教育]TS_1循环使用催化丙烯环氧化反应研究
- [小学教育]最实用的考勤签到表(上下班签到表)
- [小学教育]气候与生态建筑——以新疆民居为例
- [小学教育]二人以上股东有限责任公司章程参考样本
- [小学教育]2014届第一轮复习资料4.1,3美好生活的
- [小学教育]土方开挖、降水方案
- [小学教育]手绘儿童绘本《秋天的图画》(蜡笔)
- [小学教育]2002级硕士研究生卫生统计学考试试题
- [小学教育]环保装备重点发展目录
- [小学教育]金蝶K3合并报表培训教材
- [小学教育]岩浆岩试题及参考答案
- [小学教育]知之深爱之切学习心得
- [小学教育]第十二章 蛋白质的生物合成
- [小学教育]Chapter 2-3 Solid structure and basi
- [小学教育]市政道路雨季专项施工方案
- [小学教育]中国海洋大学2012-2013学年第二学期天
- [小学教育]教育心理学第3章-学习迁移
- 浅谈深化国企改革中加强党管企业
- 2006年中国病理生理学会学术活动安排
- 设计投标工作大纲
- 基于ARP的网络攻击与防御
- 2016届湖北省七市(州)教科研协作体高三
- Google_学术搜索及其检索技巧
- 2019-2020学年七年级地理下册6.3美洲教
- 城市道路可研报告
- 【名师指津】2012高考英语 写作基础技
- 6级知识点培训北京师范大学《幼儿智趣
- 注册会计师会计知识点:金融资产
- 新安装 500 kV 变压器介损分析与判断
- PS2模拟器PCSX2设置及使用教程.
- 医院药事管理与药剂科管理组织机构
- {PPT背景素材}丹巴的醉人美景,免费,一
- NAS网络存储应用解决方案
- 青海省西宁市六年级上学期数学期末考试
- 测量管理体系手册依据ISO10012:2003
- 洞子小学培养骨干教师工作计划
- 浅谈《牛津初中英语》的教材特点及教学




