1. 程式人生 > >從零開始的畢設--HTML&&CSS(1)

從零開始的畢設--HTML&&CSS(1)

HTML5新特性

我們用div是這樣寫的頁面: 在這裡插入圖片描述 http://www.w3school.com.cn/html5/html5_reference.asp <nav> 定義導航連結。 <header>定義 section 或 page 的頁首。 <footer>定義 section 或 page 的頁尾。 <section> 定義 section。 <article> 定義 article。 <video> 定義視訊。 <time>定義日期/時間。 <audio> 定義聲音內容。 <aside> 定義頁面內容之外的內容。 <canvas>

定義圖形。 現在有以上新特性,我們的頁面可以變成這樣: 在這裡插入圖片描述在這裡插入圖片描述 在這裡插入圖片描述在這裡插入圖片描述 <vedio>元素如何工作

<video controls autoplay 
	width="512" height="288"
	src="../tweetsip.mp4"
	poster="images/poster.png"
	id="video"
></video>

controls:控制進度的條等等。 autoplay:自動播放。 poster:視訊的海報。

  • 關於視訊格式需要知道什麼? HTML5允許任何視訊格式,但是具體支援什麼格式是由瀏覽器決定的。

處理所有的視訊格式:

<video
controls autoplay width="512" height="288">
<source src="../tweetsip.mp4"> <source src="../tweetsip.webm"> <source src="../tweetsip.ogv"> <p>瀏覽器不支援該視訊</p> </video>

建立表格 這裡的表格不是表格佈局,而是真正的表格。使用<table>元素。 在表格中,<table>表示這個表。 <tr>表示行 <th>表示某一列的表頭 <td>

表示單元格 在這裡插入圖片描述 在這裡插入圖片描述 表格可以增加一行標題 在這裡插入圖片描述 這裡對錶格不多做介紹。