首页 > 代码库 > 2014年度辛星完全解读html第二节
2014年度辛星完全解读html第二节
上面一节中我们介绍了HTML文件的书写和几个标签,接下来我们来认识几个其他的标签,这里我们主要介绍一下head标签和文本标签。
***************head标签************************
1.所谓head,就是头的意思,它可以包含若干子标签,它的内容是不会再浏览器的文本区域显示的,但是它的作用非常广泛,下面我们重点介绍一下它的子标签。
2.head标签可以包含title标签,上面我们已经看到了,而title标签就是在浏览器的标题栏显示的内容,这点我们上节说了。
3.link标签可以用于导入外部的资源文件,通常用于导入css文件和js文件,对于css和js,我们后面会介绍的,这里先给一个导入css的例子:
<head> <link rel="stylesheet" type="text/css" href="xinxing.css"> </head>
4.它还可以通过使用style标签来内置css,不过我本人不是很推荐这么做,这会使得文件过于臃肿。
5.meta标签,它是指的元数据,所谓元数据,就是可以用于描述网页的一些信息,比如指定编码方式、作者等等,下面这个例子就指定网页的编码格式使用gbk:
<head> <meta http-equiv="Content-Type" content="text/html"; charset="gbk"> </head>
比如下面我们定义了一个关键字,方便搜索引擎来抓取我们的页面:
<head> <meta name="keywords" content="辛星"> </head>
6.script元素,它用于加载Javascript脚本,我们后面再说。
************body标签***************
1.我们上面讲解了head标签,那么我们接下来讲解body标签,body标签中的内容是浏览器的主要显示部分。
2.除了我们上面讲解的几个标签,下面的标签都是body的子标签,就不一一介绍了。
**************标题*********************
1.我们用<h1></h1>标签中的内容来表示最大的标题,用<h2></h2>标签对来表示小一号的标题,这个数字是可以继续加下去的,一直加到<h6></h6>,它表示最小字号的标题。
2.标会使得文字变粗而且也会变大,但是不要单纯的让文字变粗变大而使用标题。
3.标题标签出现在body标签里面,因为它是可以直接显示在浏览器中的。
**************段落*********************
1.我们前面也说过了,我们用p标签表示段落。
2.我们可以用<strong></strong>标签对或者<b></b>标签对来让文本加粗,用<em></em>标签对或者<i></i>标签对让文本倾斜。
3.此外我们还可以用sub标签来定义下标字,用sup标签来定义上标字,用ins标签来定义插入字,用del标签来定义删除字。
4.下面是一个代码示例:
<body> 以前价格:<del>400元</del>现在价格:<strong>200元</strong> </body>
5.此外,我们可以用<br />来表示一个换行,当然老版的书籍上也会用<br>,我更推荐前者。
*************小结***************
1.本节我们认识了两个比较重要的标签,一个是head,另一个是文本标记的。
2.例子比较简单,希望读者也可以跟着做一下。
2014年度辛星完全解读html第二节