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 段落标签
<p> 我是一个段落标签 </p>
标签语义:可以把 HTML 文档分割为若干段落。
特点:
-
文本在一个段落中会根据浏览器窗口的大小自动换行。
-
段落和段落之间保有空隙。
-
独占一行
1.3 换行标签
<br />
标签语义:强制换行。
特点:
-
是个单标签。
-
标签只是简单地开始新的一行,段落之间不会插入一些垂直的间距,跟段落不一样。
1.4 水平线标签
分割不同主题内容的水平线
<hr