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

</ /> 网页的 数据组织 1 0 1 1 0 1 1 0 1 1 0 1 1 0 0 1 1 0 1 1 0 1 1 0 1 1 0 1 1 1 0 1 1 0 1 1 0 1 1 1 1 1 0 1 1、网页是如何实现图片呈现 2、超链接能链接哪些文件 有关网页的两个问题 1 0 1 1 0 1 1 0 1 1 0 1 1 0 0 1 1 0 1 1 0 1 1 0 1 1 0 1 1 1 0 1 1 0 1 1 0 1 1 1 1 1 0 1 </认识HTML语言 HTML HyperText Markup Language 语言 超文本标记语言 </有关HTML语言 超文本标记语言（英语：HyperText Markup Language，简称：HTML） 一种用来结构化 Web 网页及其内容的标记语言 网页内容可以是：一组段落、一个重点信息列表、也可以含有图片和数据表 HTML 不是一门编程语言，而是一种用于定义内容结构的标记语言 HTML 由一系列的元素组成，这些元素可以用来包围不同部分的内容，使其以某种方式呈现或者工作 </认识HTML语言 HTML HyperText Markup Language 语言 超文本标记语言 查看 使用“开发者工具”或者其他？ 一个基础的网页结构 <!doctype html> <html lang="en-US"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width" /> <title>My test page</title> </head> <body> <img src="images/firefox-icon.png" alt="My test image" /> </body> </html> 1 0 1 1 0 1 1 0 1 1 0 1 1 0 0 1 1 0 1 1 0 1 1 0 1 1 0 1 1 1 0 1 1 0 1 1 0 1 1 1 1 1 0 1 一个基础的网页结构 <!doctype html> <html lang=“en-US”> #标记了网页的开始 <head> #标记了网页的头部开始 <meta charset="utf-8" /> <meta name="viewport" content="width=device-width" /> <title>My test page</title> #显示网页的标题 </head> <body> #标记了网页正文的开始 </body> </html> 1 0 1 1 0 1 1 0 1 1 0 1 1 0 0 1 1 0 1 1 0 1 1 0 1 1 0 1 1 1 0 1 1 0 1 1 0 1 1 1 1 1 0 1 </认识HTML语言 HTML HyperText Markup Language 语言 超文本标记语言 查看 使用“开发者工具”或者其他？ 了解标签 规定元素的属性 My cat is very Cute 1 0 1 1 0 1 1 0 1 1 0 1 1 0 0 1 1 0 1 1 0 1 1 0 1 1 0 1 1 1 0 1 1 0 1 1 0 1 1 1 1 1 0 1 <p>My cat is very grumpy</p> 1 0 1 1 0 1 1 0 1 1 0 1 1 0 0 1 1 0 1 1 0 1 1 0 1 1 0 1 1 1 0 1 1 0 1 1 0 1 1 1 1 1 0 1 <p>My cat is very grumpy</p> 1 0 1 1 0 1 1 0 1 1 0 1 1 0 0 1 1 0 1 1 0 1 1 0 1 1 0 1 1 1 0 1 1 0 1 1 0 1 1 1 1 1 0 1 <p>My cat is very grumpy</p> 开始标签 结束标签 内容 元素 1 0 1 1 0 1 1 0 1 1 0 1 1 0 0 1 1 0 1 1 0 1 1 0 1 1 0 1 1 1 0 1 1 0 1 1 0 1 1 1 1 1 0 1 那么，如何插入图片？ 1 0 1 1