首页 > 代码库 > HTML中一定会常用的标签和标签属性(这是网页构成的重要元素

HTML中一定会常用的标签和标签属性(这是网页构成的重要元素

这些标签是必须记住的而且是肯定会常用的

一、 换行               <br/>       

二、  空格               &nbsp;       

三、  段落               <p></p>      

四、 图片               <img src="http://www.mamicode.com/路径" title="图片标题" alt="加载不出来时显示的内容" />        

五、 超链接            <a href="http://www.mamicode.com/路径">要是用什么内容超链接(图片/文字)</a>           

六、表

<table> 表                     

<tr>行                           

<td>单元格                         

</td>单元格结束                

</tr>行结束                    

</table>表结束

下面这些时表格的属性

width=""     宽                                              align=""     水平位置                             valign=""   上下位置

height=""    高                                              background=""     背景图片                   bgcolor=""       背景色

border=""    表格边线                                     bordercolor=""      表格边线颜色              cellpadding=""   单元格内容到边线距离

cellspcing=""    单元格间距

七、表单12元素 (在做管理系统时必须用到的)

 <form action="服务器路径" method="pose(常用)/get(不常用)">

表单内容

</form>

(1)文本类

1、文本框:<input type="text"/> )        placeholder="" (灰色内容)        value=""(默认显示内容)

2、密码框:<input type="password"/>(输入内容显示●,长度不限制)placeholder="" (灰色内容)         value=""(默认显示内容,但是显示●)

3、文本域:<textarea></textarea>(多行文本,长度不限制)              placeholder="" (灰色内容)         

4、隐藏文本框:<input type="hidden"/>(计算机查看,用户看不到)

(2)按钮类

1、普通按钮:<input type="button"/>                              value=""  (按钮改名)                                      

2、提交按钮:<input type="submit"/>                            value=""   (按钮改名)    (刷新页面)                         

3、重置按钮:<input type="reset"/>                              value=""  (按钮改名)                                  

4、图片提交按钮:<input type="image" src="http://www.mamicode.com/路径"/>        

(3)选择类

1、单选:<input type="radio"/>            1.name="" (分组)     2.value="" (上传到服务器数据)    3. id="值" <label for="值">(图片/文字)</label> (点击文字也可选择)

2、多选:<input type="checkbox"/>     1.name="" (分组)     2.value="" (上传到服务器数据)    3. id="值" <label for="值">(图片/文字)</label> (点击文字也可选择)

3、下拉菜单:     

<select>                                           value="" (上传到服务器数据)

<option>值1</option>

<option>值1</option>

</select>

4、上传文件:<input type="file"/>      value="" (上传内容的路径)

八、标题标记   (自动换行)

<h1></h1>(大级标题) 字体最大        

<h2></h1>(二级标题)字体小

<h3></h1>(三级标题)字体更小

 .....    .....

<h6></h6>(六级标题)字体最小

九、层标签

1、<div>内容</div>             (一行不能有两个共存 )                                                                       

2、<span>内容</span>         (抽取内容可以在一个段落里面夹着,不会自动换行)      

3、列表

有序列表:

<ol type="a/1/I">             

<li>内容1</li>                                                                         

<li>内容2</li>                                          

</ol>

无序列表:                   

<ul type="circle">                                   

<li>内容1</li>                                  

<li>内容2</li>                                 

</ul>                               

HTML中一定会常用的标签和标签属性(这是网页构成的重要元素