目录
网页概述
网页概念：网页可以看做承载各种网站应用和信息的容器，所有可视化的内容都会通过网页展示给用户。
网页组成元素：网页主要由文字、图像和超链接（超链接为单击可以跳转的网页元素）等元素构成。当然除了这些元素，网页中还可以包含音频、视频以及动画等。
静态网页与动态网页
静态网页：用户无论何时何地访问，网页都会显示固定的信息，除非网页源代码被重新修改上传。静态网页更新不方便，但是访问速度快。
动态网页：显示的内容则会随着用户操作和时间的不同而变化。动态网页可以和服务器数据库进行实时的数据交换。
网页名词解释
| 名词 | 名词释义 |
| Internet网络 | 就是通常所说的互联网，是由一些使用公共语言互相通信的计算机连接而成的网络。 |
| WWW | WWW（英文World Wide Web的缩写）中文译为“万维网”是Intertnet提供的一种网页浏览服务。 |
| URL | URL（英文Uniform Resource Locator的缩写）中文译为“统一资源定位符” URL其实就是Web地址，俗称“网址”。 |
| DNS | DNS （英文Domain Name System的缩写）是域名解析系统。 |
| HTTP和HTTPS | HTTP (英文Hypertext transfer protocol的缩写) 中文译为超文本传输协议，是一种详细规定了浏览器和万维网服务器之间互相HTTPS协议是由SSL+HTTP协议构建的可进行加密传输、身份认证的网络协议，要比HTTP协议安全。 通信的规则。 |
| Web |
Web通常指互联网的使用环境。但对于网站制作者来说，它是一系列技术的复合总称，通常称之为网页。 |
| W3C组织 |
W3C（英文World Wide Web Consortium的缩写）中文译为“万维网联盟”。万维网联盟是国际最著名的标准化组织。 |
Web标准
Web标准是由W3C和其他标准化组织制定的一系列标准的集合。 包含我们所熟悉的HTML、XHTML、CSS、Javascript等等。
Web标准的构成：结构标准（对网页元素进行整理和分类）【相当于房子的框架】、表现标准（设置网页元素的版式、颜色、大小等外观样式，主要指CSS）【相当于房子的装修】、行为标准（指网页模型的定义及交互的编写，主要包括两个部分：DOM和ECMAScript）【相当于房子内部的设备】
HTML概念：HTML(英文Hyper Text Markup Language的缩写)中文译为“超文本标签语言”，主要是通过HTML标签对网页中的文本、图片、声音等内容进行描述。
CSS概念：CSS通常称为CSS样式或样式表，主要用于设置HTML页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、边距等）以及版面的布局等外观显示样式。
JavaScript概念：JavaScript是网页中的一种脚本语言，其前身叫做LiveScript，由Netscape(网景)公司开发。后来在Sun公司推出著名的Java语言之后，Netscape公司和Sun公司于1995年一起重新设计了LiveScript，并把它改名为JavaScript。
浏览器内核
浏览器内核是浏览器最核心的部分，负责对网页语法的解释并渲染网页（也就是显示网页效果），是渲染引擎（标准叫法）的通俗叫法。渲染引擎决定了浏览器如何显示网页的内容以及页面的格式信息。不同的浏览器内核对网页编写语法的解释也不同，因此同一网页在不同的内核的浏览器里的渲染（显示）效果也可能不同。
| Trident内核 | IE浏览器 |
| Gecko内核 | Firefox浏览器 |
| Webkit内核 | Safari（苹果的浏览器） |
| Presto内核 | Opera浏览器 |
| Blink内核 | 由谷歌和Opera开发 |
HTML结构
<html>
<head>
<title>标题</title>
</head>
<body>
身体部位
<br/>
</body>
</html>HTML标签分类及常用标签
标签分类
单标签: 只有一个标签 ：br,
双标签：有开始和结束标签 比如：html,head,body
常用标签
Meta
-
charset:设定网页字符集的方式
-
http-equiv
-
X-UA-Compatible:用于告知浏览器以何种版本来渲染页面
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>-
cache-control 指定请求和响应遵循的缓存机制
-
no-cache: 先发送请求，与服务器确认该资源是否被更改，如果未被更改，则使用缓存
-
no-store: 不允许缓存，每次都要去服务器上，下载完整的响应
<meta http-equiv="cache-control" content="no-cache"> -
-
refresh:自动刷新并指向某页面
<meta http-equiv="refresh" content="2;URL=http://www.www.baidu.com/"> -
content-type
<meta http-equiv="content-type" content="text/html; charset=utf-8">
-
-
-
name
-
author：用于标注网页作者
-
description :用于告诉搜索引擎，网站的主要内容
-
keywords:用于告诉搜索引擎，网页的关键字
-
viewport:这个属性常用于设计移动端网页
-
renderer：内核控制
-
<meta name="参数" content="具体的描述">。
<meta name='viewport' content='width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no'>
<meta name="renderer" content="webkit|ie-comp|ie-stand">1. webkit：极速内核 2. ie-comp:IE兼容内核 3. ie-stand IE标准内核
head
body
文档体
属性
-
bgcolor='颜色'
<body bgcolor='#d3d6d4'> </body>
<h1>-<h6>标签
<h1> - <h6> 标签可定义标题。<h1> 定义最大的标题。<h6> 定义最小的标题。
<h1>这是标题</h1>
<h2>这是标题</h2>
<h3>这是标题</h3>
<h4>这是标题</h4>
<h5>这是标题</h5>
<h6>这是标题</h6>
<p>标签
<p> 标签定义段落。
p 元素会自动在其前后创建一些空白。
<p>这是一个段落</p><br>标签
<br> 可插入一个简单的换行符。
<br> 标签是空标签（意味着它没有结束标签，因此这是错误的：<br></br>）。在 XHTML 中，把结束标签放在开始标签中，也就是 <br />。
请注意，<br> 标签只是简单地开始新的一行，而当浏览器遇到 <p> 标签时，通常会在相邻的段落之间插入一些垂直的间距。
注：请使用 <br> 来输入空行，而不是分割段落。
<br/><hr>标签
<hr> 标签在 HTML 页面中创建一条水平线。
水平分隔线（horizontal rule）可以在视觉上将文档分隔成各个部分。
<p>这是一个段落</p>
<hr/> <hr color="颜色" size="粗细" width="宽度"/> 此处是水平换行线
<p>这是一个段落</p><font>标签
字体
属性
-
color
文字的颜色
-
size
注意：size表示尺寸 ，取值 从 1到7的一个整数，没有单位，用来设置文字的大小
<font> 规定文本的字体、字体尺寸、字体颜色
<font size="字体" color="颜色" face="字型">文本内容</font><mark>标签
高亮展示
<img>
图片
<!--
img 标签：可以插入一张图片到网页。其中src属性设置图片的路径
1. 路径分类
1 相对路径（相对于当前文件 所在的目录）
当前目录：./ 通常可以省略
父目录：../ 不能省略
2 绝对路径（从磁盘跟目录寻找文件）在开发中几乎不用
属性：
src: 设置图片路径
width:设置图片宽度
height:设置图片高度
alt:如果图片路径不对，则展示alt内容，
如果路径正确，图片正常展示，不显示alt内容
title:鼠标放到图片上的一个提示信息
-->
<img src="./images/3.jpeg" alt="美女" width="200" height="200" title="我是一个美女" />
<sup>标签
上标
<sub>标签
下标
4<sup>3</sup>
H<sub>2</sub>O<a>标签
<a> 标签定义超链接，用于从一张页面链接到另一张页面。
<a> 元素最重要的属性是 href 属性，它指示链接的目标。
<a href="http://www.baidu.com">百度</a>
<a href="./index.html">首页</a>
<a href="./images/3.jpeg">
<img src="./images/3.jpeg" alt="美女" width="200" height="200" title="我是一个美女" />
</a><marquee>标签
滚动
<marquee direction='right'>
<img src="./images/5.jpg" alt="" width="100" height="100">
<img src="./images/5.jpg" alt="" width="100" height="100">
<img src="./images/5.jpg" alt="" width="100" height="100">
<img src="./images/5.jpg" alt="" width="100" height="100">
</marquee><del>标签
删除线
<em>标签
斜体