html基础大全

0zxm

已于 2024-02-25 20:22:26 修改

阅读量840

点赞数 24

分类专栏：前端文章标签： html 前端 vscode

于 2024-02-24 19:04:19 首次发布

本文链接：https://blog.csdn.net/x1343676/article/details/136274850

版权

1.HTML标签是由尖括号包围的关键词,例如 2.HTML标签通常是成对出现的,例始和,我们称为双标签。标签对中的第一个标签是开始标签,第二个标签是结束标签。 3.有些特殊的标签必须是单个标签(极少情况),例如我们称为单标签。自定义列表常用于对术语或名词进行解释和描述，定义列表的列表项前没有任何项目符号在 HTML标签中，标签用于定义描述列表(或定义列表)，该标签会与(定义项目/名字)和(描述每一个项目/名字)一起使用。

摘要由CSDN通过智能技术生成

1.网页

1.2 什么是 HTML

HTML 指的是超文本标记语言(HyperText Markup Language),它是用来描述网页的一种语言。

HTML不是一种编程语言,而是一种标记语言(markuplanguage),标记语言是一套标记标签(markup tag)。

所谓超文本,有2 层含义
1.它可以加入图片、声音、动画、多媒体等内容(超越了文本限制)。
2.它还可以从一个文件跳转到另一个文件,与世界各地主机的文件连接(超级链接文本)。

1.3 网页的形成

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

2.常用浏览器

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

常用的浏览器有IE、火狐(Firefox)、谷歌(Chrome)、Safari和Opera等平时称为五大浏览器。

2.浏览器内核:

浏览器内核(渲染引擎):负责读取网页内容,整理讯息,计算网页的显示方式并显示页面。

浏览器	内核	备注
chrome/Opera	Blink	chrome/opera浏览器内核。Blink 其实是 WebKit 的分支

3.Web标准

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

web标准的构成

3.2 Web 标准的构成
主要包括结构(Structure)、表现(Presentation)和行为(Behavior)三个方面。

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

Web 标准提出的最佳体验方案:

结构、样式、行为相分离,简单理解:结构写到 HTML 文件中,表现写到 CSS 文件中 ,行为写到JavaScript文件中

4.html标签

1.1 基本语法概述

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

1.2 标签关系

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

2.1 文档类型声明标签

<!DOCTYPE html>
这句代码的意思是: 当前页面采取的是 HTML5 版本来显示网页
注意:
1.<!DOCTYPE>声明位于文档中的最前面的位置,处于`<html>`标签之前。
2.<!DOCTYPE>不是一个HTML标签,它就是文档类型声明标签

2.2 lang 语言种类

用来定义当前文档显示的语言。
1.en定义语言为英语
2.zh-CN定义语言为中文
简单来说,定义为en 就是英文网页,定义为 zh-CN 就是中文网页

其实对于文档显示来说,定义成en的文档也可以显示中文,定义成zh-CN的文档也可以显示英文

2.3 charset编码

<meta charset="UTF-8">

3.1 html语义标签

学习标签是有技巧的,重点是记住每个标签的语义。简单理解就是指标签的含义,即这个标签是用来干嘛的

3.2 标题标签`<h1>-<h6>`(重要 )

为了使网页更具有语义化,我们经常会在页面中用到标题标签。HTML提供了6个等级的网页标题即<h1>-<h6>

标签语义:作为标题使用,并且依据重要性递减

特点:
1.加了标题的文字会变的加粗,字号也会依次变大
2.一个标题独占一行

3.3 段落和换行标签(重要 )

在 HTML中,一个段落中的文字会从左到右依次排列,直到浏览器窗口的右端,然后才自动换行。如果希望某段文本强制换行显示,就需要使用换行标签<br/>

3.4 文本格式化标签

在网页中,有时需要为文字设置粗体、斜体或下划线等效果,这时就需要用到HTML中的文本格式化标签,使文字以特殊的方式显示。
标签语义:突出重要性,比普通文字更重要

功能	HTML标签	Markdown语法	说明	推荐使用
加粗	`<strong></strong>` 或 `<b></b>`	加粗文本	更推荐使用`<strong>`标签,因为语义更强烈	`<strong></strong>`
倾斜	`<em></em>` 或 `<i></i>`	倾斜文本	更推荐使用`<em>`标签,因为语义更强烈	`<em></em>`
删除线	`<del></del>` 或 `<s></s>`	~~删除线文本~~	更推荐使用`<del>`标签,因为语义更强烈	`<del></del>`
下划线	`<ins></ins>` 或 `<u></u>`	++下划线文本++ (注意：Markdown本身不支持下划线,此处仅为示意)	更推荐使用`<ins>`标签,因为语义更强烈	`<ins></ins>`

3.5 `<div>`容器`<span>`标签

<div>和<span>是没有语义的,它们就是一个盒子,用来装内容的。

最低0.47元/天解锁文章

0zxm

关注

24
点赞
踩
30

收藏

觉得还不错? 一键收藏
打赏
0
评论
html基础大全

1.HTML标签是由尖括号包围的关键词,例如 2.HTML标签通常是成对出现的,例始和,我们称为双标签。标签对中的第一个标签是开始标签,第二个标签是结束标签。 3.有些特殊的标签必须是单个标签(极少情况),例如我们称为单标签。自定义列表常用于对术语或名词进行解释和描述，定义列表的列表项前没有任何项目符号在 HTML标签中，标签用于定义描述列表(或定义列表)，该标签会与(定义项目/名字)和(描述每一个项目/名字)一起使用。
复制链接

扫一扫