HTML文档的简单编辑
认识网页的实质；
了解HTML文件的结构，掌握HTML文挡的编辑方法；
能够读懂简单的HTML网页文件代码。
一、HTML(HyperText Markup Language，超文本标记语言)
1.网页的实质：用HTML写成的文档，可以通过浏览器进行浏览。
2.HTML采用一组特定的标记来描述Web页面的元素结构、输出格式、图像显示和超级链接等。
二、HTML文档的结构
<html> html文件开始
<head>文件头开始
……文件头
</head> 文件头结束
<body>文件体开始
……文件体
</body>文件体结束
</html>html文件结束
三、Html元素的表示方法
1.<；元素名>文件或超文本</元素名>
2.<；元素名属性名＝"属性值...">文本或超文本</元素名>
3.<；元素名>
四、HTML的基本元素
HTML元素
含义和位置
<html> </html>
声明为一个html文件，在文件开头使用开始标记，结尾使用结束标记
<head> </head>
声明网页的头，紧跟在<html>开始标记之后
<title> </title>
声明网页的标题，在head开始和结束标记之间
<body> </body>
声明文件中包含的内容（所有的文本、图片及文档中其他标记）
<a href=" "> </a>
链接标记，用于定义超级链接来链接其他文件
<img src=" ">
插入一个图像文件
<table> </table>
插入一个表格，其内容还应有行与列的描述
<br>
换行标记
<p> </p> 段落标记，为文字、图片、表格等加一空行
<font> </font>
字体标记，设定字体、颜和字号等
<center></center> 居中，使文字、图片、表格等居中显示
<form></form> 创建一个表单，定义表单的开始和结束位置
<hr>
插入一条水平分隔线
HTML代码分析
基本结构
认识链接元素
表单练习
提示：查看→源文件
知识拓展
HTML语言教程
思考与实践任务
简单网页1.阅读教材114页任务1，教材115页任务2的程序代码
2.实践练习：下载练习素材
请使用Dreamweaver打开练习素材中的html-ex01.htm和html-ex02.htm文件，完善网页代码。
1）在代码视图中，将横线部分替换为相应的代码，并删除横线；
2）完成后分别用原文件名保存。
（注意：不要删减和修改原有代码）
完成任务后，在电子学习档案袋中发表文章
主题：HTML文档的简单编辑
分类：我的资料
附件：2个练习文件html-ex01.htm和html-ex02.htm

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。