HTML5 基礎教程
HTML 介紹HTML 元素HTML 屬性HTML 文字樣式元素HTML 水平線HTML 清單元素HTML +CSSHTML +JavascriptHTML 超連結HTML 檔案路徑HTML <!-- 註解 -->HTML 特殊文字HTML 顏色HTML 區塊元素與佈局XHTMLHTML5 多媒體教程
HTML <table>表格HTML <iframe>線內框架HTML <img> 圖片HTML <video> 影片HTML <audio> 音樂HTML5 表單教程
HTML <form> 表單HTML 各種表單元素HTML <input>HTML <input>屬性HTML5
HTML5 介紹HTML5 支援HTML5 新元素HTML5 正確語法HTML5 Graphics
HTML5 CanvasHTML5 SVGHTML5 Google Maps注意
- 以下的程式碼皆是寫於<body>與</body>標籤之內。
- 程式碼的示範，已由本網站「樣式表自動修飾」，實際測試將依各家瀏覽器「預設樣式表不同而有差距」。
HTML屬性
- 所有元素都可以擁有「屬性」。
- 屬性皆於「起始標籤」設定。
- 屬性通常包含「值」(<元素 屬性="值">內容</元素>)。
單引號或雙引號？
單雙引號等效論
通常在賦予屬性值時都會使用雙引號，但單引號也是可以，有些工程師會為了節省時間而使用單引號。
<p title='title屬性就是這樣玩的'>若您使用電腦裝置，請把滑鼠移至此文字上</p>
<p title="title屬性就是這樣玩的">若您使用電腦裝置，請把滑鼠移至此文字上</p>
單雙引號互用論
然而有時候也有必需混用的情形，例如想要顯示出：title屬性就是"醬"玩的，則可以使用單引號夾住此字串，反之亦然。
<p title='title屬性就是"醬"玩的'>若您使用電腦裝置，請把滑鼠移至此文字上</p>
<p title="title屬性就是'醬'玩的">若您使用電腦裝置，請把滑鼠移至此文字上</p>
不使用引號
若不使用引號則只有連續的文字才會被抓取，若中間有空格則空格後皆無效
<p title=title屬性就是醬玩的
空隔之後不顯示
>若您使用電腦裝置，請把滑鼠移至此文字上</p><p title=title屬性就是醬玩的
空隔之後不顯示
>若您使用電腦裝置，請把滑鼠移至此文字上</p>