《Web前端开发基础》课件——1认识网页与网站.pptx
;;
网页（WebPage）是网站中的一个基本单位，它是通过超文本标记语言（HTML）编写的，可以在浏览器中显示和访问，网页通常包含文本、图片、音频、视频等多媒体元素，以及链接到其他网页的超链接。
网站（Website）是一个由多个网页（WebPage）组成的集合，通常包含一个或多个主题，提供相关的信息和服务，网站可以是个人的、企业的、政府的等各种类型，用于展示、交流、销售等多种目的。;按网页在网站中的位置进行分类，可以分为主页和内页；
主页：用户进入网站时看到的第一个页面就是主页（homepage）。
内页：通过主页中的超级链接，打开的网页就是内页。
按网页的表现形式进行分类，可以分为静态网页和动态网页。
静态网页：指用HTML语言编写的网页，其制作简单易学，但缺乏灵活性，在浏览网页时浏览者和服务器不发生交互。
动态网页：使用ASP、PHP、JSP、ASP.NET等程序生成的网页，可以与浏览者进行交互，也称为交互式网页，如可以收集浏览者填写的表单信息等。
;网页的基本要素
（1）页面标题
;（2）网站标志
（3）网页尺寸
;
（4）导航栏
;
网页与HTML;
HTML5优势;
HTML5优势;
HTML5优势;
HTML5优势;
HTML5浏览器支持情况;;;任务效果展示;网页制作过程中，为了开发方便，通常我们会选择一些较便捷的工具，如Editplus、notepad++、VScode、Dreamweaver等。实际工作中，最常用的网页制作工具是HBuilder，课程中的案例将全部使用HBuilderX。接下来使用HBuilder来创建一个HTML5页面。;Hbuilder的工作界面;2;3;3;3;HTML标记;标记属性;HTML标记;1.!DOCTYPE标签
!DOCTYPE声明必须位于HTML文档中的第一行，也就是位于html标签之前。该标签告知浏览器文档所使用的HTML规范。在所有HTML文档中规定!DOCTYPE是非常重要的，这样浏览器就能了解预期的文档类型。;2.html标签
此元素可告知浏览器其自身是一个HTML文档。
xmlns属性：是用来定义xmlnamespace（命名空间）的，如果需要使用符合XML规范的XHTML文档，则应该在文档中的html标签中至少使用一个xmlns属性，以指定整个文档所使用的主要命名空间。
html??/html标签限定了文档的开始点和结束点，在它们之间是文档的头部和主体。文档的头部由head标签定义，而主体由body标签定义。
;3.head标记
head标记用于定义文档的头部，它是所有头部元素的容器。head中的元素可以引用title标题、meta/元信息、link外部文件、style样式信息。
文档的头部描述了文档的各种属性和信息，包括文档的、在Web中的位置以及和其他文档的关系等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。
;4.meta标签
meta元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。
5.title标签
title标签定义文档的标题，它是head部分中唯一必需的元素。
浏览器会以特殊的方式来使用标题，并且通常把它放置在浏览器窗口的标题栏或状态栏上。
;6.body标签
标签body元素定义文档的主体。
body元素包含文档的所有内容（比如文本、超链接、图像、表格和列表等等。）
body标签有很多自身的属性。;动手做;