HTML入门基础(004)

上篇说到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标准时,建议编程者,在开发网页代码时,将标签符都按照小写,这也算是程序代码开发过程中的一种规范吧,请大家在学习和编写程序代码时,标签符都小写。

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

虾米大王

有你的支持,我会更有动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值