【web前端】html标签简单总结

html一些基本标签的简单总结

• html文件结构

 
      ...
      ...

---

• head标签

---

• 几个基本的标签

<p>段落文本p>

<hx>标题文本hx>

<em>斜体文本em>

<strong>粗体文本strong>

<span>文本，设置单独样式span>

<q>引用文本q>

<blockquote>引用长文本blockquote>

<br />

<hr />

<address>联系地址信息address>

<code>代码语言code>

<pre>语言代码段pre>

---

• ul-li标签（没有前后顺序）

<ul>
    <li>信息li>
    <li>信息li>     .
ul>

---

• ol-li标签（有顺序）

<ol>
    <li>信息li>
ol>

---

• 划分逻辑部分

<div id="板块名称">..div>

---

• table标签

<table>table>

<tbody>表格内容全部下载完后显示tbody>

<tr>表格行tr>

<td>每行中分列td>

<th>表头th>

<table summary="表格简介文本">

<captain>标题文本captain>

---

• 文本链接

<a href="目标网址" title="鼠标滑过显示的文本">链接显示的文本a>

<a href="目标网址" target="_blank">在新的浏览器窗口中打开a>

---

• mailto 链接email地址

mailto：邮箱地址

 <a href="mailto:[email protected]">发送a>

cc= 抄送地址

<a href="mailto:[email protected][email protected]">发送a>

bcc= 密件抄送地址

<a href="mailto:[email protected][email protected]">发送a>

； 多个收件人、抄送、密件抄送人

<a href="mailto:[email protected];[email protected]">发送a>

subject= 邮件主题

<a href="mailto:[email protected]?subject=发送电子邮件">发送a>

body= 邮件内容

<a href="mailto:[email protected]?body=欢迎来我家">发送a>

mailto后面的参数，第一个用 ？ ，之后均用 &

"mailto:xx@163.com?cc=yy@163.com&bcc=zz@163.com&subject=主题&body=邮件内容">发送</a>

---

• img标签

<img src="myimage.gif" alt="My Image" title="MyImage" />

1. src：标识图像的位置。
2. alt：指定图像的描述性文本。
3. title：提供在图像可见时对图像的描述。

---

• 表单标签

<form method="post" action="save.php">
    <label for="username">用户名：label>
    <input type="text" name="username" />
    <label for="pass">密码：label>
    <input type="password" name="pass" />
form>

1. action：浏览者输入的数据被传送到的地方。
2. method：数据传送的方式（get/post）。

---

• 文本输入框、密码输入框

<form>
    <input type="text/password" name="名称" value="文本" />
form>

1. type：
   当 type=”text” 时：文本输入框；
   当 type=”password” 时：密码输入框。
2. name：命名。
3. value：默认值（提示作用）。

---

• 文本域

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

1. cols：列数。
2. rows：行数。

---

• 单选框和复选框

type="radio/checkbox" value="值" name="名称" checked="checked" />

1. type：
   “radio”：单选框；
   “checkbox”：复选框。
2. value：提交到服务器的值。
3. name：命名（同一组的单选按钮，name取值要一致）。
4. checked：默认选中。

---

• 下拉列表框

<select>
    <option value="看书">看书option>
    <option value="旅游" selected="selected">旅游option>
select>

1. value：向服务器提交的值。
2. selected：默认选中。

实现下拉列表单多选功能

"multiple">...

---

• 提交与重置按钮

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

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

value：按钮上显示的文字。

---

• label标签

<label for="控件id名称">

选中label标签时，自动将焦点转到和标签相关的表单控件上。