感谢您的支持,我会继续努力的!
打开微信扫一扫,即可进行扫码打赏哦
点我查看本站打赏源码!
Powered by RUNCODEX.COM,学的不仅是技术,更是梦想!!!
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>我的html的第一页</title>
<style type="text/css">
h1{color:red;}
p{color:green;}
</style>
</head>
<body>
<abbr title="etcetera">etc</abbr>
<br/>
<acronym title="Word Wide Web">WWW</acronym>
<h1>我的第一个标题</h1>
<p>我的第一个段落</p>
<b>加粗文本</b>
<strong>这也是粗体</strong>
<i>这是斜体</i>
<em>这也是斜体</em>
<code>电脑自动输出<code>
<big>这是放大</big>
这是<sub>下标</sub>这是<sup>上标</sup>
<pre>
此案例用于演示如何用pre标签
对空行和 空格
进行控制
</pre>
<code>计算机输出</code>
<tt>打字机文本</tt>
<samp>计算机代码样本</samp>
<var>计算机变量</var>
<b>注释:</b>这些标签常用于计算机/编程代码
<address>
Written by <a href="123@163.com">SZL</a>
Visit us at:
USA
</address>
<p>该段落文字从左到右显示。</p>
<p><bdo dir="rtl">该段落文字从右到左显示。</bdo></p>
<p>我最喜欢的颜色是<del>蓝色</del><ins>红色</ins>。</p>
<a href="//www.runcodex.com/" target="_blank">访问菜鸟教程</a>
<p>创建图片链接:
<a href="https://www.baidu.com/"><img src="smiley.gif" alt="HTML 教程" width="32" height="32"></a>
</p>
<p>
<a href="#C4">查看章节2</a>
<h2>章节1</h2>
<p>这是章节1的内容...</p>
<h2><a id="C4">章节2</a></h2>
<p>这是章节2的内容...</p>
<a href="https://www.baidu.com/" style="text-decoration:none;">访问百度</a>
</body>
</html>
输入 JavaScript 代码……
xxxxxxxxxx
输入 CSS 代码……