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

html 常用标签

时间:2015-07-03 10:44:50      阅读:167      评论:0      收藏:0      [点我收藏+]

标签:html   标签   

----------------------------------html简介------------------------------------------------

html语言中是由标签组成的,数据都会封装在标签中,因为可以通过标签中的属性值的改变对封装内数据进行操作。

<html></html>确定html代码范围。
在该范围中可以定义两部分内容,一部分是头,一部分是体。
<html>
<head></head>
<body></body>
</html>

标签特点:对于数据进行封装,有开始标签和结束标签,但是也有一些标签只体现单一功能,

    所以不需要结束标签,这样的标签在内部结束,如<br /> <hr /> <img /> <input />等。

标签格式:<标签名 属性名="属性值">数据</标签名>
    <标签名 属性名="属性值"  />
---------------------------------常用标签--------------------------------------------------
1,字体:<font>
<font  size="7"  color="#ffff00">数据</font>
特殊部分:如果要在页面显示一些特殊符号,需要进行转义。
<:&lt; >:&gt; &:&amp;  空格:&nbsp;
2,列表标签<dl></dl>
上层项目:<dt>
下层项目:<dd>
项目符号标签:<ul> 无符号,<ol>有符号,这两个标签中的列表项都用<li>标签封装。
3,图像标签:<img>
<img src=""  alt="图像说明文字"  />
4,表格标签:<table>
表格由行所组成,行由单元格组成,表格中默认都有一个tbody标签。
标题标签:<caption>
<table  border="1" bordercolor="red"  width="60%"  cellpadding="10" cellspacing="0">
<tr>
<th></th>
<th></th>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</table>
表格是最常用的标签,用于对数据进行格式化。
5,超链接:<a>
i:<a  href="http://www.sina.com.cn" target="_blank">新浪网站</a>
当被点击后,会启动引擎所对应解析程序,去查找指定主机,
先找本地主机的hosts文件,如果没有找到该主机对应的ip地址,去公网DNS服务器上找对应的ip地址。
ii:<a  href="mailto:abc@sohu.com?subject=haha&cc=qq@163.com">联系我们</a>
当点击超链接时,就会出现邮件相关联的解析程序,本机默认的是outlook。
iii:定位标记
<a  name="top">顶部位置</a>
<a  href="#top">跳到顶部位置</a>
6,表单标签:<form>该标签是可以和服务端进行交互的。
表单标签中元素:
<input>:该标签因为type属性值的不同,所对应的组件也不一样。
type属性:
1,text:文本框,输入的文本可见
2,password:密码框,输入的文本不可见
3,radio:单选框,注意要被选中,必须要给单选框定义一个属性name,当有多个单选框时,只能有一个被选中,那么这些单选框的name值必须相同。
4,checkbox:复选框,当对多个数据进行同时选中时。
5,file:可以进行文件选择的组件,通常用于附件,或者文件上传。
6,hidden:隐藏组件,该组件不会再页面上显示,但是其定义的name和value可以提交到服务器。
7,button:按钮组件,自定义一个按钮默认是没有效果,可以通过注册事件并加入自定义效果。
8,reset:重置按钮,将组件中被操作的效果还原到初始状态。
9,submit:提交按钮,将组件中添加的数据提交到指定的目的地。
10,image:图像组件,为了避免提交按钮的难看,可以通过image的src属性连接一个好看的按钮图片完成提交效果。
下拉菜单:<select>
每一个下拉菜单都由option进行封装。
<select>
<option></option>
</select>
文本区域:<textarea>
可以显示多行输入。
表单组件通常都需要定义name和value属性,因为要将数据发送给服务端,
服务端只有知道了该name的值才可以对提交的数据进行分别获取。

form标签中的常见的属性:
action:指定数据提交的目的地,method:提交方式,两种常用值get和post,get为默认。
get和post的区别:
get:会将提交的数据显示在地址栏上。
         提交的数据的体积受地址栏的限制。
         对于敏感信息不安全。
                 会将提交信息封装在请求行,也就是http消息头之前。
post:与get相反

版权声明:本文为博主原创文章,未经博主允许不得转载。

html 常用标签

标签:html   标签   

原文地址:http://blog.csdn.net/a544258023/article/details/46732901

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