上篇说到html的代码主体分两个部分,一个部分是head,另一个部分是body,今天这篇我们先说body部分,以后我们再说head部分。

 

在body部分中,编写的代码就是我们需要呈现在浏览器页面中的内容。下面举例说明:

<html>  <head>    <title>body标签</title>  </head>  <body>    <h3>静夜思</h3>    <p>床前明月光,</p>    <p>疑是地上霜,</p>    <p>举头王明月,</p>    <p>低头思故乡。</p>  </body></html>

 

行3:<title>标签是在<head>部分中最常用的一项,用来显示浏览器的页面头部标题内容的;

行5至行11:是body的主体部分,之间包含的内容就是网页显示的内容;

行6:<h>标签符表示的意思是内容作为小标题使用,后缀数字表示字体的大小,从大到小排列一共六种,分别是<h1>,<h2>,<h3>,<h4>,<h5>,<h6>;

行7至行10:<p>标签符表示的是文字的段落,会自动换行,需要表示多个段落时,各段落使用一套<p></p>标签包围即可。

 

浏览器中的效果:

HTML入门基础(004)_html

HTML入门基础(004)_h5_02

关于<h>标签符,我举个例子,代码如下:

 

<html>  <head>    <title>h标题</title>  </head>  <body>    <h1>这是h1标题,请看字体大小。</h1>    <h2>这是h2标题,请看字体大小。</h2>    <h3>这是h3标题,请看字体大小。</h3>    <h4>这是h4标题,请看字体大小。</h4>    <h5>这是h5标题,请看字体大小。</h5>    <h6>这是h6标题,请看字体大小。</h6>  </body></html>

 

网页效果如下:

 

 

HTML入门基础(004)_程序代码_03

我们看到,h1标题最大,h6标题最小,一般我们的内容显示的字体大小介于h3和h4之间,所以当你的网页内容中有需要用到醒目标题的地方,你就可以使用<h>标签符了。

 

关于<p>标签符,我也给大家举个例子,代码如下:

 

<html>  <head>    <title>p标签</title>  <head>  <body>    <p>虾米大王教你学编程系列</p>    <p>之</p>    <p>HTML入门基础</p>  </body></html>

 

效果如下:

 

HTML入门基础(004)_html_04

 

大家可以看到,被一套<p></p>标签包起来的文字,是在一行内显示的,然后会自动换行,如果大家需要把一段文字表示为段落,可以直接使用<p>标签符。

 

另外,最后插一句,在这里给大家解释一个疑问,有的初学者说,我看到有些网页的程序代码都是大写的,这个是怎么回事呢?比如下面的代码:

​​​​​​​​​​​​​​

<HTML>  <HEAD>    <TITLE></TITLE>  </HEAD>  <BODY>  </BODY></HTML>

 

因为html超文本标记语言,对于大小写不敏感,所以早期很多编程者的开发习惯是将标签符进行大写,但是我们中国人本身对英文单词就不是非常敏感,何况还是大写的英文单词,所以网页开发经过一段时间的发展后,由W3C组织,在发布新版本html标准时,建议编程者,在开发网页代码时,将标签符都按照小写,这也算是程序代码开发过程中的一种规范吧,请大家在学习和编写程序代码时,标签符都小写。

 

HTML入门基础(004)_程序代码_05