Java学习（十八）列表，表格，视频和音频，页面结构分析，iframe内联框架，表单语法，表单元素格式

列表

• 列表就是信息资源的一种展示形式。它可以使信息结构化和条理化，并以列表的央视显示出来，以便浏览者能更快捷地获得相应的信息
• 列表分为：无序列表，有序列表，定义列表

<ol>

    <li>Javali>
    <li>Pythonli>
    <li>PHPli>
    <li>C++li>
    <li>C#li>
ol>
<ul>

    <li>数学li>
    <li>语文li>
    <li>化学li>
    <li>生物li>
    <li>物理li>
ul>
<dl>

    <dt>学科dt>
    <dd>数学dd>
    <dd>语文dd>
    <dd>化学dd>
    <dd>生物dd>
    <dt>位置dt>
    <dd>西安dd>
    <dd>广东dd>
    <dd>重庆dd>
dl>

表格

• 表格具有简单通用，结构稳定地特点

• 基本结构

  • 单元格
  • 行
  • 列
  • 跨行
  • 跨列

• 关键标签 table tr td

• 关键参数 colspan（跨行） rowspan（跨列）

  <table border="1px">
      <tr>
          <td colspan="4">1-1</td>
      </tr>
      <tr>
          <td rowspan="2">2-1</td>
          <td>2-2</td>
          <td>2-3</td>
          <td>2-4</td>
      </tr>
      <tr>
          <td>3-2</td>
          <td>3-3</td>
          <td>3-4</td>
      </tr>
  </table>
  

视频和音频

• 视频元素：video
• 音频元素：audio

<video src="../rescources/Video/1.mp4" controls autoplay height="300" width="300" >video>
<audio src="../rescources/Audio/病变.mp3" controls >audio>

页面结构分析

• 以下左边即为标签

• header --> 标题头部区域地内容（用于页面或页面中地一块区域）

• footer -->标记脚步区域地内容（用于整个页面或页面地一个区域）

• section–>Web页面中地一块独立区域

• article–>独立的文章内容

• aside–>相关内容或运用

• nav–>导航类辅助内容

iframe内联框架

• 两种内联方式

  • 直接内联：

  • 通过标签，跳转内联

    
    
    <iframe src="https://www.baidu.com" frameborder="0" width="600" height="600">iframe>