HTML常用标记

换行               <br/>       

空格                       

 段落               <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)文本类

I。文本框:<input type="text"/> (不可调节大小,显示输入内容,长度不限制)        placeholder="" (灰色内容)        value=""(默认显示内容)

II。密码框:<input type="password"/>(不可调节大小,输入内容显示,长度不限制)placeholder="" (灰色内容)         value=""(默认显示内容,但是显示

III。文本域:<textarea></textarea>(可调节大小,多行文本,长度不限制)              placeholder="" (灰色内容)         

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

2)按钮类

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

提交按钮:<input type="submit"/>                            value=""   (按钮改名)                             

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

图片提交按钮:<input type="image" src="路径"/>        

选择类

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

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

下拉菜单:     

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

<option>1</option>

<option>1</option>

</select>

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

8,标题标记   (自动换行)

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

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

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

 .....    .....

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

层标签

I<div>内容</div>             (抽取内容自成一行,完成后自动换行 )                                                                       

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

10,列表

I。有序列表:

<ol type="a/1/I">             显示:             type="a"                   "1"                                     "I"

<li>内容1</li>                                       a.内容1                        1. 内容1                            I.内容1                                      

<li>内容2</li>                                       b. 内容2                       2.  内容2                          II.内容2           

</ol>

无序列表:                    显示:

<ul type="circle">                            . 内容1            

<li>内容1</li>                                  . 内容

<li>内容2</li>                                 

</ul>                               

 

posted @ 2017-03-23 10:05  恶耀恢宏  阅读(191)  评论(0编辑  收藏  举报