zoukankan      html  css  js  c++  java
  • 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>
  • 相关阅读:
    一行CSS解决DateChooser 的折行问题
    不再为DataGrid生成的表格的单无格中的内容过长、自动折行、表格撑开等问题而烦恼一个很久以前的做品
    SQL Server中也用格式字符串定制日期转换为字符串
    Cache总义
    Cookie 支持二级域名和FormsAuthentication 加强版
    CommunityServer 2.0 RTM时间是:20060217 Scott Watermasysk今天中午
    不知谁给我留的言,要招DNN 程序员,会这个的朋友可以看看
    "#RRGGBB"与Color类型的转换 补充
    DateChooser源码DateTimeStringEditor.cs
    I had no sooner finished eating than went to toilet.
  • 原文地址:https://www.cnblogs.com/evai/p/5008597.html
Copyright © 2011-2022 走看看