导读：

一、网站&网页的区别

www.taobao.com-->淘宝网(网站?网页?)

www.taobao.com/index.html-->淘宝的首页

网站：一个web项目的集合，包含了很多的网页、图片、脚本等

网页：web项目开发的核心，网页设计属于网站的面子工程。

二、网页设计

属于一种软件开发，同时也需要一门开发语言，通过该语言完成页面中

内容设计。

语言：html(核心)、(jsp、asp、php)

开发工具：

记事本、DW(院校官方)、vscode、Hbuilder、WebStorm、EditPlus

浏览工具(浏览器)：

IE、Chorme(谷歌)、Firefox(火狐)、Safari(苹果)、Opera(欧朋--移动端)

IE:前身是属于网景公司，在后期因为公司的变故导致IE被微软收购，成为

windows系统中的浏览器标配。

三、HTML语言

超文本标记语言-->XML(可扩展标记语言)-->由W3C组件推出

版本：

html4(PC)-->html5(2014年)支持PC设备、支持移动设备H5

文件类型：

产生一个该语言类型的文件*.html文件-->网页文件

四、HTML结构

1、doctype

文档类型声明，告诉浏览器当前文件的类型。

html5:--

2、html标签

元素就是标签

标签类别：

1、包含标签

<标签名属性="属性值">内容

2、单一标签

<标签名属性="属性值"/>

html网页的核心标签，所有的内容都是包含在该标签中。

3、head标签

网页头部标签，可以包含：

:引入标签，一般是引入外部的css文件

:引入标签，一般是引入外部的js文件

:文档信息标签charset="UTF-8"当前网页的编码格式

:样式标签，在网页中定义样式表

:标题标签，设置当前网页的标题

4、body标签

整个网页中能看到内容的部分都包含在该标签中。

五、HTML常用标签分类

基于HTML4版本、基于HTML5版本

通用标签：

--换行标签

自定义格式排版的代码

--空格符

段落内容

h1-h6

--图片标签

图片路径：

1、绝对路径(服务器端)--http:\\www.baidu.com\img\logo.png

2、相对路径(开发的时候)

连接文本或图片--超链接标签