1. 初识网页标记语言HTML—HTML简介

最新推荐文章于 2023-03-29 10:06:26 发布

独不懂

最新推荐文章于 2023-03-29 10:06:26 发布

阅读量1.7k

点赞数

分类专栏： HTML 文章标签： html html5 前端编程语言

本文链接：https://blog.csdn.net/NBDwo/article/details/111302712

版权

HTML 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

这篇博客介绍了HTML的基础知识，包括HTML是什么、它的特点以及如何通过HTML创建简单的网页。HTML是一种标记语言，用于描述网页内容。文章提供了一个简单的HTML例子，展示了如何创建标题和段落，并指出HTML支持六级标题。推荐使用Notepad++进行编辑。学习HTML可以帮助快速建立个人WEB站点。

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

欢迎学习交流！
邮箱： z…@1…6.com
网站： https://zephyrhours.github.io/

前言

编程语言的学习相对费事费力，尤其是对初学编程的朋友们。相比于其他编程语言，HTML作为一种超文本标记语言（Hyper Text Markup Language，简称：HTML）似乎更为简单，严格意义上讲，它并不算是一种编程语言，而是一种标记语言（makeup language）。从我的经历来讲，我感觉它更像markdown 和Latex 等工具，通过特定的语言格式，就可以对其进行排版和显示，最终呈现出一个完美的作品。

HTML与markdown 和Latex等富文本的不同之处在于：这是是一种用于创建网页的标准标记语言。通过HTML语言，你可以建立自己的 WEB 站点，创建自己的网页，然后以浏览器的格式打开，一个全新的高大上的界面就会展现在你的面前，真心的、非常的不错。

HTML 很容易学习！相信您能很快学会它！

一、什么是HTML？

简单来讲，HTML是描述网页的一种标记语言，它具有以下的几个特点：

HTML 是 超文本标记语言（Hyper Text Markup Language）
HTML 不是编程语言，而 是一种标记语言（markup language）
HTML 是一套标记标签（makeup tag），使用标记标签来描述网页

HTML作为文本描述语言, 它包含了 HTML标签 和 纯文本, 简单的理解就是 HTML 文本 = 网页，那么HTML标签又有什么特点呢？基本上可总结为如下：

HTML 标签是由尖括号包围的关键词，如: <html> , <h1> 和<b>等
HTML 标签通常成对出现, 如: <html>和 <\html>
标签对应的第一个标签是 开始标签，第二个标签是 结束标签
开始和结束标签页被成为 开放标签 和 闭合标签

二、简单的HTML例子

web 浏览器的作用就是读取HTML文档，并以网页的形式显示出它们。浏览不会显示HTML 标签，而是使用标签来解释网页的内容。

【例子1】

<html>
<body>
<h1>这是第一个标题标签</h1>
<p>这是段落标签</p>
</body>
</html>

【解释】

<html>与</html>之间的文表描述网页
<body>与</body> 之间的文本是可见的页面内容
<h1>与</h1>之间的文本被显示为标题，h1就是一级标题，h2就是二级标题
<p>与<p>之间的文本被显示为段落

将上述简单的HTML脚本复制粘贴在txt文本文档中，然后将其后缀修改为html之后，通过浏览器打开就可以看到具体效果，推荐大家使用Notepad++ 来进行打开和编写，这是一个非常不错的工具，可以用于各种程序的开发，和不同格式的文本文件的打开。具体显示效果如下：
在这里插入图片描述
同时为了更好探究HTML显示的不同级别的标题的区别，下面给一个简单展示，具体代码如下：
【例子2】

<html>
<body>
<h1>这是h1对应的标题标签大小</h1>
<h2>这是h2对应的标题标签大小</h2>
<h3>这是h3对应的标题标签大小</h3>
<h4>这是h4对应的标题标签大小</h4>
<h5>这是h5对应的标题标签大小</h5>
<h6>这是h6对应的标题标签大小</h6>
<h7>这是h7对应的标题标签大小</h7>
<h8>这是h8对应的标题标签大小</h8>
<h9>这是h9对应的标题标签大小</h9>
<h0>这是h0对应的标题标签大小</h0>
</body>
</html>

显示效果 如下：
从这个简单的代码，大家可以非常清晰的了解到HTML语言支持的标题共有6个级别：<h1>到<h6>，实际网页的编写中可以根据各自需求选取标题的大小。
在这里插入图片描述
关于 HTML标记语言 相关的学习资料网上很多，通过简单的学习和实际的上手操作，很短的时间内就可以掌握。希望笔者的简单介绍对您的学习有所帮助。