HTML學習筆記,html筆記

來源:互聯網
上載者:User

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>標籤,短文本引用
    引號
&nbsp; 空格
<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名稱"> 

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.