zoukankan      html  css  js  c++  java
  • HTML框架、列表、表格

    本章内容
    一、列表
    1、有序列表ol
    <ol>
    <li></li>
    </ol>
    type的值有3个
    默认为1(阿拉伯数字),
    还有A/a(大小写字母),I/i(罗马数字)

    2、**无序列表ul(实际应用中,比有序列表广泛)
    <ul type="值">
    <li></li>
    </ul>
    type的值有3个
    默认为disc(实心圆),
    还有circle(空心圆)、square(实心方形)

    3、**定义列表——适用于图片和文字内容的混合排列中
    <dl>
    <!--列表项标题-->
    <dt></dt>
    <!--列表项下面的内容-->
    多个<dd></dd>
    </dl>

    4、P37页,列表常用场合及列表使用中的注意事项

    二、**表格table
    1、基本语法:创建表格的3个步骤P41页
    <table>
    <tr>
    <td></td>
    </tr>
    </table>

    说明:
    table声明表格
    tr行的标记
    td单元格的标记:数据填充在该标记中

    2、表格的常用属性
    2.1 对齐方式:
    水平对齐(align)、垂直对齐(valign)
    valignalign:都可以应用在tr和td上
    align还可以应用在table标记中

    2.2 边框——border
    2.3 表格的宽和高
    宽:width
    高:height

    3、表格跨行、跨列【难点】
    跨列:colspan
    跨行:rowspan

    三、框架
    1、框架集合——P51页
    框架集合:<frameset cols="" rows="">
    单个框架:<frame src=""/>

    注意:【frameset和body不能共存】

    常用的属性 :表2-5

    2、**iframe内嵌框架
    <iframe src="页面或网址" width="宽"
    height="高"/>

    iframe可以嵌套在页面的任何位置

    3、**target属性——参见表2-6
    _blank
    _self
    _top
    _parent
    框架名

  • 相关阅读:
    Node Js
    动态遍历接收的参数
    负载均衡和springcloud.Ribbon
    Spring Cloud
    springboot整合hibernate
    python模块知识总结
    什么是netty--通俗易懂
    IDEA 的操作与使用
    spring 整合guava
    log4j向指定文件输出日志
  • 原文地址:https://www.cnblogs.com/songjiabo/p/6825505.html
Copyright © 2011-2022 走看看