首页 > 代码库 > 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第二节