HTML5怎么制作固定格式的网页

2024-04-08 23:02:49

用HTML５布局一个网页，要求网页大小：宽度为1200PX 高度为900PX 边框为红色；
头部大小宽度为1200PX，高度为300px，边框颜色蓝色，主体内容分为两个：每一个宽度为400PX高度为400PX，边框颜色为水红色；第二个宽度为800px 高度为400px 颜色为黄色
页脚高度为200px 宽度为1200PX,边框颜色为绿色，具体方法如下

操作方法

01

首先输写CSS代码，设置网页的大小，所有内容居中对齐：
02

运行程序,结果如图：
03

在<body>标签里面输入<header>标签，并用Css设置头部大小（宽度为1200PX，高度为300PX），边框颜色等
04

运行程序，结果如图
05

在<body>标签里面输入<article>标签(注：在<article>标签要嵌入<section>标签，并为<section>设置浮动)，用Css为<article>标签和<section>标签设置大小，边框颜色等
06

运行程序，结果如图
07

在<article>标签再嵌入一个<div>标签，取一个ID名，用Css为<div>标签和<div>标签设置大小，边框颜色等，如图
08

运行程序，结果如图
09

最后设置用<footer>标签设置页脚
10

运行程序，结果如图
11

最后一步，也是最关键的一点，清除浮动，我们就可以在网页中输写内容了
12

运行程序，结果如图

赞 (0)

Pages怎么制作ePub格式电子书

前期准备既然涉及到电子书制作，首要任务当然是获得文本「原料」。如果你本身即是作者，那「原料」当然不成问题。但如若想要从技术教程或网络博客制作电子书，则多数情况下你获取到的可能为 TXT 格式文本甚至 ...
pages怎么制作.epub格式电子书

前期准备既然涉及到电子书制作，首要任务当然是获得文本「原料」。如果你本身即是作者，那「原料」当然不成问题。但如若想要从技术教程或网络博客制作电子书，则多数情况下你获取到的可能为 TXT 格式文本甚至 ...
固定格式的文本如何转换为Excel表格?

比如,有一个文本文件,它的名字是"通讯录.txt",它里面有标题行和内容行,每一行都由一个"竖线"字符(也就是英文字符"|")分隔.整个文件 ...
Win10系统下IE浏览器无法打开HTML格式的网页文件怎么办

有用户在使用Win10系统时,可能由于安装其他浏览器时错误操作,导致IE浏览器无法打开诸如HTML等一些格式的网页文件.HTML文件是由HTML命令组成的描述性文本,HTML文件是可以被多种网页浏览器 ...
umd 炮手(制作umd格式电子书)如何使用?umd炮手手机书制作详细教程

umd 炮手是一款可以帮助用户制作umd格式电子书的制作工具,用户通过该umd制作工具可以轻轻松松就完成一款电子书的制作,使用非常简单,操作也很方便,是用户制作电子书的好帮手,下面小编就为大家讲解UM ...
如何在WPS2019文档中新建制作20X20格式的作文稿纸

今天,小编给大家分享在WPS2019文档中新建制作20X20格式的作文稿纸的方法,希望对大家有所帮助.具体如下:1. 首先,请大家在自己的电脑中找到"WPS 2019"软件,点击进 ...
怎么用PS给图片转换GIF格式以及如何在手机上制作GIF格式图片

今天给大家介绍一下怎么用PS给图片转换GIF格式以及如何在手机上制作GIF格式图片的具体操作步骤.1.双击电脑上的PS图标,打开后,依次选择文件---导出---存储为 Web 所用格式.2. 接着在页 ...
如何在PS Photoshop中制作PNG格式的灰度图即灰阶图

我们在游戏中经常会看到一些地图展示,这就是灰度图,也叫灰阶图,今天就给大家介绍一下如何在PS Photoshop中制作PNG格式的灰度图即灰阶图的具体操作步骤.1. 首先打开电脑上的PS软件.2. 然 ...
可变数据软件如何制作特殊格式彩码

有的小伙伴可能有所了解,在可变数据软件中彩码颜色是通过颜色集和颜色码来控制的,一个颜色码控制一个数据的颜色,小编前两天遇到需要制作一组彩码,16位数据,不同的是彩码的数据是4个数字一组,每一组的颜色相 ...