HTML -tags&links
超文件標示語言(HyperText Markup Languag)又名HTMLHTML tags
HTMLtags 需要被包在< >中，以< >，以</>為結束，例如<html></html>
以下是範例
<!DOCTYPE html>
<!DOCTYPE html>
<html> --在網頁中只會有一個html標籤，所有東西都放在這標籤下
<head> --html網頁的標頭
</head> --head結束
<body> --我們看到的網頁內容放在這裡
<h1>蛋糕食譜</h1> --h1~h6表示標題，具有層遞性
<h2>布朗尼</h2>
<h3>材料</h3>
<ul> --<ul>是沒有順序的清單
<li>雞蛋2顆</li> --清單中的項目
<li>麵粉45克</li>
<head> --html網頁的標頭
</head> --head結束
<body> --我們看到的網頁內容放在這裡
<h1>蛋糕食譜</h1> --h1~h6表示標題，具有層遞性
<h2>布朗尼</h2>
<h3>材料</h3>
<ul> --<ul>是沒有順序的清單
<li>雞蛋2顆</li> --清單中的項目
<li>麵粉45克</li>
</ul> --<ul>結束
<h3>作法</h3>
<p>先趁好材料....</p> --<p>表示一個段落
<ol> --<ol>是具有順序性的清單
<li>分離蛋黃蛋白</li> --清單中的項目
<li>將麵粉過篩</li>
<li>將巧克力與奶油融化</li>
</ol> --<ol>結束 </body> --<body>結束 </html> --<html>結束
<li>將麵粉過篩</li>
<li>將巧克力與奶油融化</li>
</ol> --<ol>結束 </body> --<body>結束 </html> --<html>結束
HTML links
HTML links包含一般常見的超連結，超連結的tag是<a>
如果我要建立一個超連結，連結名稱是google，網址是www.google.com
寫法是<a href="http://www.google.com" target="_self">google</a>
在<a></a>中間的是超連結的東西(可能是文字、圖片)
href 後面的http://www.google.com是連結的網址，這是連到外部網站的寫法(絕對位置)，如果是網站內部可以直接寫網頁名稱(如:page2.html 相對位置)
target表示要如何開啟連結，常用的是_blank在新網頁開啟、_self在目前網頁開啟
target 也可以不寫
如果不寫target， <a href="http://www.google.com">google</a> ，預設是_self
如果我要建立一個超連結，連結名稱是google，網址是www.google.com
寫法是<a href="http://www.google.com" target="_self">google</a>
在<a></a>中間的是超連結的東西(可能是文字、圖片)
href 後面的http://www.google.com是連結的網址，這是連到外部網站的寫法(絕對位置)，如果是網站內部可以直接寫網頁名稱(如:page2.html 相對位置)
target表示要如何開啟連結，常用的是_blank在新網頁開啟、_self在目前網頁開啟
target 也可以不寫
如果不寫target， <a href="http://www.google.com">google</a> ，預設是_self
沒有留言:
張貼留言