信息技术领域综述-优快云博客

引用：短文本：<q>text</q>,会自动加上双引号

长文本：<blockquote></blockquote>

地址信息：<address></address>

加入代码：一句：<code></code>

大段：<pre></pre>

表格：

<table summary="本表格记录2012年到2013年库存记录，记录包括U盘和耳机库存量">
<caption>2012年到2013年库存记录</caption>

</table>

summary: 摘要的内容是不会在浏览器中显示出来的。它的作用是增加表格的可读性(语义化)，使搜索引擎更好的读懂表格内容，还可以使屏幕阅读器更好的帮助特殊用户读取表格内容。

caption标题：用以描述表格内容，标题的显示位置：表格上方

超链接发送邮件：<a href="mailto:yy@jimo.com?subject=收邮件&body=你好，你被玩了">发送邮件给我</a>

图片：<img src="图片地址" alt="加载失败时的替换文本" title = "提供在图像可见时对图像的描述(鼠标滑过图片时显示的文本)">

label标签(当用户单击选中该label标签时，浏览器就会自动将焦点转到和标签相关的表单控件上)：

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

表单：

<span style="background-color: rgb(255, 255, 255);"><form method="post" action="location.jsp">
      <label for="username">用户名:</label>
      <input type="text"  name="username" id="username" value="" />
      <label for="pass">密码:</label>
      <input type="password"  name="pass" id="pass" value="" />    
      <input type="submit" value="确定"  name="submit" />
      <input type="reset" value="重置" name="reset" />
</form></span>

多行文本域(行列也可用CSS控制)：

<span style="background-color: rgb(255, 255, 255);"><textarea cols="50" rows="10">在这里输入内容...</textarea></span>

单选框(name的值一定要一样,value的值是提交到后台的值)：

<span style="background-color: rgb(255, 255, 255);"><form action="jimo.php" method="post" >
    <label>性别:</label>
    <label>男</label>
    <input type="radio" value="1"  name="gender" />
    <label>女</label>
    <input type="radio" value="2"  name="gender" />
</form></span>

下拉列表(value是提交的值)：

<span style="background-color: rgb(255, 255, 255);"><span style="font-size:14px;"><form action="jimo.php" method="post" >
    <label>爱好:</label>
    <select>
      <option value="看书">看书</option>
      <option value="旅游" selected="selected">旅游</option>
      <option value="运动">运动</option>
      <option value="购物">购物</option>
    </select>
</form></span></span>

下拉列表也可以进行多选操作，在<select>标签中设置multiple="multiple"属性，就可以实现多选功能，在 widows 操作系统下，进行多选时按下Ctrl键同时进行单击（在 Mac下使用 Command +单击），可以选择多个选项:

<span style="background-color: rgb(255, 255, 255);"><select multiple="multiple"></span>

标签学习