内容基于html标签结构。
h5标签:
诗标题用h1,分割线hr,文字p,斜体i,下划线u,删除线del。
特殊符号:
版权标识 &copy。
排版用css实现(行内样式很麻烦而且难改,不建议)。
css属性:文字位置(中左右)text-align,宽度width(用了占屏幕百分比),高度height(用了具体像素px值),颜色color,背景background(直接给分割线设置了背景灰色免得变矩形)。
css选择器:前面没有符号的是标签,有.是class,有#是id。
进一步内容可以查询有关概念或改动编码看其变化。
<!DOCTYPE html>
<html>
<head>
<title>山居秋暝</title>
<style type="text/css">
h1 {text-align:centercolor:red}
hr {width:50%height:3pxtext-align:centerbackground:grey}
footer {text-align:center}
.bluepoem {color:blue}
#author {text-align:right}
</style>
</head>
<body>
<header>
<h1>山居秋暝</h1>
<hr />
<p id="author"><i>唐 王维</i></p>
</header>
<div>
<p class="bluepoem">空山新雨后,天气晚来秋。</p>
<br />
<p><u>明月松间照,清泉石上流。</u></p>
<br />
<p class="bluepoem">竹喧归浣女,莲动下渔舟。</p>
<br />
<p><del>随意春芳歇,王孙自可留。</del></p>
</div>
<footer>
&copy版权所有 <网页设计与制作>
</footer>
</body>
</html>
<p style="display:blockwidth:50%float:leftheight:200pxbackground-color:#FF0000text-align:center">1</p><p style="display:blockwidth:50%float:leftheight:200pxbackground-color:#00FF00text-align:center">2</p>
DIV/块与上面方法相同
TABLE/表格,只要两个或多个表格宽度和不超过要显示区的宽度,就可以在一行中显示,居中可以放到CENTER标签中.
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)