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

1. HTML教程-简介

  • 前言
  • 一、什么是HTML?
  • 二、简单的HTML例子
  • Reference

欢迎学习交流!
邮箱: 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 标签通常成对出现, 如: 和 <\html>
  • 标签对应的第一个标签是 开始标签,第二个标签是 结束标签
  • 开始和结束标签页被成为 开放标签闭合标签

二、简单的HTML例子

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

【例子1】

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

【解释】

  • 与之间的文表描述网页
  • 与 之间的文本是可见的页面内容
  • 之间的文本被显示为标题,h1就是一级标题,h2就是二级标题
  • 之间的文本被显示为段落

将上述简单的HTML脚本复制粘贴在txt文本文档中,然后将其后缀修改为html之后,通过浏览器打开就可以看到具体效果,推荐大家使用Notepad++ 来进行打开和编写,这是一个非常不错的工具,可以用于各种程序的开发,和不同格式的文本文件的打开。具体显示效果如下:
1. 初识网页标记语言HTML—HTML简介_第1张图片
同时为了更好探究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个级别:

,实际网页的编写中可以根据各自需求选取标题的大小。
1. 初识网页标记语言HTML—HTML简介_第2张图片
关于 HTML标记语言 相关的学习资料网上很多,通过简单的学习和实际的上手操作,很短的时间内就可以掌握。希望笔者的简单介绍对您的学习有所帮助。

Reference

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

你可能感兴趣的:(HTML,html,html5,前端,编程语言)