HTML——初识html，元素属性段落文本格式化链接头部入门

来源：互联网发布：淘宝网靠枕编辑：程序博客网时间：2024/05/21 10:51

刚开始看html，比较乱，哈哈哈哈不管了~

测试代码：

<!DOCTYPE html><html><head><base href="http://avatar.csdn.net/D/D/2/" target="_blank"> <!--href默认的target=“_self”，即在相同的框架中打开被链接文档，要放在head中第一个位置--><meta http-equiv="content-type" content="text/html;charset=utf-8"><title>再见二逼K的html</title><style>h1 {color:red;}h2.color_h2 {color:green}<!--两种style格式--></style></head><body><h1>这里是标题1</h1><br> <!--这里是换行--><h2 class="color_h2">这里是          标题2</h2><!--只保留一个空格--><pre>此例演示如何使用 pre 标签对空行和    空格进行控制</pre><p>这里是段落</p><b>加粗文本</b><br><br><i>斜体文本</i><br><br><code>电脑自动输出</code><br><br>这是 <sub> 下标</sub> 和 <sup> 上标</sup><p>哈哈   <q>这里是块引用</q>嘿嘿</p><p>删除字效果： <del>删除</del> <ins>插入</ins>!</p><p>该段落文字从左到右显示。</p>  <!--默认的dir="ltr"--><p><bdo dir="rtl">该段落文字从右到左显示。</bdo></p> <p><a href="#C5",target="_self">查看章节 5</a><!--这里出了bug，因为加了base讲道理应该会跳到章节5--></p><h2>章节 1</h2><p>这边显示该章节的内容……</p><h2>章节 2</h2><p>这边显示该章节的内容……</p><h2>章节 3</h2><p>这边显示该章节的内容……</p><h2>章节 4</a></h2><p>这边显示该章节的内容……</p><h2><a id="C5">章节 5</h2><p>这边显示该章节的内容……</p><script>document.write("这里是script输出")<br></script><a href="http://blog.csdn.net/sinat_36053757">这是我的blog</a><!--URL链接--><br><a href="http://blog.csdn.net/sinat_36053757"><img src="1_sinat_36053757.jpg" width="150" height="150"/></a><p>这个图片能链接到我的blog</p><!--图片链接，即“http://avatar.csdn.net/D/D/2/1_sinat_36053757.jpg”这张图片（base中标签为页面上的所有的相对链接规定默认 URL 或默认目标。）--></body></html>

下面是结果：

0 0

HTML——初识html，元素 属性 段落 文本格式化 链接 头部入门

HTML——初识html，元素属性段落文本格式化链接头部入门