html基础篇

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 <html xmlns="http://www.w3.org/1999/xhtml">
 3 <head>
 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 5 <title>淄博汉企</title>
 6 </head>
 7 
 8 <body bgcolor="#00FFCC">     //bgcolor为背景色
 9 <a name="top"></a>     
10 今天<br>         //br换行
11&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />不错。<br />
12 <br />
13 <font size="45" color="red">   //font设置字体
14 字体格式控制标签:<br />
15 <b>文字加粗方式1,b标签</b><br />
16 <strong>文字加粗方式2,strong标签</strong><br />
17 <i>文字倾斜方式1,i标签</i><br />
18 <em>文字倾斜方式2,em标签</em><br />
19 <u>文字加下划线,u标签</u>
20 123<center>居中标签,center,默认,前后若有其他,执行前后换行,保证自身是一个整体,然后进行居中显示。</center>456<br />
21 <br />
22 内容容器标签:<br />
23 123<p>p标签,段落标签,若前后有其他,执行前后换行,并且空开一行,保证自身是一个整体,</p>456
24 <ol>ol有序列表
25 <li>默认自带序号</li>
26 <li>自带换行</li>
27 <li>若前后有其他,执行前后换行,并且空开一行,保证自身是一个整体</li>
28 </ol>
29 <ul>ul无序列表
30 <li>默认不自带序号</li>
31 <li>自带换行</li>
32 <li>若前后有其他,执行前后换行,并且空开一行,保证自身是一个整体</li>
33 </ul>
34 <a href="http://www.baidu.com" target="_top">百度一下</a><br />     //a href加超链接
35 <img src="123.jpg" title="这是两个美女" alt="zheshilianggemeinv" /><br /><br />       //img为贴图
36 
37 <a href="http://www.qq.com"><img src="123.jpg" width="104" /></a><br /><br />
38 
39 <img src="123.jpg" width="100" height="200" />      //width和height为属性,这里是设置图片大小
40 
41 
42 </font>
43 <h1>h1~h6标签,标题控制标签</h1>
44 <h2>若前后有其他,执行前后换行,并且空开一行,保证自身是一个整体</h2>
45 <h3>重要性依次递减</h3>
46 <h4>依附于现有的默认尺寸,进行增加或减小</h4>
47 <div style="background-color:#0F0">div层标签,默认一上来就占用一整行</div>
48 <span style="background-color:#CF0">span层标签,默认使用多少就占用多少</span><br />
49 <br />
50 <table align="center" width="480" height="120" border="1" cellpadding="0" cellspacing="0">
51 <tr align="center">
52 <td width="120"><a href="http://autohome.com">汽车之家</a></td>
53 <td width="120">易车网</td>
54 <td colspan="2">新浪汽车</td>
55 </tr>
56 <tr align="center">
57 <td>58同城</td>
58 <td>赶集网</td>
59 <td rowspan="2" bgcolor="#FF0033">京东</td>
60 <td>安居客</td>
61 </tr>
62 <tr align="center">
63 <td>天猫</td>
64 <td>聚美优品</td>
65 <td>唯品会</td>
66 </tr>
67 </table>
68 
69 
70 
71 <br />
72 
73 <a href="#top">返回最顶端</a>
74 </body>
75 </html>
原文地址:https://www.cnblogs.com/blueteasama/p/5669710.html