上篇说到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>标签包围即可。
浏览器中的效果:
关于<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>
网页效果如下:
我们看到,h1标题最大,h6标题最小,一般我们的内容显示的字体大小介于h3和h4之间,所以当你的网页内容中有需要用到醒目标题的地方,你就可以使用<h>标签符了。
关于<p>标签符,我也给大家举个例子,代码如下:
<html>
<head>
<title>p标签</title>
<head>
<body>
<p>虾米大王教你学编程系列</p>
<p>之</p>
<p>HTML入门基础</p>
</body>
</html>
效果如下:
大家可以看到,被一套<p></p>标签包起来的文字,是在一行内显示的,然后会自动换行,如果大家需要把一段文字表示为段落,可以直接使用<p>标签符。
另外,最后插一句,在这里给大家解释一个疑问,有的初学者说,我看到有些网页的程序代码都是大写的,这个是怎么回事呢?比如下面的代码:
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY>
</BODY>
</HTML>
因为html超文本标记语言,对于大小写不敏感,所以早期很多编程者的开发习惯是将标签符进行大写,但是我们中国人本身对英文单词就不是非常敏感,何况还是大写的英文单词,所以网页开发经过一段时间的发展后,由W3C组织,在发布新版本html标准时,建议编程者,在开发网页代码时,将标签符都按照小写,这也算是程序代码开发过程中的一种规范吧,请大家在学习和编写程序代码时,标签符都小写。