零基础HTML教程-初级版

原创已于 2024-02-17 11:50:16 修改 · 904 阅读

20 ·

CC 4.0 BY-SA版权

文章标签：

#html #算法 #开发语言

于 2024-01-28 12:02:43 首次发布

HTML 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了HTML，一种用于创建网页的标准标记语言，详细阐述了标签的定义、作用以及常见的如段落、标题、超链接等标签的使用。HTML通过标签定义网页结构，提供交互性和动态性，是网页设计和开发的核心。

一.HTML定义：

HTML（HyperText Markup Language，超文本标记语言）是用于创建网页的标准标记语言。它允许网页制作者通过一系列标签（tags）来描述网页的结构和内容，进而被浏览器解析并展示给用户。HTML是构建整个网页内容的基础，它不仅仅关乎文本的呈现，还包括图片、视频、链接等多媒体元素的嵌入与展示。

HTML文档通常包含一系列嵌套的标签，这些标签定义了文档的不同部分，比如标题、段落、列表等。每个标签都有其特定的含义和用途，例如<h1>标签用于定义最高级别的标题，<p>标签用于定义段落，<a>标签用于创建超链接。浏览器会根据这些标签的含义，以特定的方式渲染和展示网页内容。

除了基本的文本格式化标签，HTML还支持更复杂的元素和结构，比如表格、表单、图像映射等。这些元素通过特定的标签和属性来实现，为网页提供了更丰富的交互性和动态性。

HTML的另一个重要特点是其超文本性，即通过超链接（hyperlinks）将不同网页相互连接起来，形成一个庞大的信息网络。这种超文本性使得网页不再是孤立的文档，而是成为了一个相互关联、相互引用的信息空间。

总的来说，HTML是一种用于描述和构建网页内容的标记语言，它通过一系列标签来定义网页的结构、格式和交互元素，是实现网页设计和开发的基础。

二.标签

1.标签定义

HTML标签是指超文本标记语言的标记标签，它们是HTML语言中最基本的单位，也是HTML标准最重要的组成部分。HTML标签是由尖括号包围的关键词，比如<html>，而且通常是成对出现的，比如<div>和</div>。其中，第一个标签是开始标签，第二个标签是结束标签，它们也被称为开放标签和闭合标签。

HTML的标签有很多种类，每种标签都有其特定的用途和含义。例如，<h1>到<h6>标签用于定义标题，<p>标签用于定义段落，<a>标签用于定义超链接，<img>标签用于定义图像，等等。这些标签使得HTML能够描述网页的复杂结构和丰富内容。

此外，HTML标签的大小写不敏感，比如<body>和<BODY>表示的是相同的意思，但是推荐使用小写。这是因为HTML5规范中推荐使用小写标签，以提高代码的可读性和一致性。

总的来说，HTML标签是构建网页的基础，它们定义了网页的结构和内容，使得浏览器能够正确地解析和渲染网页。

<></>为一组标签，有手有尾称为双标签，只有首无尾称为单标签

2.常见标签

<p>标签（段落标签，每个标签占一行）

<p>文本</p>
<p>w</p>

展示效果

文本

w

<h>标签（标题标签）

<h>标签分1，2，3，4，5，6个级别每个级别对应一个大小，从大到小

<h1>标题</h1>
<h2>标题</h2>
<h3>标题</h3>
<h4>标题</h4>
<h5>标题</h5>
<h6>标题</h6>

展示效果

<a>标签（用于连接，属性为href）

href里填写链接地址

<a href="www.baidu.com">点这里</a>

展示效果

点这里

<br>标签（单标签，用于换行）

<p>1</p>
<br>
<p>2</p>

展示效果：

<head>标签（用于网站头部链接等）

具体格式见下

<title>标签（用于HTML题目）

<head>
    <title>欢迎来到网站</title>
</head>

展示效果

<body>标签（用于展示页面上的内容）

<body>
    <p>Hello,欢迎来到Web网站</p>
</body>

展示效果

Hello,欢迎来到Web网站

3.HTML基本格式

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>欢迎来到网站</title>
</head>
<body>
    <p>Hello,欢迎来到Web网站</p>
</body>
</html>

展示效果