html 常用标签

最新推荐文章于 2024-09-20 13:42:43 发布

雷禄辉

最新推荐文章于 2024-09-20 13:42:43 发布

阅读量511

点赞数 1

分类专栏： HTML5 文章标签： html 标签

本文链接：https://blog.csdn.net/a544258023/article/details/46732901

版权

HTML5 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

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

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

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

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

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

4，标签格式：<标签名属性名="属性值">数据</标签名>
<标签名属性名="属性值" />
---------------------------------常用标签--------------------------------------------------
1，字体：<font>
<font size="7" color="#ffff00">数据</font>
特殊部分：如果要在页面显示一些特殊符号，需要进行转义。
<：< >：> &：& 空格： 
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>该标签是可以和服务端进行交互的。

表单组件通常都需要定义name和value属性，因为要将数据发送给服务端，
服务端只有知道了该name的值才可以对提交的数据进行分别获取。

表单标签中元素：

1，<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属性连接一个好看的按钮图片完成提交效果。
,2，下拉菜单：<select>
每一个下拉菜单都由option进行封装。
<select>
<option></option>
</select>
,3，文本区域：<textarea>

可以显示多行输入。

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