HTML入门学习笔记（三）

图片

要把图片放到网页上，就得用到 <img> 标签，同时还需要 src 属性(source)包含我们的图片的路径,这就跟超链接 <a> 标签的 href 的属性是一样的。

例子:

把html文件和图片放到同一目录下

<img src="雪.jpg" width="400px" height="300px" alt="下雪了"
title="下雪了">
图片有点大，修改了一下长宽

这里alt的作用是，如果图片的链接错了或者是加载不出来的时候就会显示出来的内容，而且如果浏览页面的人有视力障碍，那么屏幕阅读器就会阅读alt属性的内容。
title属性并不常用，但是如果没有空间显示提示时，就可以用到title属性。

视频

<video src="images/320.mp4" controls poster="雪.jpg">
</video>
<p>可点击<a href="images/320.mp4" target="_blank">此链接</a>在新页面内观看</p>

这里跟 <img> 基本一样,这里的 controls 属性可以容用户控制视频的回访功能，poster属性就相当于是一个视频的广告一样，就跟我们平时浏览一些视频网站打给出来的适合视频有关的图片而不是视频0s是的图片。

音频

  <audio controls>
    <source src="images/666.mp3" type="audio/mp3">
  </audio>
  <p>可点击<a href="images/666.mp3">此链接</a>在新页面内收听。</p>

<audio> 标签支持所有 <video> 标签拥有的特性，除了width、height和poster属性。

表格

表格基础

1.每一个表格的内容都包含在这两个标签中：<table>
2.表格标题：<th>
3.表格的行： <tr>
4.在表格中，最小的内容容器是单元格，是通过 <td> 元素创建的。
5.整个表格的标题： <caption>

<table>
<caption>Dinosaurs in the Jurassic period</caption>
  <tr>
    <td>&nbsp;</td>
    <td>Knocky</td>
    <td>Flor</td>
    <td>Ella</td>
    <td>Juan</td>
  </tr>
  <tr>
    <td>Breed</td>
    <td>Jack Russell</td>
    <td>Poodle</td>
    <td>Streetdog</td>
    <td>Cocker Spaniel</td>
  </tr>
  <tr>
    <td>Age</td>
    <td>16</td>
    <td>9</td>
    <td>10</td>
    <td>5</td>
  </tr>
  <tr>
    <td>Owner</td>
    <td>Mother-in-law</td>
    <td>Me</td>
    <td>Me</td>
    <td>Sister-in-law</td>
  </tr>
  <tr>
    <td>Eating Habits</td>
    <td>Eats everyone's leftovers</td>
    <td>Nibbles at food</td>
    <td>Hearty eater</td>
    <td>Will eat till he explodes</td>
  </tr>
</table>

这表格看的不怎么舒服主要是因为没有 <style> 会这是 CSS文件 渲染。