HTML 经常使用的标签

时间 2019-12-11

标签 html 经常使用标签栏目 HTML 繁體版

原文原文链接

什么是 HTML 标签

HTML 文档和 HTML 元素是经过 HTML 标签进行标记的
HTML 标签由开始标签和结束标签组成
开始标签是被括号包围的元素名
结束标签是被括号包围的斜杠和元素名
某些 HTML 元素没有结束标签，好比 <br />

基本标签

<html>…</html> 定义 HTML 文档
<head>…</head> 文档的信息
<meta> HTML 文档的元信息
<title>…</title> 文档的标题
<link> 文档与外部资源的关系
<style>…</style> 文档的样式信息
<body>…</body> 可见的页面内容

经常使用标签

超连接标签 a

① href属性：表示超连接须要跳转的页面javascript

a.能够写网络地址：

   <a href="http://www.baidu.com">这是一个超连接</a>

b.能够打开本地html文件：

   采用相对路径肯定文件地址，与img标签肯定方式相同

   <a href="基本块级标签.html">这是一个超连接</a> 

c.JavaScript:;伪协议点击a标签不会跳转页面

   <a href="javascript:;">这是一个伪连接</a>
复制代码

② title属性：鼠标指上后显示的提示文字html

<a href="http://www.baidu.com"title="hhh">这是一个超连接</a>
复制代码

③ target属性：设置新页面打开的窗口位置java

可选值：_self自身页面打开（默认）  _blank新窗口打开
        _parent在父级窗口打开          _top在顶层窗口打开

<a href="http://www.baidu.com"target="_blank">这是一个超连接</a>
复制代码

④ download：表示连接式下载。bash

iframe 嵌套页面标签

iframe标签和a标签同时使用：在 a 标签里的 target 等于 iframe 的 name，表示 a 标签连接在 iframe 的窗口打开。服务器

<iframe src="#" name="xxx"></iframe>
<a target="xxx" href="http://www.baidu.com">在iframe窗口打开</a>
复制代码

form 标签

标签用于为用户输入建立 HTML 表单。

表单可以包含 input 元素，好比文本字段、复选框、单选框、提交按钮等等。
表单还能够包含 menus、textareafieldset、legend 和 label 元素。
表单用于向服务器传输数据。
form标签跳转是发起HTTP POST请求（没有提交按钮就不能提交），而a标签跳转发起HTTP GET请求.

<form action="users" method="POST">
    <input type="text" name="username">
    <input type="password" name="password">
    <input type="submit" value="提交">
</form>
复制代码

input 表单标签

type：控件类型的显示。若是这个属性没有指定，默认的类型是 text。可用的值包括：网络

button 按钮
Checkbox：多选框；必须使用 value 属性定义此控件被提交时的值。使用 checked 属性指示控件是否被选择。
radio：单选框；必须使用 value 属性定义此控件被提交时的值。使用 checked 必须指示控件是否缺省被选择。在同一个”单选按钮组“中，全部单选按钮的 ame 属性使用同一个值；一个单选按钮组中是，同一时间只有一个单选按钮能够被选择。
password：密文输入信息；一个值被遮盖的单行文本字段。使用 maxlength 指定能够输入的值的最大长度。
submit：用于提交表单的按钮；
reset：重置

经过为 input 设置 id 属性，在 lable 标签中设置 for=id 来让说明文本和对应的 input 关联起来；也能够直接用 label 标签把 input 包起来后也会自动关联；ui

<label for="Name">xxx</label>  
<input type="text" id="Name"/>
复制代码

select 下拉列表标签

// 默认选择第四组，第三组不可选，加个multiple能够多选
<select name="group" multiple>
    <option value="-">-</option>
    <option value="1">第一组</option>
    <option value="2">第二组</option>
    <option value="3" disabled>第三组</option>
    <option value="4" selected>第四组</option>
</select>
复制代码

table 表格标签

HTML的 table 元素表示表格数据，即经过二维数据表表示的信息。spa

table 标签订义 HTML 表格。
简单的 HTML 表格由 table 元素以及一个或多个 tr、th 或 td 元素组成。
tr 元素定义表格行，th 元素定义表头，td 元素定义表格单元。
更复杂的 HTML 表格也可能包括 caption、col、colgroup、thead、tfoot 以及 tbody 元素。

文本域 textarea

写法：textarea></textarea
设置宽高style="width: 200px; height: 150px;" 自身有 cols="" rows="" 两个属性，但不经常使用
readonly="readonly" 设置为只读模式，不容许编辑。
tyle="resize: none;" 设置为宽高不容许修改。