HTML复习

HTML复习

简介：

1、网页的基本组成

​ 网站：网站是使用HTML等制作的用于展示特定的相关的网页的集合。

​ 网页： 网站中的一"页"，通常是HTML格式的文件，通过浏览器来阅读。

​ 网页是构成网站的基本元素，常见以.html或.html后缀结尾的文件，我们也将其称为HTML文件

​ 网页的形成：

前端人员开发代码 -----> 浏览器显示代码（解析、渲染）-----> 生成最后的Web页面

2、什么是HTML

​ HTML：超文本编辑语言（Hyper Text Markup Language），用于描述网页的一种标记语言。主要通过HTML标签对网页中的文本、图片、音频、视频等内容进行描述

3、常用的浏览器

​ 五大浏览器：IE、火狐（ Firefox）、谷歌 （Chrome）、 Safar 、Opera

浏览器	内核	备注
IE	Trident	IE、猎豹安全、360浏览器，百度浏览器
Firefox	Gecko	火狐浏览器内核
Safar	Webkit	苹果浏览器内核
Chrome/Opera	Blink	Chrome/Opera浏览器内核。Blink是Webkit的分支

国产浏览器一般采用Webkit / Blink内核。

4、Web标准的三大组成部分

Web是由W3C（万维网:国际最著名的标准化组织）组织和其他标准化组织制定的一系列标准的集合。

优点：1、让不同的开发人员写出的页面更加标准，统一

​ 2、让Web的发展前景更广阔

​ 3、内容能被更广泛的设备访问

​ 4、更容易被搜索引擎搜索

​ 5、降低网站流量费用，是网站更易于维护

​ 6、提高页面浏览器的速度

构成：结构、表现、行为

标准	说明
结构	用于对网页元素进行整理和分类
表现	用于设置网页元素的版式、颜色、大小等外观样式
行为	指网页模型的定义及页面交互的编写

简单理解：结构写在HTML中，表现写在CSS中，行为写在JavaScript中。

HTML标签

charset 常用的值有：GB2312 、BIG5 、GBK 和 UTF-8，其中 UTF-8 也被称为万国码，基本包含了全世界所有国家需要用到的字符.

标签的语义：其实就是标签的含义，要知道标签是用来干什么的。根据标签的语义，在合适的地方给一个最为合理的标签，可以让页面结构更清晰。

注释

这个代码是不执行不显示到页面中的，便于相关开发人员理解和阅读代码

 <!-- 注释语句 --> 快捷键: ctrl + /

1、排版标签

1.1 标题标签

<h1>标题一共六级选,</h1>
<h2>文字加粗一行显。</h2>
<h3>由大到小依次减，</h3>
<h4>从重到轻随之变。</h4>
<h5>语法规范书写后，</h5>
<h6>具体效果刷新见。</h6>

标签语义：作为标题使用，1~6级标题，重要程度依次递减。

特点：

1. 加了标题的文字会变的加粗，字号也会依次变大。

2. 一个标题独占一行。

   
   

1.2 段落标签

<p> 我是一个段落标签 </p>

标签语义：可以把 HTML 文档分割为若干段落。

特点：

1. 文本在一个段落中会根据浏览器窗口的大小自动换行。

2. 段落和段落之间保有空隙。

3. 独占一行

   
   

1.3 换行标签

<br />

标签语义：强制换行。

特点：

1. 是个单标签。

2. 标签只是简单地开始新的一行，段落之间不会插入一些垂直的间距，跟段落不一样。

   
   

1.4 水平线标签

分割不同主题内容的水平线

<hr>

标签语义：主题的分割转换

特点：

1.单标签

2.在页面中显示一条水平线