HTML常见标签和属性

链接

由<a>定义，常见属性有

• href链接地址，常用链接有

  • https://gusouk.com/

  • /a.html

  • #aaa 页面滚动至name或id为aaa的地方

  • javascript:void(0);

  • mailto:nowhere@mozilla.org 邮件链接

  • tel:+491570156 电话链接

若不知链接地址可以将href设置成“###”

锚点返回顶端：<a name="top></a>;<a href="#top">返回顶部</a>

标题

<h1>到<h6>分别定义1到6号标题

段落

由<p>定义，换行用<br>

图像

由<img>定义，常见属性有

• src图片地址，

• alt加载图片失败时显示的文字

列表

有序列表由<ol>定义，列表的条目由<li>定义

无序列表由<ul>定义，列表的条目由<li>定义

标签

由<label>定义，常见属性为for

表格

由<table>元素定义，<td colspan=""></td>跨列；<td rowspan=""></td>跨行

表单

由<from>定义，常见属性有

• action 提交地址

• method 提交方式。默认为GET

常见的表单输入元素有：

• 文本框<input type="text">常见属性

• placeholder

• value

• maxlength最大长度

• 文本域<textarea></textarea>和文本框相比，可输入更多文字。常见属性

• placeholder

• value

• maxlength最大长度IE9(不包括)以下不支持

• 单选框<input type="radio" name="gendar">。其中name的值一样的单选框只有一个能被选中

• 复选框<input type="checkbox" name="gendar">

• 下拉选择框<select><option value="1">苹果</option><option value="2">橘子</option></select>

• 数字框<input type="number">。注意，其不支持maxlength属性

• min最小值

• max最大值

• 提交按钮<button type="submit">提交</button>点击

• 重置按钮<button type="reset">重置</button>

注意：为了能让后台辨别不同的表单元素，表单元素输入必须加name属性。

div

<div>组合文档中的块级元素，<nav>常用于导航链接

span

<span>组合文档中的行内元素

<label>使用

• <label for="">
• 直接输入如姓名:<input type="">
• <label>选择项如爱好:<label>
  • <label for="">+<input type="">ine>
• <label>城市/个人介绍：
• <select name="">
  • <option value="1">北京</option>
  • <option value="2">上海</option>ine>
• <textarea name="" id="" cols="30" rows="10">请输入你的描述</textarea>