信息技术八年级上册网页的数据组织公开课课件ppt

这是一份信息技术八年级上册网页的数据组织公开课课件ppt，共30页。PPT课件主要包含了HTML语言，大部份标签成对出现，我们的发现，html，head，body，正文body，title，标题title，HTML文档开始等内容，欢迎下载使用。
浏览熟悉的网站，观察网页中常见的数据类型。
思考：网页中的数据是如何组织的？
实践：利用“开发人员工具”查看网页代码。
HTML(HyperText Markup Language)即超文本标记语言，用来组织网页的结构和内容。
观察：用“审查元素”功能，对比观察左右窗口中，网页显示内容和对应的HTML代码，归纳其结构特点。
例如： …… ……
由“”符号包围的字符串组成
HTML用标签来规定元素的属性及其在文件中的位置。
二、HTML文档的基本结构
思考：能否利用“开发人员工具”编辑调试代码？
尝试修改中间的内容，观察变化，刷新网页后看再观察？
HTML文档
( 记事本、 VS cde等 )
浏览器
解释执行
用记事本编写的HTML语言在进行调试查看时，需将保存文件扩展名从“.txt”更改为为“.html”的文件，选择保存类型为“所有文件” 。
这是标题 1 这是标题 2 这是标题 3 这是标题 4 这是标题 5 这是标题 6
HTML 正文不同字号是通过 - 标签定义的。
标签 可创建一个段落，浏览器会自动地在段落的前后添加空行。
这是一个段落。 这是一个段落。 这是一个段落。
标签 图片标签，用于添加图片,标签没有结束标签。
常见格式：
思考:这些页面间如何产生关联，实现跳转？
一个网站包含了1个主页面 ，多个分页面。
超链接：超文本链接 (Hypertext Link)，可以实现从一个页面跳转到另一个页面，实现文档互联、网站互联。
标签 用于插入超链接。
常见格式：链接元素
拓展思考:如何为图像设置超链接？
常见格式：
找一找：以下代码中超链接的设置存在哪些错误，请进行修改。
HTML 文档基本结构网页的开始与结束 —— 标记网页头部 —— 显示网页标题 —— 网页的正文 —— （含 bgclr 属性 ）HTML 语言可用 “开发人员工具查看”可用记事本等工具编写用浏览器解释执行
更多 HTML 标签 —— 段落 —— 不同字号标题 —— 添加图片 —— 居中 —— 字体格式（含 face 属性、size 属性、clr 属性 ）
—— 换行……超链接 —— 含 href 属性链接元素 —— 文本、图像等