HTML小练习 

 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
 2         "http://www.w3.org/TR/html4/loose.dtd">
 3 <html>
 4 <head>
 5     <title>我的网页</title>
 6 </head>
 7 <body>
 8     <!--标题标签-->
 9     <h1>一级标题</h1>
10     <h2>二级标题</h2>
11     <h3>三级标题</h3>
12     <h4>四级标题</h4>
13     <h5>五级标题</h5>
14     <h6>六级标题</h6>
15 
16     <!--段落标签 -->
17     <p>这是第一段</p>这是第二段
18     <!-- pre标签-->
19     <pre>
20         这
21                 里
22 
23             怎  么
24                         写
25         都 可以
26     </pre>
27     <!--换行标签-->
28    这里有需要换行<br>这里有需要换行<br>这里不需要换行     这里不需要换行
29     <br>
30 
31     <!--字符标签-->
32     这里需要五个&nbsp;空格 <br>
33     大于号 &gt; <br>
34     小于号 &lt; <br>
35     双引号 &ldquo;&rdquo;<br>
36     <!--无序列表 unorderList-->
37     <ul type="circle">
38         不加li的显示
39         <li>加li的显示1</li><li>加li的显示2</li><li>加li的显示3</li>
40         <!-- <li>是块标签-->
41     </ul>
42     <!--有序列表 orderList-->
43     <ol type="I">
44         <li>第一集
45             <ul type="disc">
46                 <li>第一节
47                     <ol type="a">
48                         <li>第一话</li>
49                         <li>第二话</li>
50                         <li>第三话</li>
51                         <li>第四话</li>
52                     </ol>
53                 </li>
54                 <li>第二节</li>
55                 <li>第三节</li>
56                 <li>第四节</li>
57             </ul>
58         </li>
59         <li>第二集</li>
60         <li>第三集</li>
61         <li>第四集</li>
62         <li>第五集</li>
63         <li>第六集</li>
64         <li>第七集</li>
65     </ol>
66     <!--定义标签-->
67     <dl>
68         <dt>苹果</dt>
69         <dd>这是一个苹果</dd>
70     </dl>
71     <!--加粗-->
72     <strong>这里需要加粗1</strong><br>
73     <b>这里需要加粗2</b><br>
74     <!-- 斜体-->
75     <i>这里必须是斜体1</i><br>
76     <em>这里必须是斜体2</em><br>
77     <!-- 图片-->
78     <img src="../myimg/1.jpg" width="60px" height="60px" title="我的图片" alt="无法显示图片"/>
79     <img src="../myimg/2.jpg" width="60px" height="60px" title="我的图片" alt="无法显示图片"/>
80     <img src="../myimg/3.jpg" width="60px" height="60px" title="我的图片" alt="无法显示图片"/>
81 
82 
83 </body>
84 </html>

 

posted @ 2016-10-28 08:03  爱吃胡豆  阅读(426)  评论(0)    收藏  举报