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++