html常用标签 

 1 <!DOCTYPE html>
 2 <!--表示这是一段注释 -->
 3 <html lang="en">
 4 <head>
 5     <meta charset="utf-8">
 6     <title>学习html</title>
 7 </head>
 8 <body>
 9     <h1>标题有h1-h6,h1标题通常只有一个</h1>
10     <h2>不同的标题用不同的标签，字体依次缩小</h2>
11     <p>表示段落1,<br />表示段内换行</p>
12     
13     <p>表示段落2，空格符&nbsp;&nbsp;表示空格</p>
14     <p>span表示行内组合，<span>可以特殊显示段内某些特殊文字<span/>，结合css使用</p>
15     <pre>表示预留格式,包括空格、换行如下
16         for i = 1 to 10
17             print i
18         next i
19     </pre>
20     <hr />表示是水平线
21     <a href="http://www.baidu.com">表示链接百度，有文字或图片，以下多个链接默认为同一行，通过br标签换行</a><br />
22     <a href="html标签.html">链接本站其他网页，用相对路径</a>
23     <a href="#">表示虚拟超链接，即空链接</a>
24     <br />
25     <img src="路径+文件名，有绝对路径和相对路径，以当前网页所在文件夹HTML为起始点查找，以..表示上一层目录" alt="不能显示图片时，用文字代替图片，图片有jpg、gif、png格式"><br />
26     <img src="image/baidu.png" alt="baidu图片"><br />
27     <img src="../file/toutiao.png" alt="toutiao图片"><br />
28     <div ><!--区域标签，单独设置区域样式、排版布局 -->
29         <div align="center">
30         <h1>区域标题</h1>    
31         </div>
32         <div>
33             <ul><!--无序列表 -->
34                 <li>列表项，无序文字</li>
35                 <li>列表项，无序文字</li>
36             </ul>
37             <ol><!--有序列表 -->
38                 <li>列表项，有序文字</li>
39                 <li>列表项，有序文字</li>
40             </ol>
41         </div>    
42         <table border="1"><!--表格标签，border边框属性 -->
43             <tr>表示有几行
44                 <th>第一行通常为表头，用th标签</th>
45                 <th>表示行内有几列，列2</th>                
46             </tr>
47             <tr>
48                 <th>第一列通常为表头，用th标签</th>
49                 <td>表示行内有几列，列2</td>                
50             </tr>
51             <tr>
52                 <td>表示行内有几列，列1</td>
53                 <td>表示行内有几列，列2</td>
54             </tr>            
55         </table>
56         <br />
57         <form>表单标签<br />
58         <!--type="控件类型" value="传入数据库" name="给控件起名字"-->
59         账号：<input type="text" value="输入框默认值" name="文本框" /><br />
60         密码：<input type="password" value="值为空表示无默认值" name="密码框"><br />
61         <input type="submit" value="按钮名称" name="按钮"><br />
62         姓名：
63         <input type="text" name="myname">
64         <input type="submit" value="提交" name="提交按钮"/>
65         <input type="reset" value="重置" name="重置按钮"/>
66         <br/>
67         单选框：
68         男：<input type="radio" value="boy" name="checked表示为默认选中" checked="checked" />
69         女：<input type="radio" value="girl" name="checked表示为默认选中"/>
70         <br/>
71         复选框：
72         <!--value="表示出现在第几个位置"，name="名称"，checked="表示为默认选中"-->
73         <input type="checkbox" value="1" name="music" checked="checked"/>音乐
74         <input type="checkbox" value="2" name="sport" />体育
75         <input type="checkbox" value="3" name="reading" />阅读
76         <br/>
77         下列列表框：
78         <select>
79             <optgroup>下拉菜单里的分类
80             <option>选项1</option>
81             <option selected="selected">默认选项2</option>
82             <option>选项3</option>
83             </optgroup>
84         </select>
85         <br/>
86         文本域：
87         <!--rows="表示行数"，cols="表示列数"-->
88         <textarea rows="5" cols="20">在这里输入内容...</textarea>
89         <br/>
90         <input type="submit" value="提交" name="提交按钮"/>        
91     </form>
92     </div>
93 </body>
94 </html>

 

posted @ 2019-08-17 16:52  cty136  阅读(558)  评论(0)    收藏  举报