HTML常用属性

Html标签分类： 1 双标签 2 单标签

Html标签之间的关系: 1 嵌套关系 2 并列关系

Html单标记：

横线标记 <hr> 换行标记<br>

注释标记<!– 注释文本--> ctrl+/

Html双标记

-标题标记 <hn></hn> n 取值1-6

-段落标记<p></p>

-文字格式化标记:

<font></font> 控制网页文字颜色，大小，字体。

<strong></strong> 与 <b></b> 文字加粗

<em></em> 与 <i></i> 文字斜体

<ins></ins> 与 <u></u> 文字下划线

<del></del> 与 <s></s> 文字删除线

<sub> <sup> 下标字 / 上标字

<Img src=”图像URL” alt=”图像不能显示时的替换文本” title=”鼠标悬浮时显示的内容” width/height=”XX” / >

<a hrf=”跳转目标” target = “目标窗口弹出方式_self / _blank”> 文本或图像 </a>

<a href=”#”>此处为空链</a>

锚点：

定义<a id=“md”></a>

<a href = “#id”>链接文本</a>

注意需要英文的 ; 结尾才生效

列表（list）分为 ：

无序列表UL

有序列表ol

自定义列表 dl

无序列表ul：

<UL>

<li> 列表项目1</li>

</ul>

list-style:none；取消列表样式 disc/square/circle/

下图

有序列表ol

< ol type = 1/ a / A / i / I / start=” 2 / b / B / ii / II / ”>

< li > </li>

</ol>

自定义列表dl

<dl>

<dt>123</dt>

<dt>weqwe</dt>

<dt>qweq</dt>

</dl>

Meta 标签介绍

Meta属性有两种：name和http-equiv 。

<meta name = “generator” content = ““”> 用以说明生成工具

<meta name = “keywords” content = “ ”> 向搜索引擎说明自身网页关键词

<meta name = “description” content =” “> 告诉搜索引擎本站点主要内容

<meta name = “Author” content = “你的名字”> 告诉其制作者的名字

<meta name = “Robots” content = “all/none/index/noindex/follow/nofollow”>

设定为all：文件将被检索，且页面上的链接可以被查询；

　　设定为none：文件将不被检索，且页面上的链接不可以被查询；

　　设定为index：文件将被检索；

　　设定为follow：页面上的链接可以被查询；

　　设定为noindex：文件将不被检索，但页面上的链接可以被查询；

　　设定为nofollow：文件将不被检索，页面上的链接可以被查询。

http-equiv属性

<meta http-equiv=”content-Type” content = “text/html”; charset=gb_2312”>

描述网页属性 编码

<meta http-equiv=”refresh” content=”5 ; URL=http://www.gxlcms.com/”/>

网页跳转

link标签

1:用来引用外部css

2：用来引用title图片（icon） <link rel = “icon” href = “ 1.icon ”>

字符集 charset

utf-8是目前最常用的字符集编码方式，常用的字符集编码方式还有gbk和gb2312

gb2312 简单中文

GBK包含全部中文字符 繁体

BIG5 繁体中文

UTF-8则包含全世界所有国家需要用到的字符

表格 table

最简单的表格 <table>

<caption>表格的名字</caption>

< tr >

<th>加粗居中</th>

<td> 普通 </td>

</tr>

</table>

< table border = “0” > 边框

< table cellspacing = “0” > 单元格与单元格之间的距离

< table cellpadding = “0” > 文字与单元格之间的距离

< table width= “0” > 宽度

< table height= “0” > 高度

< table align= “ lift / right / center ” > 对齐方式

< table bgcolor= “ white/ red/...” > 背景色

表格的结构

在使用表格进行布局时，可以将表格划分为头部、主体和页脚，具体 如下所示：

<thead></thead>：用于定义表格的头部，必须位于<table></table>标记中，一般包含网页的 logo和导航等头部信息。

<tfoot></ tfoot >：用于定义表格的页脚，位于<table></table>标记中<thead></thead>标记之 后，一般包含网页底部的企业信息等。

<tbody></tbody>：用于定义表格的主体，位于<table></table>标记中<tfoot></ tfoot >标记之 后，一般包含网页中除头部和底部之外的其他内容。

Colspan 合并同一行 rowspan 合并同一列

表单 form

表单控件：包含了具体的表单功能项，如单行文本输入框、密码输入框、复选框、提交按钮、 重置按钮等。

提示信息：一个表单中通常还需要包含一些说明性的文字，提示用户进行填写和操作。

表单域：他相当于一个容器，用来容纳所有的表单控件和提示信息，可以通过他定义处理表 单数据所用程序的url地址，以及数据提交到服务器的方法。如果不定义表单 域，表单中的数据就无法传送到后台服务器。

<from name = “from_name” action = “url” method = “get/post”> ...</form>

Name ：定义表单的名称

Method ： 传送方式 默认get

Action ： 指定表单处理程序的位置（服务器端脚本处理程序）

Fieldset ： 把表单分组

Legend ：分组名称

Input控件

< Input type = “控件类型”>

Textarea 控件

textarea控件可以轻松地创建多行文本输入框

<textera cols = “每行显示的字符数” rows = “ 显示的行数” > 文本提示</textera>

Select 控件

用来制作下拉菜单

<select size = “ 指定下拉菜单的可见选项 ” multiple = “multiple”>

<option > 选项1</option>

<option selected = “selected”> 选项2</option>

</select>

<fieldset>

<!-- 表格名字 -->

<legend>账户信息</legend>

<!-- 表格的内容 -->

<font color="red" size="2">*</font>用户名:<input type="text"><br><br>

<font color="red" size="2">*</font>密 码：<input type="password">

<br><input type="radio" checked="checked">男 <br>

<input type="radio">女

</fieldset>

<fieldset>

更多HTML 常用属性相关文章请关注PHP中文网！