欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

列表、表格与媒体元素

程序员文章站 2022-06-27 20:20:19
北冥复习html(二) 一、表格的具体组成单位 由行和列组成的单元格 结构:
row1,cell1 row1,cell2
table ==》 定义表格; border ==》 设置表格边 ......

北冥复习html(二)

一、表格的具体组成单位

由行和组成的单元格

结构:

<table border="1">
<tr>
<td>row1,cell1</td>
<td>row1,cell2</td>
</tr>
</table>

table ==》 定义表格; border ==》 设置表格边粗细; tr ==》 行; td ==》 列;

<td colspan = "3"></td> ==>跨3列;<td rowspan = "2"></td> ==>跨2行;

二、列表

定义:

列表就是信息资源的一种展示方式,它可以使信息结构化和条理化,并以列表的样式显示出来,以便浏览器能更快捷的获取相同的信息。

分类:

1.有序列表,结构:

<ol>
<li>有序1</li>
<li>有序2</li>
</ol>

 

ol ==》声明一个有序列表;li ==》列表项(属块元素)

2.无序列表,结构:

<ul>
<li>无序1</li>
<li>无序2</li>
</ul>

 

ul ==》声明一个无序列表;li ==》列表项

3.定义列表,结构:

<dl>
<dt>定义1</dt>
<dd>内容1</dd>
</dl>

 

 dl ==》声明一个定义列表;dt ==》列表项;dd ==》列表项内容

 三、视频与音频标签

视频结构:

<video src = "地址" controls >

 

当浏览器无法识别时,可用:

<video controls autoplay>

<source src = "地址">

</video>

 

  • void 声明一个视频,src = “视频地址” 
  • controls 显示视频操作内容
  • autoplay 自动播放
  • audio 声明一个音频,用法和 void 一样

四、页面结构 

主要分为三大部分:1.页面头部;2.页面主体;3.页面尾部。

功能:对页面布局,没有其他显示效果。

作用:规范网页程序结构化

标签:

关键字 说明 
header  表头部区块
section       网页独立区域     
footer  尾部区块
article  独立文章内容
aside  侧边栏
nav  导航栏


五、内联框架

结构:

<a href = "" target = " ">点击跳转</a>
<iframe str = " " name = "zs" width = "" height = "" ></iframe>

 解释:

  • href ==》另一个网站
  • target ==》与name对应,这样使内联框架跳转另一个网站
  • src ==》引用页面地址
  • name ==》内联框架名
  • width 、height ==》内联框架宽和高