• 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>
  • 相关阅读:
    JAVA后端方面,如何快速达到能实习的程度
    如何高效地把Spring boot学到能干活的程度
    零高并发项目经验的人如何通过面试得到实践机会?
    Java学到什么程度可以面试工作?
    Java培训班学员如何找工作?如何过试用期?
    作为Java技术面试官,我如何深挖候选人的技能
    今年我拿到了期望中的收入,同时更希望能在睡后收入上有进一步的发展——2021年我的总结与思考
    程序员月薪一万到底难不难?
    自学java,如何快速地找到工作
    搞IT的应届生如何写好简历?
  • 原文地址:https://www.cnblogs.com/evai/p/5008597.html
Copyright © 2020-2023  润新知