2014年度辛星完全解读html第二节

来源：互联网发布：mybatis的sql语句like 编辑：程序博客网时间：2024/05/15 04:36

上面一节中我们介绍了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.例子比较简单，希望读者也可以跟着做一下。

1 0