html基础20列
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>这是第一个页面</title>
</head>
<body bgcolor="#DCDCDC"#005CBF"背景色
<p>2.body 元素的内容会显示在浏览器中。</p>
<p>3.title 元素的内容会显示在浏览器的标题栏中。</p>
<p>4.这是段落。</p>
<p>5.这是段落。<sup>上标</sup></p>
<p>6.这是段落。<sub>下标</sub></p>
<p>7.段落元素由 p 标签定义。</p>
<p align="center">8.align="center"居中</p>
<p>9.hr下划线</p>
<hr/>
<p>10.br换行</p>
<p>
To break<br />lines<br />in a<br />paragraph,<br />use the br tag.
</p>
<pre>
11.这是pre标签很适合显示计算机代码
预格式文本。
它保留了 空格
和换行。
</pre>
<!--这是一段注释。注释不会在浏览器中显示。-->
<p>12.<!---->这是一段普通的段落。</p>
<address>13.此例演示如何在 HTML 文件中写地址。
Written by <a href="mailto:webmaster@example.com">Donald Duck</a>.<br>
Visit us at:<br>
Example.com<br>
Box 564, Disneyland<br>
USA
</address>
<p>13.abbr实现缩写,acronym首字母缩写。</p>
<abbr title="etcetera">etc.</abbr>
<br />
<acronym title="World Wide Web">WWW</acronym>
<p>在某些浏览器中,当您把鼠标移至缩略词语上时,title 可用于展示表达的完整版本。</p>
<p>仅对于 IE 5 中的 acronym 元素有效。</p>
<p>对于 Netscape 6.2 中的 abbr 和 acronym 元素都有效。</p>
<p>
14.使用 blockquote 元素的话,浏览器会插入换行和外边距,而 q 元素不会有任何特殊的呈现。
</p>
这是长的引用:
<blockquote>
这是长的引用。这是长的引用。这是长的引用。这是长的引用。
</blockquote>
这是短的引用:
<q>
这是短的引用。
</q>
<p>15.一打有 <del>二十</del> <ins>十二</ins> 件。</p>
<p>大多数浏览器会改写为del删除文本和ins下划线文本。</p>
<p>16.创建超链接
<a href="/index.html">href="/index.html"</a> 是一个指向本网站中的一个页面的链接。</p>
<p><a href="http://www.microsoft.com/">href="http://www.microsoft.com/"</a> 是一个指向万维网上的页面的链接。</p>
<p>
17.您也可以使用图像来作链接:
<a href="/example/html/lastpage.html">
<img border="0" src="./img/computer.png" />
</a>
</p>
<p>18.如果把链接的 target 属性设置为 "_blank",该链接会在新窗口中打开。</p>
<a href="http://www.w3school.com.cn/" target="_blank">Visit W3School!</a>
<p>
19.href="#C4"使用链接跳转至文档的另一个部分
<a href="#C4">查看 Chapter 4。</a>
</p>
<h2>Chapter 1</h2>
<p>This chapter explains ba bla bla</p>
<h2>Chapter 2</h2>
<p>This chapter explains ba bla bla</p>
<h2>Chapter 3</h2>
<p>This chapter explains ba bla bla</p>
<h2><a name="C4">Chapter 4</a></h2>
<p>This chapter explains ba bla bla</p>
<h2>Chapter 5</h2>
<p>This chapter explains ba bla bla</p>
<h2>Chapter 6</h2>
<p>This chapter explains ba bla bla</p>
<p>20.跳出框架target="_top",被锁在框架中了吗?</p>
<a href="/index.html"
target="_top">请点击这里!</a>
<p>
21.这是邮件链接:
<a href="mailto:someone@microsoft.com?subject=Hello%20again">发送邮件</a>
</p>
<p>
<b>注意:</b>应该使用 %20 来替换单词之间的空格,这样浏览器就可以正确地显示文本了。
</p>
</body>
</html>