web前端开发技术实验与实践（第三版）储久良编著课外拓展训练1.2 设计彩色页面

最新推荐文章于 2025-04-24 17:27:43 发布

IDLE不是爱豆

最新推荐文章于 2025-04-24 17:27:43 发布

阅读量1.6k

点赞数

分类专栏：实训项目文章标签： html css web

本文链接：https://blog.youkuaiyun.com/weixin_61726211/article/details/123652891

版权

本文是《web前端开发技术实验与实践》第三版的课外拓展训练，重点介绍如何设计彩色页面。内容涵盖HTML的基本概念，以及如何使用HTML和CSS创建包含标题、水平分割线和段落的页面，通过实例代码和页面效果截图展示设计过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

课外拓展训练1.2 设计彩色页面

一、页面文字素材：

body的属性应用
在div中插入标题字、水平分割线和段落
设计彩色页面
HTML即超文本标记语言，是www的描述语言，由tim berners-lee提出。设计HTML语言的目的是为了能把存放在一台电脑中的文本或图形与另一台电脑中的文本或图形方便地联系在一起，形成有机的整体，人们不用考虑具体信息是在当前电脑上还是在网络的其他电脑上。

二、代码：

<!--
	程序名称：自定义模板
	程序功能：自定义模板
	设计人员：19xxxxxxx  xxx
	设计时间：2022/3/5/11/41
-->
<!doctype html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<meta name="Generator" content="">
		<meta name="Author" content="">
		<meta name="Keywords" content="">
		<meta name="Description" content="">
		<title>彩色页面</title>
		<style type="text/css">
			div{
				height: 250px;
				border: dotted;
				border-color: #660033;
			}
			p{
				text-indent: 2em;
			}
		</style>