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

html常用标签

时间:2019-08-17 17:55:01      阅读:92      评论:0      收藏:0      [点我收藏+]

标签:pass   密码   设置   mit   相对   reset   阅读   换行   水平线   

 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>表示行内有几列,列1</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>

 

html常用标签

标签:pass   密码   设置   mit   相对   reset   阅读   换行   水平线   

原文地址:https://www.cnblogs.com/cty136/p/11336872.html

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