从零开始学02 — 初识HTML
HTML即超文本标记语言,迄今已经是第5个版本,我们经常听见的H5就是HTML5。
回顾我们做的第一个页面,代码如下:
<html> <head> <title>这是标题</title> </head> <body> <h1>这是我的第一个网页</h1> </body> </html>
我们总结下规律:
首先我们发现像括号一样成对出现的五组字符,分别如下:
<html></html>
<head></head>
<title></title>
<body></body>
<h1></h1>
这些字符并未在浏览网页时显示,而只显示了中间的文字部分。从浏览器里看到的结果来说如下图所示,注意别漏掉标题栏:
注意:会有一些HTML单标签哦,比如<img> <br>等
其次我们看到它们是有一定关系的,而且如果你懂简单英语,你会模糊的认识到一些这种关系,这里我来解释一下:
这些捉对儿出现的字串叫做HTML标签,用来标记期间的文本内容的。比如<html></html>标记这是一个网页文档;<head></head>代表网页文档头部内容;头部内容包含<title></title>标题;<body></body>则是文档的主体。以上四个标签是构成网页的最基础内容,<h1></h1>则是代表网页内容中的一号标题(一共6号标题哦,可以试试)。
通过以上观察你能总结出来,网页文档是由标签标记文字来运作的,现在知道为什么叫标记语言了吧,至于为什么是超文本,想想我们平时接触的网页可不仅仅是文字,还包括图片、声音、视频等,这些都通过HTML标签组织起来的,自然是名副其实的超文本吧!
小练习:
1.百度百科搜索HTML,详细阅读下该词条
2.HTML标签认识的越多,你的网页越丰富,去网上找一找,自己试试看,能把你的第一个网页丰富到什么程度!