python课件教案01_什么是”网页“.pptxVIP

什么是

“网页”？

情景引入日常上网时，我们会浏览各种各样的页面

循序渐进文字与图片是构成一个网页的两个最基本的元素。你可以简单地理解为：文字，就是网页的内容。图片，就是网页的美观。除此之外，网页的元素还包括动画、音乐、程序等等文字动画程序音乐图片网页

循序渐进你知道“网站”与“网页”这二者，有什么区别吗？网站网页

循序渐进网页是构成网站的基本元素，是承载各种网站应用的平台。

新知教授网站是一个整体，网页是一个个体，一个网站是由很多网页构建而成。网页与网站的区别简单的来说：网站是由网页集合而成的，而大家通过浏览器所看到的画面就是网页。网页说具体了是一个html文件，浏览器是用来解读这份文件的。网站网页

HTML概述

循序渐进打开任意网页，在空白处右击，选择“查看网页源代码”。

循序渐进看，这就是HTML编写的代码?

新知教授HTML称为超文本标记语言，是一种标识性的语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。

新知教授

VSCode

新知教授VisualStudioCode一个运行于MacOSX、Windows和Linux之上的，针对于编写现代Web和云应用的跨平台源代码编辑器。官网下载：/

新知教授汉化中文（官方下载默认为英文，英文好的小伙伴可直接跳过这步）点击插件按钮搜索?Chinese，在弹出的选项中选择第一个中文简体。

新知教授然后右边会弹出如下图安装界面，接着点击?Install?安装。安装完毕后会有提示（安装完中文简体汉化包后一定要重启方可生效）

新知教授!DOCTYPEhtmlhtmlheadmetacharset=UTF-8title网页标题/title/headbody网页显示内容/body/htmlhtml文档基本结构第一行是文档声明；第二行“html”标签和最后一行“/html”定义html文档的整体，“head”标签和“body”标签是它的第一层子元素；“head”标签里面负责对网页进行一些设置以及定义标题，设置包括定义网页的编码格式，外链css样式文件和javascript文件等，设置的内容不会显示在网页上，标题的内容会显示在标题栏，“body”内编写网页上显示的内容。

编玩边学!DOCTYPEhtmlhtmlheadmetacharset=UTF-8titlehelloworld/title/headbodyhelloworldhelloPython/body/htmlhtml文档基本结构一个html文件就是一个网页，html文件用编辑器打开显示的是文本，可以用文本的方式编辑它；如果用浏览器打开，浏览器会按照标签描述内容将文件渲染成网页。

新知识教授安装完openChrome拓展包后，使用快捷键Ctrl+Alt+A打开谷歌浏览器演示代码运行效果

HTML标签入门

新知教授学习html语言就是学习标签的用法，html常用的标签有20多个，学会这些标签的使用，就基本上学会了HTML的使用。段落p标题h1列表ul超链接a字体font表格table换行br/块标签div图片img

新知教授新建一个html文档后，可以用快捷键的方式快速创建html文档。快捷键：!+tab键，或者html:5+tab键html文档快速创建

新知教授!--1、成对出现的标签：-- #这是注释哦^_^h1h1标题/h1div这是一个div标签/divp这个一个段落标签/p!--2、单个出现的标签：--brimgsrc=images/pic.jpgalt=图片

新知教授!--3、带属性的标签，如src、alt和href等都是属性--imgsrc=images/pic.jpgalt=图片ahref=百度网/a!--4、标签的嵌套--divimgsrc=images/pic.jpgalt=图片ahref=百度网/a/div

新知教授显示特性块元素标签在布局中默认会独占一行，宽度默认等于父级的宽度，块元素后的元素需换行排列内联元素标签元素之间可以排列在一行，设置宽高无效，它的宽高由内容撑开

编玩边学常用块元素标签1、标题标签，表示文档的标题，除了具有块元素基本特性外，还含有默认的外边距和字体大小h1一级标题/h1h2二级标题/h