码迷,mamicode.com
首页 > Web开发 > 详细

HTML初学(1)

时间:2016-01-14 20:49:32      阅读:229      评论:0      收藏:0      [点我收藏+]

标签:

  这半个月来,边备考边看书,不知道学了多少,今天抽空将自己接触的代码罗列一下,算是一个复习吧。

 1 <!doctype html>
 2 <html>
 3 <head>
 4     <!--[if lt IE 9]>
 5         <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
 6     <![endif]-->                            <!--这段代码能让IE 6~IE 8用户浏览HTML 5网页-->
 7     <meta charset="utf-8">                    <!--设置语言编码格式为国际语言,能显示多种语言-->
 8     <title>无标题文档</title>                    <!--网页名称-->
 9 </head>
10 <body>
11     <p>分段功能</p>
12     换行功能<br/>
13     <!--注释文字-->
14     <!--[if IE]>只有IE浏览器会执行这里的语句<![endif]-->
15     <!--[if lt IE 9]>只有低于版本9的IE浏览器才会执行这里的语句<![endif]-->
16     <pre>文字按原始代码排列显示</pre>
17     <blockquote>分段并缩进</blockquote>
18     <hr/>                <!--分割线-->
19     <h1>段落标题</h1>
20     <font size="+1" color="#0F1183" face="楷体">
21         size为字体大小,默认为3,填相对或绝对值<br/>
22         color为字体颜色,填颜色名称或HEX码<br/>
23         face为字体类型,如楷体<br/>
24     </font>
25     <p><b>文字为粗体</b><br/>
26     <i>文字为斜体</i><br/>
27     <u>文字添加下划线</u><br/>
28     文字<sub>下标</sub><sup>上标</sup></p><br/>
29     <ul>
30         无序列表
31         <li>子内容</li>
32     </ul>
33     <ol type="1" start="1">
34         有序列表
35         <li>type为序号样式(1,a,A,i,I),默认为1</li>
36         <li>start为起始序号,默认为1</li>
37         <li>reversed为反向排序,无值</li>
38     </ol>
39     <dl>
40         定义列表
41         <dt>定义主题</dt>
42       <dd>定义内容</dd>
43     </dl>
44     <p>
45     特殊符号表示方法<br/>
46     大于号为&gt;<br/>
47     小于号为&lt;<br/>
48     双引号为&quot;<br/>
49     与号为&amp;<br/>
50     半角空格为&nbsp;<br/>
51     </p>
52     <img src="小表情 (1).jpg" width="118" height="166" alt="鼠标移动到图片时显示的文字"/>
53     <table border="1" cellpadding="1" cellspacing="1">
54     <!--border为表格外框线粗细(为0时消失),cellspacing为表格内外框线距离(为0时消失),cellpadding为表格内容与内框线距离(为0时消失)-->
55     <caption>表格标题</caption>
56     <tr>                            <!--tr为创建行,td为创建列-->
57         <td rowspan="2">合并上下行</td>
58         <th>th为粗体显示的td</th>
59         <td nowrap>nowrap为不自动换行</td>
60     </tr>
61     <tr>
62         <td colspan="2">合并左右列</td>
63     </tr>
64     </table><br/> 
65     <table border="0" cellpadding="0" cellspacing="0">
66     <tr>
67         <td><img src="小表情 (1).jpg"></td>
68         <td><img src="小表情 (2).jpg"></td>
69     </tr>
70     <tr>
71         <td><img src="小表情 (3).jpg"></td>
72         <td><img src="小表情 (4).jpg"></td>
73     </tr>
74     </table>
75 </body>
76 </html>

 

HTML初学(1)

标签:

原文地址:http://www.cnblogs.com/hwb04160011/p/5131541.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!