首页 理论教育 HTML5开发中的设置页面正文

HTML5开发中的设置页面正文

时间:2023-10-26 理论教育 版权反馈
【摘要】:页面的正文是网页的主体,通过正文可以向浏览者展示页面的基本信息。页面正文内容页面正文位于头部之后,“”标示正文的开始,“”标示正文的结束。正文body通过其本身的属性实现指定的显示效果,body的常用属性如表2-4所示。在接下来的内容中,将通过一个具体实例来讲解设置网页正文的方法。要想在正文中显示不同的文本内容,可以直接在代码中的标记之间输入需要的内容。

HTML5开发中的设置页面正文

页面的正文是网页的主体,通过正文可以向浏览者展示页面的基本信息。正文定义了网页上显示的主要内容与显示格式,是整个网页的核心。在HTML 5中设置正文的标记是“<body>..</body>”。其具体使用的语法格式如下。

<body>页面正文内容</body>

页面正文位于头部之后,“<body>”标示正文的开始,“</body>”标示正文的结束。正文body通过其本身的属性实现指定的显示效果,body的常用属性如表2-4所示。

表2-4 body常用属性列表

978-7-111-53392-4-Part02-28.jpg

"body"属性中的颜色取值既可以是表示颜色的英文字符,例如“red”(红色),也可以是十六进制颜色值,例如“#9900FF”。

在接下来的内容中,将通过一个具体实例来讲解设置网页正文的方法。

978-7-111-53392-4-Part02-29.jpg

实例文件4.html的主要代码如下。

978-7-111-53392-4-Part02-30.jpg

执行后的效果如图2-4所示,从显示效果中可以看出,页面正文内容将在浏览器主体界面中显示。(www.xing528.com)

和前面介绍的头部元素不同,正文信息将在页面的主题位置显示出来。作为网页主体内容的<body>部分将直接显示在浏览器的窗口中,它里面的内容直接影响着整个网页的好坏,在网页设计中起着至关重要的作用。

在开始编写具体页面内容之前,我们需要对页面进行整体的基本规划和设置,例如整个页面的背景色、背景图案、前景(文字)色、页面左/上边距大小等等。在HTML中,需要用表2-4 内指定参数来设置。

要想在正文中显示不同的文本内容,可以直接在代码中的<body></body>标记之间输入需要的内容。例如,想在网页正文中显示“这是正文”四个字,可以通过下面的代码实现。

978-7-111-53392-4-Part02-31.jpg

此时的执行效果如图2-5所示。

978-7-111-53392-4-Part02-32.jpg

图2-4 执行效果

978-7-111-53392-4-Part02-33.jpg

图2-5 执行效果

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

我要反馈