HTML學習筆記,html筆記
HTML 指的是超文字標記語言 (HTML) (Hyper Text Markup Language)
XHTML 是更嚴謹更純淨的 HTML 版本。
XHTML 指可擴充超文字標籤語言(EXtensible HyperText Markup Language)。
XHTML 是作為一種 XML 應用被重新定義的 HTML。
XHTML 是一個 W3C 標準。
你應該馬上使用小寫字母編寫HTML代碼,同時絕不要養成忽略類似 </p> 標籤的壞習慣。
XHTML 元素必須被關閉 非空標籤必須使用結束標籤。
屬性名稱必須小寫
屬性值必須加引號
屬性不能簡寫
用 Id 屬性代替 name 屬性
XHTML DTD 定義了強制使用的 HTML 元素
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
HTML5 是下一代的 HTML。
<!DOCTYPE HTML>
---------------------------------------------------------------------
<blockquote>的作用也是引用別人的文本。但它是對長文本的引用,如在文章中引入大段某知名作家的文字,這時需要這個標籤。
瀏覽器對<blockquote>標籤的解析是縮排樣式。
<q>標籤,短文本引用
引號
空格
<address>標籤,為網頁加入地址資訊
想加入一行代碼嗎?使用<code>標籤 <code>var i=i+300;</code>
如果是多行代碼,可以使用<pre>標籤。
ul-li是沒有前後順序的資訊列表。有前後順序的資訊列表使用ol
建立表格的四個元素:
table、tbody、tr、th、td
<tbody>…</tbody>:當表格內容非常多時,表格會下載一點顯示一點,但如果加上<tbody>標籤後,這個表格就要等表格內容全部下載完才會顯示。如右側代碼編輯器中的代碼。
caption標籤,為表格添加標題 標題的顯示位置:表格上方。
<table summary="表格簡介文本">
摘要的內容是不會在瀏覽器中顯示出來的。它的作用是增加表格的可讀性(語義化),使搜尋引擎更好的讀懂表格內容,還可以使螢幕助讀程式更好的協助特殊使用者讀取表格內容。
使用mailto在網頁中連結Email地址
對此影評有何感想,<a href="mailto:yy@imooc.com?subject=觀了不起的蓋茨比有感&body=你好,對此評論有些想法。">發送</a>郵件給我
<img src="圖片地址" alt="下載失敗時的替換文本" title = "提示文本">
使用表單標籤,與使用者互動
<form method="傳送方式" action="伺服器檔案">
文本輸入框、密碼輸入框
<input type="text" name="名稱" value="文本" />
<input type="password" name="密碼" value="文本" />
文本域,支援多行文本輸入
<textarea rows="行數" cols="列數">文本</textarea>
使用單選框、複選框,讓使用者選擇<input type="radio/checkbox" value="值" name="名稱" checked="checked"/>
注意:同一組的選項按鈕,name 取值一定要一致
使用下拉式清單方塊,節省空間的
<select>
<option value="看書">看書</option>
<option value="旅遊">旅遊</option>
<option value="運動">運動</option>
<option value="購物">購物</option>
</select>
設定selected="selected"屬性,則該選項就被預設選中
下拉式清單也可以進行多選操作,在<select>標籤中設定multiple="multiple"屬性,就可以實現多選功能,在 widows 作業系統下,進行多選時按下Ctrl鍵同時進行單擊(在 Mac下使用 Command +單擊),可以選擇多個選項。如下代碼:
使用重設按鈕,重設表單資訊
當使用者需要重設表單資訊到初始時的狀態時,比如使用者輸入“使用者名稱”後,發現書寫有誤,可以使用重設按鈕使輸入框恢複到初始狀態。只需要把type設定為"reset"就可以。
<input type="reset" value="重設">
form表單中的label標籤
label標籤不會向使用者呈現任何特殊效果,它的作用是為滑鼠使用者改進了可用性。如果你在 label 標籤內點擊文本,就會觸發此控制項。就是說,當使用者單擊選中該label標籤時,瀏覽器就會自動將焦點轉到和標籤相關的表單控制項上(就自動選中和該label標籤相關連的表單控制項上)。
<label for="控制項id名稱">