1. html 網頁最基本的代碼
Code:
<html> <!--網頁的代碼描述,所有的代碼信息全都應該包含在這個標籤裏-->
<head> <!--網頁的頭信息-->
<title>MyFirstWeb</title> 〈!--網頁文件的標題--〉
</head>
<body> <!--這個標籤之間的內容是網頁可見的內空-->
<h1> <! --這個標籤之間的內容被顯示爲標題-->
Welcome to MyFirstWeb <!--網頁顯示的內容-->
</h1>
</body>
</html>
<head> <!--網頁的頭信息-->
<title>MyFirstWeb</title> 〈!--網頁文件的標題--〉
</head>
<body> <!--這個標籤之間的內容是網頁可見的內空-->
<h1> <! --這個標籤之間的內容被顯示爲標題-->
Welcome to MyFirstWeb <!--網頁顯示的內容-->
</h1>
</body>
</html>
說明：請將上面的代碼手動輸入到記事本里,然後把內容另存爲 MyFirstWeb.html, 雙擊該文件,即可看到效果
注:學習html語言,最好用手動將代碼輸入到純文本編輯器中,這樣將有助於記憶html代碼
2: html標題
Code:
<h1>Welcome to MyFirstWeb</h1>
<h2>Welcome to MyFirstWeb</h2>
<h3>Welcome to MyFirstWeb</h3>
<h4>Welcome to MyFirstWeb</h4>
<h5>Welcome to MyFirstWeb</h5>
<h6>Welcome to MyFirstWeb</h6>
<h2>Welcome to MyFirstWeb</h2>
<h3>Welcome to MyFirstWeb</h3>
<h4>Welcome to MyFirstWeb</h4>
<h5>Welcome to MyFirstWeb</h5>
<h6>Welcome to MyFirstWeb</h6>
說明: h1到h6:字體從大到小
3: html段落
Code:
<p>This is first paragraph</p>
<p>This is second paragraph</p>
<p>This is second paragraph</p>
說明: 段落之間的行距是兩行
4: html 換行
Code:
this is first line<br />
this is second line<br />
this is second line<br />
說明: 單倍行距
注: <br /> 沒有結束標籤, 標準使用方法<br />
5: html 超鏈接
Code:
<a href="http://www.hao123.com">Hao123網址之家</a>
<a href="http://www.sina.com" target="_blank">新浪網<a/>
<a href="http://www.sina.com" target="_blank">新浪網<a/>
說明: target=”_blank” 是指在新窗口或新標籤中打開窗口
6: html 圖片
Code:
<img src="e:\ghost.ico" ;300" height="200" />
<img src="http://hiphotos.baidu.com/aobaby/pic/item/c92577548f78384d564e00cf.jpg" />
<img src="http://hiphotos.baidu.com/aobaby/pic/item/c92577548f78384d564e00cf.jpg" />
說明: width和heigth定義了圖像的尺寸,圖像的尺寸和名稱是以屬性形式提供的