今天主要深化一下HTML文档结构与基本语法,对以后网页开发打深基础。
例2-2
<html>
<head><title>文字网页</title></head>
<body>
<h2 align=center>唐诗欣赏</h2>
<hr width = "100%" size = "1" color = "#00ffee">
<p align = "center"><b><font size = "3">静夜思</font></b></p>
<p align = "center">
<font size ="2">李白</font><br/><br/>
<b>床前明月光,<br/>疑是地上霜。<br/>
举头望明月,<br/>低头思故乡。<br/>
</b>
</p>
<hr width = "100%" size = "1" color = "#00ffee">
<p>
<b>【简析】</b>这是写远客思乡之情的诗,诗以明白如话的语言雕琢出明净醉人的秋叶的意境。
</p>
<hr width = "400" size = "3" color = "#00ee99" align = "left">
版权©:版权所有,违者必究
<address>E-mail:1046052102@qq.com</address>
</body>
</html>
例2-3
<html>
<head><title>有序列表与无序列表</title></head>
<body>
<b>班级新闻</b>
<ul type="disc">
<li>最新课程表</li>
<li>关于普通话考试的通知</li>
<li>div+css高级应用学习</li>
</ul>
<hr width="100%" size="1" color="red">
<strong>报名</strong>
<ol type="A">
<li>报名时间:3月16-21日。</li>
<li>报名地点:院系办公室。</li>
<li>报名费用:按物价局规定85元/人/次。</li>
</ol>
</body>
</html>
例2-4
<html>
<head><title>超链接页面</title></head>
<h4>超链接标签的使用</h4>
<a href="http://www.mount-tai.com.cn/nature.shtml">
<hr width="100%" size="1" color="red">
<h4>图片链接标记的使用</h4>
<a href="http://www.mount-tai.com.cn/nature.shtml">
<img src="image/taishan.jpg" width="80px" height="80px" alt="请点击该图片">
</a>
<br/>泰山风景介绍
</body>
</html>