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

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

时间:2017-03-22 23:07:58      阅读:162      评论:0      收藏:0      [点我收藏+]

标签:action   method   mit   按钮   输入   set   路径   span   ext   

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

一、 换行               <br/>       

二、  空格               &nbsp;       

三、  段落               <p></p>      

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

五、 超链接            <a href="路径">要是用什么内容超链接(图片/文字)</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="路径"/>        

(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中一定会常用的标签和标签属性(这是网页构成的重要元素

标签:action   method   mit   按钮   输入   set   路径   span   ext   

原文地址:http://www.cnblogs.com/zhulijun/p/6602179.html

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