第7课 网页的数据组织 课件 浙教版（2023）初中信息技术八年级上册.pptVIP

HTML标签 代码理解： HTML标签 教你一招： 居中对齐： center/center 网页背景色： body bgcolor=颜色名称/body 字体格式：font face= 字体名称 size= 字号数值 color=颜色名称 文字/font HTML标签 活动二：根据小组“人工智能”主题网站的制作方案，用HTML语言编写网页首页的代码，尝试插入主题图片，并调试查看网页效果。 3 超链接 超链接 什么是超链接？ 超文本链接 (Hypertext Link)简称为超链接，可以实现从一个页面跳转到另一个页面或者跳转到页面的其他位置，实现文档互联、网站互联。在HTML文档中，链接元素可以是文本、图片等。 超链接 超链接的标签： 建立超链接的标签为a/a, href属性的作用是设置链接的位置，是a/a标签必不可少的。 a href=链接位置链接元素/a 超链接 超链接的标签： 谢谢大家 * * * * * * * * * * * * 网页的数据组织 第7课 通过观察和探究网页代码，认识HTML语言，掌握HTML文件的基本结构，能初步编辑HTML网页代码；在浏览网页的过程中，能理解超链接的作用。 学习目标 1、你知道网页是如何实现图片呈现的? 2、超链接能链接哪些类型的文件? 本课探究 1 HTML语言 HTML语言 你知道编写网页的语言吗？ 网页设计常用的编程语言主要是HTML、CSS、JavaScript，其他还有JAVA、PHP、PYTHON、SQL、C/C++语言等。 HTML语言 什么是HTML语言吗？ HTML(HyperText Marked Language) 即超文本标记语言，定义了网页内容的结构和内容。用HTML编写的超文本文件称为HTML文件，HTML文件一般通过浏览器解释执行。在使用浏览器访问网页时，浏览器读取并分析HTML文件中的代码，根据解释的结果呈现网页内容。 HTML语言 查看网页代码： HTML语言 活动一：尝试打开 一个自己熟悉的网站，使用浏览器的“开发人员工具”查看，对比观察网页显示内容和对应的HTML代码。 2 HTML标签 HTML标签 HTML文件的基本结构： html # 标记网页的开始# head # 标记头部的开始# title 显 示 网 页 的 标 题 /title /head # 标记头部的结束# body # 标记网页正文开始# 网页内容 /body# 标记网页正文结束# /html # 标记网页的结束# * * * * * * * * * * * * * * * * *