html系列教程--span style 及表格标签 title video

时间:2023-03-08 17:23:35

<span> 标签:非块状元素,用于文本描述

<style> 标签:内联样式表标签定义样式信息,必须写明type类型为text/css,建议写在head中,不是必须
demo:
<style type="text/css">
h1 {color:red}
p {color:blue}
</style>

<table> 标签:表格标签
<tr>标签:折行标签
<td>标签:表格内容标签
demo:
<table border="1">
  <tr>
    <th>Month</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td>January</td>
    <td>$100</td>
  </tr>
</table>
table属性:
1.align:字体位置标签
2.bgcolor:表格背景颜色设置
3.border:边框
4.cellpadding:单元边沿与其内容之间的空白。
5.cellspacing:单元格之间的空白
6.width:宽度

td属性:
1.align:字体位置
2.bgcolor:内容背景色
3.colspan:单元格可横跨的列数
4.rolspan:单元格可纵跨的行数
5.valign:单元格内容的垂直排列方式
6.width:宽度

<thead><tbody><tfoot>标签: 与html5的head,body,foot类似,是用来规范表格的头,内容,和页脚信息的标签。
demo:
<table border="1">
  <thead>
    <tr>
      <th>Month</th>
      <th>Savings</th>
    </tr>
  </thead>

<tfoot>
    <tr>
      <td>Sum</td>
      <td>$180</td>
    </tr>
  </tfoot>

<tbody>
    <tr>
      <td>January</td>
      <td>$100</td>
    </tr>
    <tr>
      <td>February</td>
      <td>$80</td>
    </tr>
  </tbody>
</table>
注:tbody 元素应该与 thead 和 tfoot 元素结合起来使用。如果您使用 thead、tfoot 以及 tbody
元素,您就必须使用全部的元素。它们的出现次序是:thead、tfoot、tbody,这样浏览器就可以在收到所有数据前呈现页脚了。您必须在
table 元素内部使用这些标签

<th> 标签:与td类似,用户thead里面。

<title> 标签:定义文档的标题

<video>标签:定义视频,比如电影片段或其他视频流
demo:
<video src="movie.ogg" controls="controls">
您的浏览器不支持 video 标签。
</video>