HTML的基础操作:

 1 <title>夏游</title>
 2 </head>
 3 <body bgcolor="#FFFF00" topmargin="100px" leftmargin="100">
 4 <a name="top"></a>今天&nbsp;天气不错   挺适合出去游玩!<br />
 5 <br />
 6 <br>
 7 <br />
 8 <font color="#003366" size="+3" face="Verdana, Geneva, sans-serif">
 9 格式控制标签:<br />
10 <b>文字加粗方式1,b标签</b><br />
11 <strong>文字加粗2,strong标签</strong><br />
12 <i>文字倾斜方式1,i标签</i><br />
13 <em>文字倾斜方式2,em标签</em><br />
14 <u>文字加下划线,u标签</u>
15 12345<center>center标签居中标签,若前后有其他,执行前后换行,保证自身是一个整体,然后进行居中显示</center>12345<br />
16 <br />
17 <br />
18 内容容器标签:<br />
19 123<p>p标签,段落标签,默认前后若有其他,执行前后换行,并且空开一行,保证自身是一个整体</p>456
20 456<ol>ol,有序列表
21 <li>默认自带序号</li>
22 <li>自动换行</li>
23 <li>默认前后若有其他,执行前后换行,并且空开一行,保证自身是一个整体</li>
24 </ol>
25 <ul>ul,无序列表
26 <li>默认不自带序号</li>
27 <li>自动换行</li>
28 <li>默认前后若有其他,执行前后换行,并且空开一行,保证自身是一个整体</li>
29 </ul>
30 789
31 <a href="http://www.baidu.com/" target="_blank">百度一下</a><br />
32 <a href="http://www.qq.com/" target="new"><img src="file:///C|/Users/Administrator/Desktop/音乐/双子座.jpg" height="100" title="这是一张图" alt="zheshiyizhangtu" /></a>
33 </font>
34 <h1>h1---h6标签,标题格式标签</h1>
35 <h2>重要性依次减小,一个比一个小</h2>
36 <h3>前后若有其他,执行前后换行,并且空开一行,保证自身是一个整体</h3>
37 <h4>标题是在默认的大小的基础上执行的增加或减小多少个尺寸</h4>
38 <div style="background-color:#0C3;">div层标签就是一个小的body,body里面有的都可以放进层标签,默认占用一整行</div>
39 <span style="background-color:#C00;">span层标签,默认用多少占多少</span><br />
40 <br />
41 <br />
42 <table width="360" height="90" border="1" cellpadding="0" cellspacing="0">
43 <tr align="center">
44 <td width="120" colspan="2"><a href="http://www.baidu.com">汽车之家</a></td>
45 <td width="120">智联招聘</td>
46 </tr>
47 <tr align="center">
48 <td rowspan="2">聚美优品</td>
49 <td>京东</td>
50 </tr>
51 <tr align="center">
52 <td>淘宝</td>
53 <td>亚马逊</td>
54 </tr>
55 </table>
56 <a href="#top">返回最顶端</a>
57 </body>

 

posted on 2016-05-18 21:21  马MZJ  阅读(161)  评论(0编辑  收藏  举报