本文档详细介绍了一个简单的HTML页面结构，包括不同类型的文本格式化标签、图片链接、锚点使用及内部和外部链接等基本元素。
<!DOCTYPE html>
<html>
<head>
<title>这是HTML页面</title>
<meta charset="utf-8">
<meta name="content-type" content="text/html; charset=UTF-8">
<!-- <base href="http://www.runoob.com/images/" target="_blank"></base> -->
</head>
<body>
This is my HTML page. <br>
<h1 class="name" id="001" title="标题">只是标题1</h1>
<p>这是段落</p>
<font size="50">这是字体</font>
<hr color="#000000"><!-- 这是分隔线 -->
<a href="http://www.baidu.com">这是链接跳转</a>
<h2>这是标题2</h2>
<a href="http://www.baidu.com" target="_blank">
<img border="10" src="image/aac.jpg" width="100" height="100" ></img>
</a>
<p>
<b>这是加粗的字体</b>
<br>
<strong>这是文本加粗</strong>
<br>
<big>这是字体放大</big>
<br>
<em>这是文本斜体</em>
<br>
<i>这个文本是斜体</i>
<br>
<small>这个文本是缩小的</small>
<br>
这个文本是<sub>下标</sub>
这个文本是<sup>上标</sup>
<pre>
我可以检测到空格 的啊 回车
成功了 来几个空格 可以额啊
</pre>
<code>这是计算机输出</code>
<br>
<kbd>这是键盘输入</kbd>
<br>
<tt>打字机问本</tt>
<br>
<var>计算机变量</var>
</p>
<address>
我的邮箱<a href="mailto:qcg34cxy@126.com">点击跳转邮箱</a>
</address>
<!-- 当鼠标移动在上面的时候 可以显示title的内容 -->
<abbr title="鼠标放上去就可以看到我了">ect.</abbr><br>
<acronym title="鼠标放上去就可以看到我了">WWW</acronym>
<!-- 当鼠标移动在上面的时候 可以显示title的内容 -->
<p>“该文字是从左到右的。”</p>
<p><bdo dir="rtl">该文字是从右到左的。</bdo></p>
<p>我曾经说过:<q>一定得努力否则会后悔</q></p> <!-- 我曾经说过:“一定得努力否则会后悔” -->
<p>我是:<del>删除的文字</del> 我是:<ins>标识的文字</ins></p><!-- 我是:删除的文字 我是:标识的文字 -->
<a href="http://www.baidu.com" target="_blank">如果target设置为_blank将会打开一个新的页面</a><br>
<a id="tips">有用的提示部分</a>
<a href="#tips">访问有用的提示部分</a>
<a href="http://www.baidu.com#tisp" target="_blank">访问有用的提示部分</a>
<a href="/MyHtml.html" target="_blank">指向本站点的页面</a><br>
<a href="#3">到第3章</a>
<h1>第一章</h1>
<p> 莫一談</p>
<h1>第二章</h1>
<p> 莫一談</p>
<h1 id="3">第三章</h1>
<p> 莫一談</p>
<h1>第四章</h1>
<p> 莫一談</p>
<h1>第五章</h1>
<p> 莫一談</p>
<h1 id="l">第六章</h1>
<p> 莫一談</p>
</body>
<address>
<a href="mailto:qcg34cxy@126.com?Subject=你好啊" target="_top">发邮件</a>
</address>
<body>
<img src="logo.png"><!-- 因为头部 <base href="http://www.runoob.com/images/" target="_blank"></base> 指定了URL-->
</body>
</html>
扫一扫
评论
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
查看更多评论
添加红包
