前言

编程语言的学习相对费事费力，尤其是对初学编程的朋友们。相比于其他编程语言，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标记语言 相关的学习资料网上很多，通过简单的学习和实际的上手操作，很短的时间内就可以掌握。希望笔者的简单介绍对您的学习有所帮助。

Reference

[1] https://www.runoob.com/html/html-tutorial.html
[2] https://www.w3school.com.cn/html/html_jianjie.asp
[3] 推荐工具：notepad++

1. 初识网页标记语言HTML—HTML简介相关推荐

html文档基本结构由哪三对,第3章网页制作及HTML语言基本结构简介.ppt
第三章网页制作与HTML语言基本结构简介本章提要静态网页与动态网页 Dreamweaver MX制作网页 HTML语言的基本结构 3.1网页制作概述 3.1.1静态网页与动态网页 1.静态网页 ...
040_初识 web 前端 HTML 超文本标记语言
文章目录 1. web前端开发技术 2. HTML 页面结构 3. HTML 标签 3.1 文本标签 3.2 换行标签 3.3 列表标签 3.3 div 和 span 标签 3.4 图片标签 3.5 ...
html语言简介 ppt,网页制作与HTML语言基本结构简介.ppt
网页制作与HTML语言基本结构简介.ppt 第三章网页制作与HTML语言基本结构简介本章提要静态网页与动态网页DreamweaverMX制作网页HTML语言的基本结构 3 1网页制作概述 3 1 1 ...
html超文本标记语言初级,超文本标记语言HTML之快速入门HTML简介、HTML入门
作为准备开始学习ASP.net的新手或者开发Internet应用程序的新手,诸如:PHP.Java等等,最基本的网页编程一定要掌握,新手往往出于急迫的心情与现实的考虑,不少人没有扎实的基础就想直接学习 ...
html标签数学标记语言MathML简介、工具及兼容
//zxx: 本文在Firefox或者Safari浏览器下浏览会有更好的体验. 一.MathML简介 MathML指"数学标记语言",是XML语言的一个子集,用来在web网页,甚至 ...
docbook_DocBook简介，一种值得学习的灵活标记语言
docbook 最初发明计算机是为了进行数学运算,并且它们确实做得很好. 但是不久之后,用户就可以将其未来派计算器重新用于精美的动态打字机中. 现在,人类可读的文本驱动了计算,因此为您编写的文本选择正 ...
html是一种用于创建网页的标准标记语言,html
HTML.XML.XHTML 有什么区别? HTML是一种用于创建网页的国际通用的标准标记语言,用来展示数据:XML是一种标记语言,由相关人士自由决定的标记语言,即语言的可拓展性,设计用来传输及携带数 ...
php中表格标记是,HTML标记语言——表格标记_HTML/Xhtml_网页制作
标准化设计解决方案 - 标记语言和样式手册 Web Standards Solutions The Markup and Style Handbook Part 1: Get Down With Ma ...
c 超文本标记语言,网页制作的超文本标记语言称为（） - 问答库
问题: [单选] 网页制作的超文本标记语言称为() A . HTML语言 B . VB语言 C . BASIC语言 D . C#语言如何创建报表? 孔孟 Your companys security ...
以下html标记语言表示网页标题的标记是,第8章 HTML标记语言.ppt
Target属性用于指定要在其中打开文档的框架的名称.创建框架时,需要设置Name属性.此名称用于创建链接时,设置链接目标.修改框架的内容后,原始的框架集定义将丢失.如果有多个链接指向同一个目标,可以 ...

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

1. HTML教程-简介

前言

一、什么是HTML？

二、简单的HTML例子

Reference

1. 初识网页标记语言HTML—HTML简介相关推荐

最新文章

热门文章