博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
列表,表格和媒体元素
阅读量:5057 次
发布时间:2019-06-12

本文共 1877 字,大约阅读时间需要 6 分钟。

   一.无序列表

  • 无序列表
  • 有序列表
  • 自定义列表

 

     特性:1.没有顺序,每个<li>标签独占一行(块级元素)

        2.默认每一个li标签前有一个实心小圆点
        3.主要用于无序类型信息的展示,如导航栏等

 

   二.有序列表

  1. 无序列表
  2. 有序列表
  3. 自定义列表

 

     特性:1.有顺序,每个<li>标签独占一行(块级元素)

        2.默认每一个li标签前有顺序标识
        3.一般用于排序类型的列表,如试卷、问卷选项等

   三:定义列表

列表项1
列表项1内容1
列表项1内容2
列表项2
列表项2内容1
列表项2内容2

 

     特性:1.没有顺序,每一个dt和dd标签独占一行(块元素)

        2.默认没有标记
        3.一般用于一个标题下有一个或多个列表项的情况

   四.表格

     组成部分:行

        列
        单元格
     表格优点:结构稳定
         简单通用

   

张三 语文 98
数学 89
李四 语文 76
数学 60
分数
89 95

     <!--border:边框粗细        align:位置    center:居中        colspan:跨列   rowspan:跨行-->

   五.媒体元素

      video:视频

 

      audio:音频

 

   六.页面格局结构

      header 标题头部区域的内容(用于页面或页面中的一块区域)
      footer 标记脚部区域的内容(用于整个页面或页面的一块区域)
      section Web页面中的一块独立区域
      article 独立的文章内容
      aside 相关内容或应用(常用于侧边栏)
      nav 导航类辅助内容
    

页面头部

页面主题部分

页面脚部

 

   七.内联框架

      <iframe src="嵌套地址" name="自定义名称"></iframe>
      <!--target值必须和iframe的name属性值相等才能完成点击a标签时会在内联框架中显示要跳转的页面-->
      <a href="页面地址" target="内联框架自定义名称"></a>

转载于:https://www.cnblogs.com/yjc1605961523/p/9159511.html

你可能感兴趣的文章
斜率DP题目
查看>>
android:scaleType属性
查看>>
编译.so .a的结果
查看>>
疯狂java学习笔记之面向对象(七) - super关键字
查看>>
磁盘阵列
查看>>
leetcode-1-2
查看>>
linux 存取 I/O 内存
查看>>
时间同步
查看>>
通过Relect反射方法创建对象,获得对象的方法,输出对象信息
查看>>
Cognos报表打开参数
查看>>
126邮箱的格式
查看>>
ASP.NET MVC上传文件 未显示页面,因为请求实体过大。解方案
查看>>
怎样在 Mac 上打开 ~_Library 文件夹
查看>>
git常用的命令
查看>>
【转】emulator: ERROR: Could not load OpenGLES emulation library: lib64OpenglRender.so
查看>>
团队编程项目作业3-----模块开发过程
查看>>
站台查询api 据站台名称查询站台详细信息
查看>>
恶意代码功能与应对
查看>>
设置Intel网卡以抓取报文的vlan tag
查看>>
开源实时消息推送系统 MPush
查看>>