html_属性标签

Hyper text markup language

超文本标记语言。超文本：超链接。（实现页面跳转）

1、内使用一些标签

1.1 关键字

<meta name="keywords" content="Java培训,Android培训,安卓培训,PHP培训,C++培训,iOS培训,网页设计培训,平面设计培训,UI设计培训,游戏开发培训,移动开发培训,网络营销培训,web前端培训">

1.2 网页描述

<meta name="description" content="传智播客，据说是中国最靠谱的IT培训机构！">

1.3 网页重定向

<meta http-equiv="refresh"  content="5; http://www.itcast.cn">
5秒后自动调转到http://itcast.cn 这个网站

1.4 链接外部样式表文件

<link rel="stylesheet" href="1.css">

1.5 icon图标

<link rel="icon" href="favicon.ico"> 

2、表格

2.1 格式

<table>    表格
    <tr>       行
        <td></td> 列
        <td></td>
        <td></td>
    </tr>
</table>

2.2 属性

属性:border=”1” 边框,width=”100”宽度,height=”120”高度,cellspacing=”2”单元格与单元格的距离,cellpadding=”2”内容距边框的距离,align=”left|right|center”,bgcolor=”red” 背景颜色,

2.3表头和单元格合并

<caption>表头显示</caption>  
colspan="2" 合并同一行上的单元格；rowspan="2"合并同一列上的单元格

2.4 表格标题

<th>表格标题</th> 用法和td一样
标题的文字自动加粗水平居中对齐

2.5 边框颜色

bordercolor=”red” 边框的颜色

2.6 内容垂直对齐方式

valign=”top|middle|bottom”顶部|中间|底部

2.7 水平对其方式

align=”left|centrer|right” 左边|居中|右边

3、表格

3.1 表单域

<form action="1.php" method="get">   </form>
属性：action 处理信息；method="get|post"
    get 通过地址栏提供(传输)信息，安全性差。
    post 通过1.php 来处理信息，安全性高。

3.2 表单信息分组

<form action="1.php" method="post">
    <fieldset>  对表单信息分组
        <legend> 表单信息分组名称</legend>
    </fieldset>
</form>

3.3文本输入框

<用户名:<input type="text" maxlength="6" readonly="readonly" disabled="disabled" name="uername" value="大前端">
maxlength="6" 限制输入字符长度
readonly="readonly" 将输入框的设置为只读状态(不能编辑)
disabled="disabled" 输入框未激活状态
name="uername" 输入框的名称
value="大前端" 将输入框的内容传给处理文件

3.4 密码输入框

密码:<input type="password" name="pwd">

3.5 单选框

<input type="radio" name="gender" checked="checked">男
只有将name的值设置相同的时候，才能实现单选效果 checked="checked" 设置默认选择项

3.6 下拉列表

<select>  
    <optgroup label="北京市">
        <option>朝阳区</option>
        <option>昌平区</option>
    </optgrounp>
</select>    下拉列表分组
<select multiple="multiple">  
    <option selected="selected">下拉列表选项</option>
</select>   多选下拉框
属性：
Multiple=”multiple”  将下拉列表设置为多选项
Selected=”selected”  设置默认选中项目
Label=””  分组名称。

3.7 多选框

<input type="checkbox" checked="checked">喝酒
<input type="checkbox"  checked="checked">抽烟
Checked=”checked” 设置默认选中项

3.8 多行文本框

<textarea cols="130" rows="10"> </textarea>
cols 控制输入字符的长度
rows 控制输入的行数

3.9 常用控件按钮

文件上传控件  <input type="file">
文件提交按钮  可以实现信息提交功能<input type="submit"> 
普通按钮   不能提交信息，配合JS使用<input type="button" value="普通按钮"> 
图片按钮   图片按钮可以实现信息提交功能<input type="image" src="按钮.jpg"> 
重置按钮  将信息重置到默认状态<input type="reset">​

3.10 html5新增表单控件

网址控件 <input type="url">
日期控件<input type="date">
时间控件 <input type="time" 
邮件控件 <input type="email"
数字控件一次跳跃的步数为5<input type="number" step="5">
滑块控件 一次滑动的步数为5<input type="range" step="5">