1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > 1. 初识网页标记语言HTML—HTML简介

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

时间:2020-09-01 11:34:54

相关推荐

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

1. HTML教程-简介

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

欢迎学习交流!

邮箱:z…@1…

网站: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标记语言相关的学习资料网上很多,通过简单的学习和实际的上手操作,很短的时间内就可以掌握。希望笔者的简单介绍对您的学习有所帮助。

Reference

[1] /html/html-tutorial.html

[2] /html/html_jianjie.asp

[3] 推荐工具:notepad++

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。