前端-基础知识(html)_前端开发html基础知识

作者：笔触狂放9 | 2024-05-27 04:35:06

踩

前端开发html基础知识

前置

我又来了，今天我们来说一下前端最基础的HTML

开始

什么是网页

1.网站是指在因特网上根据一定的规则，使用 HTML 等制作的用于展示特定内容相关的网页集合。
2.网页是网站中的一“页”，通常是 HTML 格式的文件，它要通过浏览器来阅读。

网页的组成

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

什么是HTML

1.HTML 指的是超文本标记语言 (Hyper Text Markup Language) ，它是用来描述网页的一种语言。
2.HTML 不是一种编程语言，而是一种标记语言 (markup language)。
标记语言是一套标记标签 (markup tag)。

网页的总结

1.网页是图片、链接、文字、声音、视频等元素组成, 其实就是一个html文件(后缀名为html)
2.网页生成制作: 有前端人员书写 HTML 文件, 然后浏览器打开,就能看到了网页.
3.HTML: 超文本标记语言, 用来制作网页的一门语言. 有标签组成的. 比如图片标签链接标签视频标签等…

常用的浏览器有哪些?

IE
火狐
谷歌
苹果
欧朋

浏览器是网页显示、运行的平台。常用的浏览器有 IE、火狐（Firefox）、谷歌（Chrome）、Safari和Opera等。平时称为五大浏览器。
查看浏览器市场份额

浏览器内核（渲染引擎）

负责读取网页内容，整理讯息，计算网页的显示方式并显示页面
目前国内一般浏览器都会采用 Webkit/Blink 内核，如 360、UC、QQ、搜狗等。

web标准

Web 标准是由 W3C 组织和其他标准化组织制定的一系列标准的集合。W3C（万维网联盟）是国际最著名的标准化组织。
###为什么需要Web标准：
浏览器不同，它们显示页面或者排版就有些许差异

遵循 Web 标准除了可以让不同的开发人员写出的页面更标准、更统一外，还有以下优点：
1.让 Web 的发展前景更广阔。
2.内容能被更广泛的设备访问。
3.更容易被搜寻引擎搜索。
4.降低网站流量费用。
5.使网站更易于维护。
6.提高页面浏览速度。

web标准的构成

主要包括《结构Structure》、《表现（Presentation）》和《行为（Behavior）》三个方面。
在这里插入图片描述
Web 标准提出的最佳体验方案：结构、样式、行为相分离。
简单理解：结构写到 HTML 文件中，表现写到 CSS 文件中，行为写到 JavaScript 文件中

1.结构类似身体

2.表现类似外观装饰

3.行为类似行为动作

4.相比较而言, 三者中结构最重要.

HTML语法规则

1.HTML 标签是由尖括号包围的关键词，例如。
2.HTML 标签通常是成对出现的，例如和，我们称为双标签。
3.签。标签对中的第一个标签是开始标签，第二个标签是结束标签。
有些特殊的标签必须是单个标签（极少情况），例如
，我们称为单标签。

标签的关系：

双标签关系可以分为两类：包含关系和并列关系

包含标签：

 <head>  
    <title></title> 
 </head>
1
2
3

在这里插入图片描述

并列关系：

<head></head>
<body>
1
2

在这里插入图片描述

基本结构标签：

每个网页都会有一个基本的结构标签（也称为骨架标签），页面内容也是在这些基本标签上书写
在这里插入图片描述

开发工具

在这里插入图片描述

总结

网站是指在因特网上根据一定的规则，使用 HTML 等制作的用于展示特定内容相关的网页集合。
HTML 指的是超文本标记语言 (Hyper Text Markup Language) ，它是用来描述网页的一种语言

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/笔触狂放9/article/detail/629893