本文档介绍了一个简单的HTML/CSS布局练习案例，包括基本的HTML标签使用如标题标签、段落标签等，并演示了如何定义一个全屏宽度且绝对定位的`div`元素以及文本对齐方式。
/*
*Copyright (c)
*All rights reserved.
*文件名称: class1.html
*作者: 郭栋
*完成日期:2018年 8月10日
*版本号:v1.0
*问题描述:简单的HTML/CSS 布局练习，没什么难度不多说
*输入描述:
*程序输出
*/
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
div{
width: 100%;
position: absolute;
background-color: aqua;
}
h{
text-align: left;
}
</style>
</head>
<body>
<a href="http://www.baidu.com">百度</a>
<a href="#"> 空地址</a>
<a href="http://www.baidu.com" title="测试文本" >百度</a>
<div> 标题
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>
<P>普通文字</P>
</div>
<img src="img/eg1.gif" title="测试" alt="图片未显示">
<img src="../img/eg1.gif" title="测试" alt="图片已损坏">
</body>
</html>
心得体会：又一遍系统的重新开始，内容比较松散简单，以后感想什么的有了再说吧
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
