zoukankan      html  css  js  c++  java
  • HTML拾遗

    一:标签

     1:强调

    <strong>加醋、<em>斜体

    2:单独样式

    <span>如果不加样式,那它包围的文字就是普通文字,可以在span中增加样式,就所包围的内容进行单独样式定制。

    3:引用

    短文本引用:单行引用,用<q>标签加双引号

    长文本引用:多行引用,用<blockquote>标签

    4:换行

    <br/>

    5:空格

    &nbsp;

    6:水平分割线

    <hr/>

    7:地址

    <address>斜体显示地址

    8:代码

    <code>以特殊格式显示单行代码

    9:多行代码

    <pre>以特殊格式显示多行代码,会保留空格和换行符。

    10:无序列表:列表项前是原点

    <ul>
    
      <li>列表内容</li>
    
      。。。
    
    </ul>

    11:有序列表:列表项前是序号

    <ol>
       <li>信息</li>
       <li>信息</li>
       ......
    </ol>

    12:排版

    <div id="模块名称">

    为每一模块命名,让代码更清晰易懂。

    13:表格

    创建表格的四个元素:table、tbody、tr、th、td

    <table>…</table>:整个表格以<table>标记开始、</table>标记结束。

    <tbody>…</tbody>:如果不加<thead><tbody><tfooter> , table表格加载完后才显示。加上这些表格结构, tbody包含行的内容下载完优先显示,不必等待表格结束后在显示,同时如果表格很长,用tbody分段,可以一部分一部分地显示。(通俗理解table 可以按结构一块块的显示,不在等整个表格加载完后显示。)

     <tr>…</tr>:表格的一行,所以有几对tr 表格就有几行。

    <td>…</td>:表格的一个单元格,一行中包含几对<td>...</td>,说明一行中就有几列。

    <th>…</th>:表格表头,居中加粗。

    14:表格标题与摘要

    <table summary="摘要">
        <caption>标题文本</caption>
        <tr>
            <td></td>
            <td></td></tr></table>

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

    标题用以描述表格内容,标题的显示位置:表格上方。

     

    15:超链接的打开动作

    _blank -- 在新窗口中打开链接
    _parent -- 在父窗体中打开链接
    _self -- 在当前窗体打开链接,此为默认值
    _top -- 在当前窗体打开链接,并替换当前的整个窗体(框架页)
    一个对应的框架页的名称 -- 在对应框架页中打开

     

    16:用a标签实现邮件功能

    有多个参数的话,第一个参数必须以“?”开头,后面的参数每一个都以“&”分隔。

     

    17:多行文本输入的区域尺寸

    可以用css中的width、height控制。

     

    18:表单输入标签

    <input>

    根据type属性不同,可以输入:文本text、密码password、单选课radio、复选框checkbox、提交按钮submit、重置按钮reset

    单选框、复选框用name属性来分组,同name属性值的为一组。

     

    19:单选下拉列表

    <select>
      <option value="提交值" selected="selected">显示文本</option>//被选中
    
    </select>

    20:多选下拉列表

    <select  multiple="multiple">
      <option value="提交值">显示文本</option>
    
    </select>

    21:label文本标签

    可以为文本绑定一个其他元素,点击该文本时选中所绑定的元素。

    <label for="另一个标签id">

     

     

  • 相关阅读:
    关于tomcat启动时报错Address already in use: JVM_Bind
    matlab学习笔记第四章——统计和MATLAB编程介绍
    matlab学习笔记第三章——绘图与图形
    matlab学习笔记第二章——矩阵
    matlab学习笔记第一章
    机器学习 什么是监督学习和无监督学习
    matlab M文件和面向对象编程
    matlab 字符串、元胞和构架数组
    使用VMware搭建3台一模一样的Linux虚拟机 搭建hadoop集群环境
    Hadoop之单机模式环境搭建
  • 原文地址:https://www.cnblogs.com/ygj0930/p/7300904.html
Copyright © 2011-2022 走看看