HTML的入門概念

標籤：www   包含   copy   lsp   上層   divide   html_   footer   日期   

超文本<a>

1. 文本或映像都可以用作連結的標籤。
2. 使用“..”可以串連到源檔案的上層檔案夾。“..”表示“父資料夾”。 

<a  href="目標網址#錨點" name="頁面錨點名稱" title="滑鼠滑過顯示的文本">連結顯示的文本</a> <a href="http://www.w3school.com.cn/html/html_links.asp#tips">有用的提示</a> 屬性 值 描述 download filename 規定被下載的超連結目標。 href URL 規定連結指向的頁面的 URL。 hreflang language_code 規定被連結文檔的語言。 media media_query 規定被連結文檔是為何種媒介/裝置最佳化的。 name section_name HTML5 中不支援。規定錨的名稱。 rel text 規定當前文檔與被連結文檔之間的關係。 target _blank _parent _self _top framename 規定在何處開啟連結文檔。 type MIME type 規定被連結文檔的的 MIME 類型。

 

 字元實體

實體名稱對大小寫敏感！

 

顯示結果	描述	實體名稱	實體編號
	空格	 	 
<	小於符號	&lt;	&#60;
>	大於符號	&gt;	&#62;
&	和號	&amp;	&#38;
"	引號	&quot;	&#34;
‘	撇號	&apos; (IE不支援)	&#39;
￠	分（cent）	&cent;	&#162;
￡	鎊（pound）	&pound;	&#163;
￥	元（yen）	&yen;	&#165;
€	歐元（euro）	&euro;	&#8364;
§	小節	&sect;	&#167;
?	著作權（copyright）	&copy;	&#169;
?	註冊商標	&reg;	&#174;
?	商標	&trade;	&#8482;
×	乘號	&times;	&#215;
÷	除號	&divide;	&#247;

映像<img>

alt是<img>的必要屬性。

Jpeg適合儲存複雜映像

Png 比gif更好得控制透明

Gif 只允許一種透明顏色

表格

表格	描述
<table>	定義表格
<caption>	定義表格標題。
<th>	定義表格的表頭。
<tr>	定義表格的行。
<td>	定義表格單元。
<thead>	定義表格的頁首。
<tbody>	定義表格的主體。
<tfoot>	定義表格的頁尾。
<col>	定義用於表格列的屬性。
<colgroup>	定義表格列的組。

空的儲存格的邊框沒有被顯示出來。為了避免這種情況，在空儲存格中添加一個空格預留位置，就可以將邊框顯示出來。

列表

無序列表<ul>

有序列表<ol>

列表定義<dl>

<dl> <dt>Coffee</dt> <dd>Black hot drink</dd> <dt>Milk</dt> <dd>White cold drink</dd> </dl>

 

HTML5布局元素

header	定義文檔或節的頁首
nav	定義導航連結的容器
main	定義文檔的主內容
section	定義文檔中的節
article	定義獨立的自包含文章
aside	定義內容之外的內容（比如側欄）
footer	定義文檔或節的頁尾
details	定義額外的細節
summary	定義 details 元素的標題
time	定義日期/時間

 

HTML 媒體

HTML5 <audio> 元素會嘗試以 mp3 或 ogg 來播放音頻。如果失敗，代碼將回退嘗試 <embed> 元素。

<audio controls="controls" height="100" width="100">   <source src="song.mp3" type="audio/mp3" />   <source src="song.ogg" type="audio/ogg" /> <embed height="100" width="100" src="song.mp3" /> </audio>

HTML 5 + <object> + <embed>

HTML 5 <video> 元素會嘗試播放以 mp4、ogg 或 webm 格式中的一種來播放視頻。如果均失敗，則回退到 <embed> 元素。

<video width="320" height="240" controls="controls">   <source src="movie.mp4" type="video/mp4" />   <source src="movie.ogg" type="video/ogg" />   <source src="movie.webm" type="video/webm" />   <object data="movie.mp4" width="320" height="240">     <embed src="movie.swf" width="320" height="240" />   </object> </video>

HTML的入門概念