0
点赞
收藏
分享

微信扫一扫

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

花海书香 2022-03-25 阅读 211
htmlcssweb

课外拓展训练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>
	</head>
	<body text="#ffffff" bgcolor="#6633ff" topmargin="50px" leftmargin="50px">
			<a>body的属性应用</a>
			<div>
				<a>在div中插入标题字、水平分割线和段落</a>
				<h2>设计彩色页面</h2>
				<hr color="#00ff00">
				<p align="left">
					HTML即超文本标记语言,是www的描述语言,由tim berners-lee提出。设计HTML语言的目的是为了能把存放在一台电脑中的文本或图形与另一台电脑中的文本或图形方便地联系在一起,形成有机的整体,人们不用考虑具体信息是在当前电脑上还是在网络的其他电脑上。
				</p>
				<hr color="#ff0066">
			</div>
	</body>
</html>

三、页面效果截图:

 

举报

相关推荐

0 条评论