HTML常用标签概述（可用于网店装修）
-
HTML标签：
-
所有内容都在<html></html>标签之内；
-
<head></head>内放的是头部信息，是对页面的描述，不会直接显示在页面中。
-
<head></head>内的<title></title>中设置的是页面的标题，<title></title>只能放在<head></head>中；
-
<body></body>是页面的主体，大部分显示内容都定义在这里。
HTML注释：<!– –>：
-
注释不允许嵌套
html常用标签:
-
h标签（标题），HTML定义了<h1></h1>到<h6></h6>六个h标签，分别表示不同大小的字体。h1最大，h6最小。
-
<br/>只是回车，<p>是段落。<p>前后会有比较大的空白，而<br/>则没有。
-
<center>居中显示.
-
<b>、<strong>粗体，<i>、<em>斜体。<u>下划线。
-
<sub>2</sub>下标，如：H<sub>2</sub>O
-
<sup>2</sup>上标，如：10<sup>2</sup>
-
<font></font>字体标签，<font color=“red“ size=“7” face=“隶书”>红色</font>。color（设置颜色） size（1-7） face（设置字体,设置字体是注意用户计算机中必须有该字体才能正常显示）
-
<hr> color size（厚度） width（长度） align=left/center/right （默认为剧中显示）
-
<pre> 预格式化 保持本色;
-
HTML特殊字符：<（小于号，less than）；>（大于号，greater than）； （空格）。
-
超链接：<a>标签的一些常用属性：href、title、target、name
-
插入图片：<img src=“路径”/>
-
列表：dl→(定义列表)，ul→(无序列表)， ol→(有序列表)。
-
表格：<table>；创建行：<tr>；创建单元格：<td>；表页眉：<thead>；表主体：<tbody>；表页脚：<tfoot>；表头：<th>。
-
rowspan(合并行)、colspan（合并列）
-
<input>是主要的表单元素，type的可选值：submit（提交按钮）、button（普通按钮）、checkbox表单标签：（复选框）、file（文件选择框）、hidden（隐藏字段）、image（图片按钮）、password（密码框）、radio（单选按钮）、reset（重置按钮）、text（文本框）。
-
meta标签：（包括在head标签中。主要用来描述页面自身信息,元信息）
-
<meta name=\”keywords\” content=\”C#学习资料,4k8k.net,.net开发,软件开发,编程自学网\”/>
-
<meta name=\”description\” content=\”免费更新最新C#相关技术知识，主要包括：.net基础,网页前端,三层架构,SQL数据库…\”/>
-
<meta http-equiv=\”Content-Type\” content=\”text/html;charset=utf-8\” />网页编码
-
<meta http-equiv=\”Refresh\” content=\”3\” />三秒钟后刷新此网页。
-
<meta http-equiv=\”Refresh\” content=\”3;url=http://www.4k8k.net\” />三秒钟后重定向到新网页。
-
<meta http-equiv=\”Cache-Control\” content=\”no-cache\” /> 禁止浏览器缓存页面。
-
<meta name=\”名字\” content=\”值\” />关于网页的描述信息。
-
<meta http-equiv=\”名字\” content=\”值\” />模拟http响应头信息。
C#编程自学_做最好的.net自学资料站_更多文章请访问：http://www.4k8k.net/
欢迎订阅。
超文本标记语言表单标签详解，教你如何合理利用表单收集用户信息
无论我们使用什么语言来完成web开发，都必然会用到HTML表单标签，HTML表单标签在开发中经常会被我们用来去收集我们想要得到的数据信息，基本上所有的网页都有表单的利用，表单合理的使用和布局是作为一个前端开发者所必须具有的基本技能。
表单标签结构树：
表单的基本构成元素
在网页开发中<form>标签代表一个表单，表单用于向服务器传输数据。
<form>标签能够包含<input>，通过更改<input>的属性值，可以空指<input>是文本字段，复选框，单选框或提交按钮等。还可以包含<textarea> <select>等。学习表单很大程度程度上就是在学习<input>标签。
<form>常用属性:
name:用于定义表单的名称
action:用于规定提交表单时向何处发送表单数据。
method:用于规定提交的方式。一般取值 POST或GET
<input> 标签用于搜集用户信息，是表单中出现频率最高的标签。
根据不同的 type 属性值，输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。
<input>标签type属性值 :
text属性：
<input type=”text”>
定义为单行的输入字段，用户可在其中输入文本。默认宽度为 20 个字符。
常用属性:
name:定义标签名称
value:定义标签值
size:定义输入字段的长度
maxlength:定义可输入最大字符个数
password属性：
<input type=”password”>
定义密码字段。该字段中的字符被掩码.
常用属性:
name:定义标签名称
value:定义标签值
size:定义输入字段的长度
maxlength:定义可输入最大字符个数
密码输入框内输入信息被掩码
radio属性：
<input type=”radio”>
定义单选按钮。
常用属性:
name:定义标签名称.注意，对于单选按钮，如果要想做到单一选择，多个radio的name值必须一样。
value:定义标签值
checked:定义该标签默认被选中。
只能选择男或女设置默认选择男
checkbox属性：
<input type=”checkbox”>
定义复选框。
常用属性:
name:定义标签名称.注意，一组的checkbox它们的name值应该是一样的。
value:定义标签值
checked:定义该标签默认被选中。
复选框，默认状态只选择足球
复选框，多选状态
file属性：
<input type=”file”>
定义输入字段和 \”浏览\”按钮，供文件上传。
常用属性:
name:定义标签名称
点击选择文件将选择文件上传
button属性：
<input type=”button”>
定义可点击按钮（大多数情况下，用于通过 JavaScript 启动脚本）
常用属性:
name:定义标签名称
value:按钮显示名称
submit属性：
<input type=”submit”>
定义提交按钮。提交按钮会把表单数据发送到服务器。
常用属性:
name:定义标签名称
value:按钮显示名称
reset属性：
<input type=”reset”>
定义重置按钮。重置按钮会清除表单中的所有数据。
常用属性:
name:定义标签名称
value:按钮显示名称
点击充值按钮表单信息被清空点击submit将提交数据
image属性：
<input type=”image”>
定义为图像形式的提交按钮。
常用属性:
name:定义标签名称
src:定义作为提交按钮显示的图像的url
alt:定义作用图像的替代文本。
这个标签主要是用了替换submit按钮，因为默认产生的提交按钮并不漂亮，这个标签允许你采用指定的图片作为提交按钮。
点击图片与点击submit按钮作用效果一样
hidden属性：
<input type=”hidden”>
定义隐藏的输入字段。
常用属性:
name:定义标签名称
value:定义标签值
hidden所定义出来的输入框和值是在页面上看不到但却又真实存在的，在开发中常用来放入一些不希望用户看到，但却对开发过程很有帮助的数据。
<textarea>标签用于定义一个多行文本输入控件(多行文本框,文本域)
常用属性:
name:定义多行文本框名称
cols:定义多行文本框可见宽度
rows:定义多行文本框可见行数
wrap:规定多行文本框中文字如何换行。
5行30列文本域默认值是写在标签对之间的值
1.<select>
用于定义一个下拉列表
常用属性:
name:定义下拉列表的名称
size:定义下拉列表中可见选项的数目
multiple:定义可选择多个选项
2.<option>
用于定义下拉列表中的选项。
<option>需要位于<select>标签内部
常用属性:
value:定义送往服务器的选项值
selected:定义选项为选中状态。
设置默认选中状态为天津
注意：
关于POST与GET方式区别:
1. get方式只能少量数据,而post可以携带大数据。
2. get方式提交时，数据会在地址栏上显示，安全性差。Post方式提交不会在地址栏上显示数据，更加安全。
本文作者及来源:Renderbus瑞云渲染农场https://www.renderbus.com
文章为作者独立观点不代本网立场，未经允许不得转载。
投诉举报&联系我们：
