前端之HTML学习笔记一（B站黑马程序员）

2024-04-05 14:27:21

目录

1.网页

1.1网页的概念

1.2HTML的概念

1.3网页的形成

2.常用的浏览器

3.web标准

3.1为什么需要web标准

3.2web标准的构成（重点）

1.网页

1.网页

1.1网页的概念

网站是指在因特网上根据一定的规则，使用HTML等制作的用于展示特定内容相关的网页集合。

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

网页是构成网站的基本元素，它通常由图片、链接、文字、声音、视频等元素组成，通常我们看到的网页，常见以.htm或.html后缀结尾的文件，因此将其俗称为HTML文件。

1.2HTML的概念

HTML指的是超文本标记语言，它是用来描述网页的一种语言。是一种标记语言（标记语言是一套标记标签），而不是编程语言。

所谓超文本，有两层含义：

①它可以加入图片、声音、动画、多媒体等内容（超越了文本限制）；

②它可以从一个网页跳转到另一个页面（超级链接文本）。

1.3网页的形成

网页是有网页元素组成，这些元素是利用html标签描述出来的，然后通过浏览器解析给用户

2.常用的浏览器

浏览器是页面显示、运行的平台。常用的浏览器有IE、火狐（Firefox）、谷歌（Chrome）、Safari和Opera等，平时称为五大浏览器。

浏览器内核（渲染引擎）：负责读取网页内容，整理讯息，计算网页的显示方式并显示页面。

3.web标准

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

3.1为什么需要web标准

遵循web标准可以让不同的开发人员写出的页面更标准、更统一（因为浏览器不同，它们显示页面或排版有些许差异）等等。

3.2web标准的构成（重点）

web标准主要包括结构、表现和行为三个方面。（相比较而言，三者中结构最重要）

标准	说明
结构	结构用于对网页元素进行整理和分类，现阶段学的主要是HTML
表现	表现用于设置网页元素的版式、颜色、大小等外观样式，主要指CSS
行为	行为是指网页模型的定义和交互的编写，现阶段主要学的是JavaScript

web标准提出的最佳体验方案：结构、样式、行为相分离。简单来说，就是结构写到HTML文件中，表现写到CSS文件中，行为写到JavaScript中。

前端之HTML学习笔记一（B站黑马程序员）相关推荐

C++学习笔记（B站黑马程序员C++教程）
C++学习笔记(B站黑马程序员C++教程) 简介视频链接https://www.bilibili.com/video/BV1kV411U7Ub?spm_id_from=333.999.0.0 建议用 ...
SpringCloud学习笔记，课程源自黑马程序员，笔记持续更新中...
@SpringCloud+RabbitMQ+Docker+Redis+搜索+分布式: 学习内容 1.服务拆分-服务远程调用: 2.搭建eureka服务: 2.1.eureka服务注册-client 2 ...
CSS 学习笔记总结（借鉴黑马程序员pink老师前端入门）
1. CSS 简介 CSS 的主要使用场景就是美化网页,布局页面的 1.1 HTML 的局限性说起 HTML ,他只关注内容的语义.比如 <h1> 表明这是一个大标题,<p> ...
Python学习笔记（1）---B站黑马程序员
Python学习笔记(1)-B站黑马程序员 Python学习笔记(2)-B站黑马程序员 Python学习笔记(3)-B站黑马程序员文章目录 Linux基础 Python基础一.Python介绍 0 ...
Python学习笔记（3）---B站黑马程序员
Python学习笔记(1)-B站黑马程序员 Python学习笔记(2)-B站黑马程序员 Python学习笔记(3)-B站黑马程序员文章目录五.项目实战--飞机大战 001-Pycharm中安装py ...
Visual Studio 2022版本 B站黑马程序员C++自学分享－第一阶段（主要包括：自己敲的代码、通过注释来备注上自己对代码的理解）
Visual Studio 2022版本 B站黑马程序员C++自学分享-第一阶段(主要包括:自己敲的代码.通过注释来备注上自己对代码的理解) 前言一.第一阶段 C++基础语法入门对C++有初步了解 ...
Visual Studio 2022版本 B站黑马程序员C++自学分享－第三阶段（1）（主要包括：自己敲的代码、通过注释来备注上自己对代码的理解）
Visual Studio 2022版本 B站黑马程序员C++自学分享-第三阶段(1)(主要包括:自己敲的代码.通过注释来备注上自己对代码的理解) 前言三.第三阶段 C++提高编程介绍C++泛型编 ...
B站黑马程序员pink老师讲的JavaScript代码
B站黑马程序员pink讲课的JavaScript代码(部分代码) <!DOCTYPE html> <html lang="en"> <head> ...
html, css学习笔记，自用（B站黑马程序员pink老师）
附上教学视频链接黑马程序员pink老师前端入门教程该博文是自己随手记的上述视频笔记跳转到css, p61 P18 <div> </div>一行一个,<span> ...
python3入门与进阶笔记_16_变量进阶 — 黑马程序员《Python入门教程完整版》笔记...
变量进阶(理解) - 黑马程序员<Python入门教程完整版>笔记目标变量的引用可变和不可变类型局部变量和全局变量 01. 变量的引用变量和数据都是保存在内存中的在 Py ...

最新文章

热门文章