HTML基本觀念
HTML是用來描述網頁的語言
- HTML代表超文本標記語言Hyper Text Markup Language
- HTML是一種標記語言
- 標記語言是一組標記標籤的組合
- 標籤描述文件內容
- HTML文件包含HTML標籤及純文本
- HTML文件也被稱為網頁
HTML Tages
HTML標記標籤語言(HTML markup tags)通常稱為HTML標籤(HTML tags)
- HTML tages藉由尖括號來將keywords(關鍵字括起來，像是<html>
- HTML tages通常成對出現，像是<br>and</br>
- 首先出現的標籤是start tags(開始標籤)，接著出現的是結束標籤(end tags)
- 結束標籤跟開始標籤相同
- 也可稱為opening tags and closing tags.
<tagname>content</tagname>
HTML的目的是要能夠讓瀏覽器能讀取(Google Chrome, Internet Exploer, Firefox, Safari等)
瀏覽器不是展示HTML的標籤，而是使用標籤去解釋網頁的內容
<html>
HTML 版本
<body>
</html>
<h1>This a heading</h1>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
</body>| ersion | Year |
|---|---|
| HTML | 1991 |
| HTML+ | 1993 |
| HTML 2.0 | 1995 |
| HTML 3.2 | 1997 |
| HTML 4.01 | 1999 |
| XHTML 1.0 | 2000 |
| HTML5 | 2012 |
| XHTML5 | 2013 |
The <!DOCTYPE> Declaration(聲明)
<!DOCTYPE>聲明幫助瀏覽器展示正確的網頁，在網路上有著很多不同的文件，假設瀏覽器了解HTML標準及使用的版本，瀏覽器只能100%正確的展示HTML頁面
Common Declarations一般聲明
HTML5
<!DOCTYPE html>
HTML 4.01
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
"http://www.w3.org/TR/html4/loose.dtd">
XHTML 1.0
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
HTML Headings(標題)
<h1> to </h6>
HTML Paragraphs(段落)
<p> </p>
HTML Links(連結)
<a>
<a href="http://www.yahoo.com.tw">Yahoo! 奇摩</a>
HTML images(圖像)
<img></img>
<img src="w3schools.jpg" width="104" height="142">
留言
張貼留言