HTML常用标签

<q>标签,短文本引用

注意要引用的文本不用加双引号,浏览器会对q标签自动添加双引号。

语法:

<q>引用文本</q>

<blockquote>标签,长文本引用

<blockquote>的作用也是引用别人的文本。但它是对长文本的引用,如在文章中引入大段某知名作家的文字,这时需要这个标签。浏览器对<blockquote>标签的解析是缩进样式。

语法:

<blockquote>引用文本</blockquote>

<hr>标签,添加水平横线

语法:

<hr></hr>

<address>标签,为网页加入地址信息

一般网页中会有一些网站的联系地址信息需要在网页中展示出来,这些联系地址信息如公司的地址就可以<address>标签。也可以定义一个地址(比如电子邮件地址)、签名或者文档的作者身份。在浏览器上显示的样式为斜体。

语法:

<address>联系地址信息</address>

使用<code>标签加入一行代码

语法:

<code>代码语言</code>    

注:如果是多行代码,可以使用<pre>标签。

使用ol,在网页中展示有前后顺序的信息列表(ul为无序列表)

table表格标签

创建表格的四个元素:

table、tbody、tr、th、td

caption标签,为表格添加标题和摘要

语法:<table summary="表格简介文本"><caption>标题文本</caption></table>

使用mailto在网页中链接Email地址

使用表单标签,与用户交互

语法:

<form   method="传送方式"   action="服务器文件"></form>

注意:

所有表单控件(文本框、文本域、按钮、单选框、复选框等)都必须放在<form></form>标签之间(否则用户输入的信息可提交不到服务器上哦!)。

文本框:<input type="text/password">

文本域:<textarea rows="行数" cols="列数">文本</textarea>

使用单选框、复选框,让用户选择

语法:

<input   type="radio/checkbox"   value="值"    name="名称"   checked="checked"/>
checked:当设置 checked="checked" 时,该选项被默认选中。注意:同一组的单选按钮,name 取值一定要一致,比如为同一个名称“radioLove”,这样同一组的单选按钮才可以起到单选的作用。

使用下拉列表框,节省空间

语法:

<option value="提交值">选项名称</option>    设置selected="selected"属性,则该选项就被默认选中。
下拉列表也可以进行多选操作,在<select>标签中设置multiple="multiple"属性,就可以实现多选功能,在 widows 操作系统下,进行多选时按下Ctrl键同时进行单击(在 Mac下使用 Command +单击),可以选择多个选项。

使用提交按钮,提交数据

语法

<input   type="submit"   value="提交">

使用重置按钮,重置表单信息

语法

<input type="reset" value="重置">

form表单中的label标签

label标签不会向用户呈现任何特殊效果,它的作用是为鼠标用户改进了可用性。如果你在 label 标签内点击文本,就会触发此控件。就是说,当用户单击选中该label标签时,浏览器就会自动将焦点转到和标签相关的表单控件上(就自动选中和该label标签相关连的表单控件上)。

语法:

<label for="控件id名称">    注意:标签的 for 属性中的值应当与相关控件的 id 属性值一定要相同。

例子:

<form>
  <label for="male">男</label>
  <input type="radio" name="gender" id="male" />
  <br />
  <label for="female">女</label>
  <input type="radio" name="gender" id="female" />
  <label for="email">输入你的邮箱地址</label>
  <input type="email" id="email" placeholder="Enter email">
</form>
原文地址:https://www.cnblogs.com/evai/p/5008597.html