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

HTML

时间:2015-07-02 09:50:26      阅读:151      评论:0      收藏:0      [点我收藏+]

标签:

一、基本标签

(一)格式标签(例:word工具条)

1.<fount>:face属性 size属性 color属性

2.<b></b>

3.<i></i>

4.<u></u>

5.<br />

(二)内容标签(模型:QQ新闻页面)

1.<h1></h1>...<h6></h6>

2.<p></p>

3.<ul></ul> <ol></ol> <li></li>

4.<div></div> <span></span>

二、常用标签

(一) 超链接<a></a>

1.超链接文字---中间的内容

2.超链接的导向地址---href属性

3.target属性---_blank属性 在新窗口打开/_self属性 在自身窗口打开

(二) 图片<img />

1.图片的路径---src属性

2.图片的大小---width属性 height属性

(三) 图片超链接<a> <img /> </a>

三、表格<table></table>

(一) <table></table>

1.常用(必记)

width属性 border属性 cellpadding属性 cellspacing属性

2.背景属性

backgroung属性 bgcolor属性

3.对齐属性

align属性--水平对齐:center居中 left居左 right居右

(二) <tr></tr>

1.常见属性:height属性

2.背景属性:background属性 bgcolor属性

3.对齐属性

align属性--水平对齐:center居中 left居左 right居右

valign属性--竖直对齐:top居上 middle居中 bottom居下

(三) <td></td>

1.常见属性:width宽度 height高度

2.背景属性:background属性 bgcolor属性

3.对齐属性

align属性--水平对齐:center居中 left居左 right居右

valign属性--竖直对齐:top居上 middle居中 bottom居下

4.合并属性:rowspan合并行 colspan和并列

四、表单

(一) 表单元素<form></form> 

id name action--负责处理的服务端 method--提交方式

(二) 表单成员 

1.文本类

文本框:<input type="text" id="" name="" value="" size="" maxlength=""/>

密码框:<input type="password" id="" name="" value="" size="" maxlength=""/>

文本域:<textarea id="" name="" rows="" cols=""></textarea>

隐藏域:<input type="hidden" id="" name="" value=""/>

2.按钮类

提交按钮:<input type="submit" id="" name="" value="" disabled=""/>

重置按钮:<input type="reset" id="" name="" value="" disabled=""/>

普通按钮:<input type="button" id="" name="‘value="" disabled=""/>

图片按钮:<input type="image" id="" name="‘ src="" disabled=""/>

3.选择输入

单选按钮组:<input type="redio" id="" name="" value="" checked=""/>

复选框组:<input type="checkbox" id="" name="" value="" checked=""/>

下拉列表框:<select id="" name="‘ size="" multiple="‘></select>   子元素:<option value="" selected=""></option>

文件上传:<input type="file" id="" name=""/>   

HTML

标签:

原文地址:http://www.cnblogs.com/qianxiaojinnian/p/4588077.html

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