一、标签概念:
之前我们说过,在HTML兴起后,网页开发人员开始为这一语言添加新特征,破坏了HTML的简单性,在浏览器如何显示网页这一问题上带来了不一致,导致了网页浏览器必须猜测如何显示网页,网业设计者不能确切的定义网页如何显示。 HTML标签便解决 了这个问题,它标记了一些文本,使网页浏览器能够识别这是哪种文本,进而正确的显示文本。HTML标签是用于指示如何显示网页部分的编码命令。
开始标签:指明HTML命令开始,命令影响的文本位于开始标签后;
结束标签:指明HTML命令结束,命令影响的文本位于开始标签前;
空标签:在页面发出一个HTML命令,而不包含任何文本的HTML标签。
二、应用效果:
1、代码部分:
2、效果图:
3、我们可以先用人做个比喻:
<html>告诉我们:嘿,这是一个人;
<head>告诉我们:哇哦,这是一个已经35岁的数学老师,家里有一个儿子,一个女儿。(这些内容不会从表面上显示给读者);
<body>告诉我们:嘻嘻,这个对象上面穿了一件T恤,下面是一条牛仔裤,看起来是个很阳光的老师,我的数学有救了。(本人自己的想象)
这样,整个人的形象就基本描述清楚了。但是,为了让这个人看着更加自然,好看,我们给他穿双鞋:
<footer>告诉我们,哈哈,这双鞋不错,是李宁牌的。
这样,从整体上,我们对一个人的形象大致上就描述清楚了。
三、具体解析:
1、<html >放到文章的开头,表明这是一个网页,当然</html>则表示网页的结束;
2、<head>标识文章的头部,是头部元素的容器。它描述了文档的各种属性和信息,包括文档的标题、在 Web 中的位置以及和其他文档的关系等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。
可以放在<head>中的标签有:
<base>, <link>, <meta>, <script>, <style>, 以及 <title>。
3、<body>:包含文档的所有内容(比如文本、超链接、图像、表格和列表等等。)
网页浏览器在网页顶部显示<title></title>之间的文本。
作用:可以在将网页加到浏览器的书签或收藏夹中时,标识网页;网页提供标题后便于访问网页的人将网页加到书签供以后使用。
4、<footer>标签定义文档或节的页脚。并不是必要元素,从生成的一个html网页最开始部分没有footer部分可以看出。在牛腩中,我们学过,用它来标记。
最后,HTML暂时了解到这里,接下来会在实践中继续学习。