Web开发基础-HTML-03

原创于 2018-06-16 17:33:20 发布 · 222 阅读

0 ·

CC 4.0 BY-SA版权

Web开发专栏收录该内容

108 篇文章

订阅专栏

本文介绍了一个简单的HTML页面布局实例，通过使用DIV元素实现logo区、内容区和版权区的划分。内容区展示了对iPhone 8 Plus手机特性的描述。

HTML常用标签【DIV元素】分区

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>分区</title>
	</head>
	<body>
		<!-- logo区 -->
		<div>
			<p>这里放一张图片</p>
		</div>
		
		<!-- 内容区 -->
		<div style="color:blue">
			<h1>iphone8_Plus</h1>
			<p>这是一个4G手机</p>
			<p>它的配置比8高</p>
		</div>
		
		<!-- 版权区 -->
		<div>
			<p>版权所有，违者必究。</p>
			<p>官网：www.apple.com</p>
		</div>
	</body>
</html>