<!DOCTYPE html>
<html lang="en">
<head>
<meta charset = "utf-8">
<title>
Sugar's page
</title>
</head>
<body>
<h1>This is the first header</h1> <!--标题-->
<p>
This is a paragraphs. <!--段落-->
<br> <!--空行-->
This is a next line
<br>
Hi!
</p>
<blockquote>> <!--引用-->
It' a lone life.
<cite>By sugar</cite> <!--出处-->
</blockquote>
<p>Click me <a href="2.html">here</a> to view a page</p> <!--链接到另一页面-->
<p><a href="http://www.baidu.com">百度</a></p> <!--链接到网页-->
<p>
<img src='1.jpg' title="a text" width="200"> <!--放置图片-->
</p>
<p>
<a href="http://www.baidu.com"><img src='1.jpg' width="200"/></a> <!--图片链接-->
</p>
</body>
</html>
输出效果:
Sugar's页面展示了HTML的基本结构与应用,包括标题、段落、引用、链接和图片的使用。文章通过实例演示了如何创建交互性的网页内容,包括链接到另一个页面和外部网站,以及如何在网页中嵌入图片。

319

被折叠的 条评论
为什么被折叠?



