HTML 入门基础

您所在的位置:网站首页 html基础入门 HTML 入门基础

HTML 入门基础

2022-06-14 10:53| 来源: 网络整理| 查看: 265

1. HTML基础1.1 什么是网站/网页:

网站就是互联网上根据一定的规则,使用相关编程语言展示特定内容相关网页的集合。 网页就是网站中的一页,通常是 .html 结尾的文件,主要通过浏览器来阅读。 网页是构成网站的基本元素,通常由“图片、链接、文字、声音、视频“等元素组成。

1.2 什么是HTML:

HTML 是超文本标记语言 HTML 不是编程语言,是一种标记语言 标记语言是一套标记标签组成的

超文本的含义: 1. 它可以加入图片、声音、动画、多媒体等内容(超越本文限制)。 1. 它可以从一个文件跳转到另一个文件(超链接文本)。

1.3 网页的组成

各种元素组成

2. 常用的浏览器2.1 常用浏览器

浏览器是网页显示、运行的平台 常用的浏览器有:

IE浏览器Firefox浏览器Chrome浏览器Edge浏览器Safari浏览器Opera浏览器2.2 常用浏览器内核

|浏览器|内核|备注|

|:---:|:---:|:---:|

|IE |Trident|IE、猎豹安全浏览器、360极速浏览器、百度浏览器|

|Firefox|Gecko|Firefox浏览器|

|Safari|Webkit|Safari浏览器|

|Chrome/Opera|Blink|Chrome/Opera|

3. Web标准(重点)

Web 标准是由 W3C 组织和其他标准化组织制定的一系列标准的集合。

3.1 为什么需要 Web 标准

浏览器不同,它们显示页面或者排版就会有些许差异。

遵循 Web 标准除了可以让不同的开发人员写出的页面更准确、更统一之外,还有以下优点:

让 Web 的发展前景更广阔。 内容能够被广泛的设备访问。 更容易被搜索引擎搜索。 降低网站的流量费用。 使网站更容易维护。 提高页面的浏览速度。3.2 Web 标准的构成

主要包括 结构(Stucture)、表现(Presentation)、行为(Behavior)三个方面。

|标准|说明|

|:--|:--|

|结构|结构用于对网页元素进行整理和分类,主要体现于 HTML|

|表现|表现用于设置网页元素的版式、颜色、大小等外观样式,主要体现于 CSS|

|行为|行为是指网页模型的定义及交互的编写,主要体现于 JavaScript|

Web 标注提出的最佳体验方案:结构、表现、行为相分离。 (简单理解:结构写到 HTML 文件中,表现写到 CSS 文件中,行为写到 JavaScript 文件中)

HTML基础什么是网站/网页:

网站就是互联网上根据一定的规则,使用相关编程语言展示特定内容相关网页的集合。

网页就是网站中的一页,通常是 .html 结尾的文件,主要通过浏览器来阅读。

网页是构成网站的基本元素,通常由“图片、链接、文字、声音、视频“等元素组成。

什么是HTML:

HTML 是超文本标记语言

HTML 不是编程语言,是一种标记语言

标记语言是一套标记标签组成的

超文本的含义:

1. 它可以加入图片、声音、动画、多媒体等内容(超越本文限制)。

1. 它可以从一个文件跳转到另一个文件(超链接文本)。

网页的组成

各种元素组成

常用的浏览器常用浏览器

浏览器是网页显示、运行的平台

常用的浏览器有:

1. IE浏览器

2. Firefox浏览器

3. Chrome浏览器

4. Edge浏览器

5. Safari浏览器

6. Opera浏览器

## 常用浏览器内核

|浏览器|内核|备注|

|:---:|:---:|:---:|

|IE |Trident|IE、猎豹安全浏览器、360极速浏览器、百度浏览器|

|Firefox|Gecko|Firefox浏览器|

|Safari|Webkit|Safari浏览器|

|Chrome/Opera|Blink|Chrome/Opera|

Web标准(重点)

Web 标准是由 W3C 组织和其他标准化组织制定的一系列标准的集合。

为什么需要 Web 标准

浏览器不同,它们显示页面或者排版就会有些许差异。

遵循 Web 标准除了可以让不同的开发人员写出的页面更准确、更统一之外,还有以下优点:

1. 让 Web 的发展前景更广阔。

2. 内容能够被广泛的设备访问。

3. 更容易被搜索引擎搜索。

4. 降低网站的流量费用。

5. 使网站更容易维护。

6. 提高页面的浏览速度。

Web 标准的构成

主要包括 **结构(Stucture)、表现(Presentation)、行为(Behavior)**三个方面。

|标准|说明|

|:--|:--|

|结构|结构用于对**网页元素**进行整理和分类,主要体现于 HTML|

|表现|表现用于设置网页元素的版式、颜色、大小等**外观样式**,主要体现于 CSS|

|行为|行为是指网页模型的定义及**交互**的编写,主要体现于 JavaScript|

Web 标注提出的最佳体验方案:结构、表现、行为相分离。

(简单理解:结构写到 HTML 文件中,表现写到 CSS 文件中,行为写到 JavaScript 文件中)

(知乎不支持 Markdown 格式的表格,我也很苦恼)

(获得更好的浏览体验,请前往我的个人博客)



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3