每個標籤都有屬性。屬性主要描述被標籤包住的內容要怎樣在網頁上呈現
以下舉<table>標籤的例子:
<table border="1" bgcolor="#00FF00" ></table>
table是標籤在網頁上畫一張表格，border、bgcolor是屬性，分別表示表格線條與表格的背景顏色。
學習HTML，死背也背不完。每種標籤有不同的屬性。
只要了解HTML標籤屬性有哪些就好，不要刻意去背這些屬性用在哪標籤
常用屬性有id 、class 、style 、onclick、 lang(language)、title
lang：設定預設國家文字。zh,jp,en,de(德文)
title:設定提示文字。如果在標籤的屬性打上title="hahaha"，那麼將滑鼠游標移動到該文字或物件上面，就會顯示hahaha。
1.<body></body>:網頁主體
例如:<body bgcolor="#ff00ff" background text="green">...</body>
bgcolor、text是屬性
bgcolor:網頁背景顏色
background設定網頁背景圖片，要跟網頁在同一資料夾
text:文字顏色
HTML5已經將body屬性拿掉，也就是說變成單純的標籤
2.文字格式(太多標籤了，寫一些比較常用的吧!!未來趨勢將由CSS取代之)
粗體:<B>bold, 用在聯絡資訊
斜體:Italic <i>或<address>，address會順便換行
刪除字:<strike>。
寫化學式，可用下標標籤<sub>H2SO4
寫指數方程式，可以用上標標籤<sup>：210=1024
3.<div></div>(division)：估且用物件(區塊)標籤理解他吧，被div包住的文字圖片表格皆會被HTML是為一個物件，可以用屬性style改變文字顏色、或者onclick讓使用者點一下文字圖片表格，與網頁產生互動。div包住的程式碼在網頁秀出時會將旁邊的東西擠到上一行或下一行去，自己獨立成一行。
定義:
The <div> tag defines a division or a section in an
HTML document.
The <div> tag is used to group block-elements to
format them with CSS.
<span>
Tip: The <div> element is
very often used together with CSS, to layout a web page.
Note: By default, browsers always
place a line break before and after the <div> element. However, this can
be changed with CSS.
4.註解:<!-- 00xx0x0x0x0xx0x0x0x -->
5.<head></head>:放特定標籤的地方。w3school是寫描述網頁資訊標籤的地方ex:<title>、<meta>、<script>。
<meta>:描述資料的資料的標籤。例如:charset="編碼種類"。charset="utf-8"表示網頁的字元採用unicode
6.<p>:分段。讓文字行與行之間，間距寬一點:每行用<p></p>包住就可以做出效果，<p>是將文章分段的標籤。讓文章與文章之間有個間距。
7.<blockquote>左右縮排。詩詞專用標籤，我們常常在小說看到的詩詞，寫法是將詩詞自成一個區塊，且並非從第一個空格開始寫。HTML也可以用<blockquote>表現這手法，如下
意思是畫個顏色為亮綠色的、長度占網頁長度一半，線條粗細為10的水平線。HTML5已經不支援，這個交給CSS辦了
9.描述項目以及項目定義專用的標籤，字典的標籤。
格是跟我們念書在寫名詞定義的筆記一樣。
<DL>:Data List4.註解:<!-- 00xx0x0x0x0xx0x0x0x -->
5.<head></head>:放特定標籤的地方。w3school是寫描述網頁資訊標籤的地方ex:<title>、<meta>、<script>。
<meta>:描述資料的資料的標籤。例如:charset="編碼種類"。charset="utf-8"表示網頁的字元採用unicode
6.<p>:分段。讓文字行與行之間，間距寬一點:每行用<p></p>包住就可以做出效果，<p>是將文章分段的標籤。讓文章與文章之間有個間距。
7.<blockquote>左右縮排。詩詞專用標籤，我們常常在小說看到的詩詞，寫法是將詩詞自成一個區塊，且並非從第一個空格開始寫。HTML也可以用<blockquote>表現這手法，如下
大風起兮雲飛揚8.在網頁畫水平線可以用horizontal<hr color=#00ff00 align="50%" size="10">，
威加海內兮歸故鄉
安得猛士兮守四方
意思是畫個顏色為亮綠色的、長度占網頁長度一半，線條粗細為10的水平線。HTML5已經不支援，這個交給CSS辦了
9.描述項目以及項目定義專用的標籤，字典的標籤。
格是跟我們念書在寫名詞定義的筆記一樣。
<DT>:Data Term，必須寫在<DL></DL>之間
<DD>:Data Describe，必須寫在<DL></DL>之間
- CSS
- Cascading Style Sheets的縮寫，主要定義網頁的編排顯示特殊效果
10.跳脫字元、特殊字元。
 :意思是non-breaking space(不間斷空格)，在網頁上印出空白字元
":在網頁上印雙引號
11.<pre>:預先格式化。我覺得有了這個標籤，跟文章格式相關的標籤感覺是多餘的(像是<DL><P><blockquote>)。
要打一篇文章秀在網頁上。打在<pre>標籤中，網頁會忠實呈現使用者在coding時打文章的格式。
12.<font>:文字設定。其中屬性face設定字型。這部分在HTML5也變成交給CSS處理了
這是楷書
13.項目符號與編號 <ul><ol><li>，想要在網頁上呈現項目清單、條列式的效果，用這個標籤就對了。
<ul>:unorder list。資料秀出項目符號
<ol>:order list。資料秀出項目編號
<li>:list。資料項目，被<ul>或<ol>標籤包住
例如
<ul><li>資料項目1</li><li>資料項目2</li></ul>
沒有留言:
張貼留言