HTML学习2 附录代码

<html>
<head>
<title>This is the title</title>
    <meta http-equiv="Content-Type" content=
    "text/html;charset=utf-8"/>
</head>
<body>
<!--黑体-->
<b>This text is bold!</b>
<br/>
<!--粗体-->
<strong>This text is strong</strong>
<br/>
<!--强调-->
<em>This test is emphasized</em>
<br/>
<!--斜体-->
<i>This text is italic</i>
<br/>
<!--小体-->
<small>This test is small</small>
<br/>
<!--上标-->
<sup>This test is shnagbiao </sup>
<br/>
<!--下标-->
<sup>This test is xiabiao </sup>
<br/>

<!--以下是预处的文本-->
<pre>保留了
你想保留的任何格式      空格的数量  
回车的方式
</pre>
<p>预处理的格式非常适合计算机代码的输入</p>
<pre>
       for i=1to 10
             print i
                next i
</pre>

<!--以下是“计算机输出标签”标签-->
<code>Computer code</code>
<br />
<kbd>Keyboard input</kbd>
<br />
<tt>Teletype text</tt>
<br />
<samp>Sample text</samp>
<br />
<var>Computer variable</var>
<br />
<p>
<b>注释:</b>这些标签常用于显示计算机/编程代码。
</p>


<!--地址的书写-->
<address>
<!--注意<a   这其中的内容不显示 >-->
Written by <a href="mailto:[email protected]">Donald Duck</a>.<br> 
Visit us at:<br>
Example.com<br>
Box 564, Disneyland<br>
USA
</address>

<!--反向显示-->
<p>
<bdo dir="rtl">
abcdefghijklmnopqistuvwxyz
</bdo>
</p>
<!--HTML的引用-->
<blockquote>
这是长引用,使用blockquote的标签会使得网页在显示的时候,自动空出边框
这是长引用,使用blockquote的标签会使得网页在显示的时候,自动空出边框
这是长引用,使用blockquote的标签会使得网页在显示的时候,自动空出边框
</blockquote>
这是短引用
<q>
这是短引用,会自动添加双引号
</q>
<!--删除文本以及下划线文本-->
<p>删除线测试<del>测试</del><br/><hr/>下划线测试<ins>下划线</ins></p>
<p>大多数浏览器会改写为删除文本和下划线文本。
</p><br/><hr/>
<p>一些老式的浏览器会把删除文本和下划线文本显示为普通文本。
</p><br/><hr/>
</body>
</html>

猜你喜欢

转载自blog.csdn.net/qq_41705207/article/details/86652827
今日推荐