认识标记语言HTML
合集下载
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
Head意为头部，它是所有头 部元素的容器。其中的元素可 以引用脚本、指示浏览器在哪 里找到样式表、提供元信息。
<html> <head> <title>测试网页1</title> </head> <body> 你们好，我是测试网页！
</body> </html>
Title意为标题， 主要用来设置 网页的标题
双标记成对出现，单标记只出现一个。
• 表格的行标记和列标记是什么？
<tr></tr>表示行 <td></td>表示列
<body> 你们好，我是测试网页！
</body> </html>
课后练习
• 为网页示例1添加滚动字幕，内容：903班你最棒，方向：向右，延迟30秒 • 插入Flash影片：文字形状补间动画
认识标记语言HTML
揭开网页的庐山真面目
• 在前面学习中，我们学习了 如何建立网站、制作网站页 面，那么，网页的真面目到 底长什么样？今天我们就来 见识一下！
揭开网页的庐山真面目
• 早期的网页设计者通常都是使用 HTML语言来编写网页的。
• HTML(Hyper Text Markup Language)超文本标记语言。它包 括一系列标签．通过这些标签可以将 网络上的文档格式统一，使分散的 Internet资源连接为一个逻辑整体。 HTML文本是由HTML命令组成的描述 性文本，HTML命令可以说明文字， 图形、动画、声音、表格、链接等。
课堂小结
• 什么是HTML？
HTML(Hyper Text Markup Language)超文本标记语言。它包括一系列标签．通过这些标签可以将网络上的
文档格式统一。
<html>
• HTML的基本结构是什么？
<head>
<title>测试网页1</title>
• 双标记和单标记有什么特点？
</head>
这就是HTML
探究与实践
• 任务一：双击打开桌面网页文件，看看有什么区别。 观察两个网页除了内容不同外，还有什么地方不同？
通过观察，我们发现，这两个网页除了内容不同以外，网页的标题也不相同。
探究与实践
• 任务二：打开FrontPage，分别打开桌面上的两个网页，查看网页源码，各小组展开讨 论，并找出两个网页代码的相同的部分。
现的或者不成对 出现，如：
<meta>,<input> 这样的标记我们 称之为“单标记”
记我们称之为“双
标记”
试一试，找一找
• 在示例网页1中，为表格第1行，第1列插入图片01.jpg。 • 找一找代码中的双标记和单标记。 • 图片标记是单标记还是双标记？ • 下列标记有什么含义？
Hale Waihona Puke table表示表格，tr表示 行，td表示列
探究与实践
• 任务三：验证的HTML结构。 用FrontPage打开“HTML结构框架”，并进行预览。
<html> <head> <title>测试网页1</title> </head> <body> 你们好，我是测试网页！ </body> </html>
结论
• HTML的基本结构。
Body意为身体、主体，它主要 用来存放网页的主要内容。
探究与实践
• 任务三：更改“网页示例1”的标题为“班级相册”。
将“网页示 例1”更改为 “班级相册”
即可
提问与解答
• 网页制作是用HTML标记语言来实现的，那么在网页中肯定有很多标记，谁能说一说网页
标记有几种，分别有什么特点？
另一种是单独出
一种是成对出现的， 如：
<head></head> 头和尾只差一 个”/”，这样的标