HTML基础

最新推荐文章于 2024-10-18 19:19:52 发布

下雨的清晨

最新推荐文章于 2024-10-18 19:19:52 发布

阅读量731

点赞数 24

分类专栏： # HTML学习文章标签： html 前端

本文链接：https://blog.csdn.net/2301_79155654/article/details/141200956

版权

HTML学习专栏收录该内容

7 篇文章 0 订阅

订阅专栏

HTML简介

什么是HTML？

HTML的全称为超文本标记语言，是一种标记语言。它包括一系列标签，通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。

超文本是一种组织信息的方式，它通过超级链接方法将文本中的文字、图表与其他信息媒体相关联。这些相互关联的信息媒体可能在同一文本中，也可能是其他文件，或是地理位置相距遥远的某台计算机上的文件。这种组织信息方式将分布在不同位置的信息资源用随机方式进行连接，为人们查找，检索信息提供方便。

HTML在Web开发中的作用

HTML 是 Web 开发的基础，它负责为网页内容提供结构和语义，通过标记文本、嵌入多媒体内容，并定义页面元素的布局，使浏览器能够正确地呈现网页内容。

浏览器和HTML的关系

浏览器是用于解析和呈现HTML内容的工具。

HTML定义了网页的结构和内容，而浏览器则通过解析HTML代码，将其转换为用户可以看到和交互的网页界面。

浏览器负责解释HTML中的标签和属性，应用样式，并执行与网页相关的脚本，使网页内容以可视化的方式展示给用户。

HTML基础

什么是HTML元素？

网页元素是构成网页内容和结构的基本单元，它们由HTML标签定义，并在浏览器中显示和呈现。

网页元素可以是文本、图片、链接、表格、表单、按钮、列表等。

每个元素通常由一个或多个HTML标签组成，并可能包括属性来进一步描述其行为或外观。

这些元素共同协作，形成用户在浏览器中看到的完整网页界面。

什么是HTML标签？

HTML标签是由尖括号包围的关键词，用于定义网页内容的结构和表现形式。

每个标签通常由一个开标签（如 ）和一个闭标签（如 ）组成，标签对之间的内容会根据标签的功能进行展示和格式化。

HTML标签可以用来创建文本样式、插入图像、链接、列表、表格等各种网页元素，帮助浏览器理解和渲染网页内容。

标签的基本语法规则

尖括号包围：所有的HTML标签都被尖括号 < > 包围。标签名位于尖括号内，例如  表示段落标签。

成对使用：大多数HTML标签是成对使用的，包含一个开标签和一个闭标签。开标签标记元素的开始，闭标签标记元素的结束，闭标签在标签名之前加上斜杠 /，例如 ...。

嵌套规则：HTML标签可以嵌套使用，但必须正确地嵌套，标签的闭合顺序应与其开标签相对应。错误的嵌套例如：文本，正确的应为 文本。

自闭合标签：某些标签不需要闭标签，因为它们不包含内容。这些标签通常称为自闭合标签，例如 <img /> 用于插入图像，  用于换行。

属性使用：标签可以包含属性，以提供额外的信息或定义其行为。属性通常在开标签内定义，以键值对的形式出现，例如 <a href="https://example.com">链接文本</a>，其中 href 是属性，定义了链接的目标地址。

HTML文档的基本结构：`<!DOCTYPE>`、`<html>`、`<head>`、`<body>`

基本结构如下：

<!DOCTYPE html>
<!-- 这是文档的类型声明，用来说明这是一个html文件 -->
<html>
<!-- 这是html文档的根元素，所有的html内容都被包含在这个标签内 -->
<head>
<!-- 这里包含网站的元数据，比如标题和链接样式表等等 -->
</head>
 <body>
  <!-- 包含网页的实际展示内容 --
    </body>
</html>