第一個html頁面

蹭課《個人網頁設計》一節
沒有真的接觸到什麼真的網頁設計的
還是自己看自學網站自學做出來的
不錯不錯,還挺有感覺的
感覺html只不過是利用代碼對位置圖片格式化,好比用代碼做畫筆

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无标题文档</title>
</head>
<body background="picture/bkg.jpg"><!*****************背景圖片************>
    <h1 style="color: blue">電泡泡</h1><!******************標題**************>
	<p align="right">
	    <embed src="song/张婧 - 这样爱了.mp3" width=300 height=40
        autostart=true loop=flase></embed>
	</p>
    <p>電泡泡的主頁</p><!**************段落**************>
	
    <hr><!*******************分割線*********************>
	<p align="center">
        我的博客<!***************位置屬性*******************>
        <a href="http://my.oschina.net/dianpaopao"> 
		http://www.oschina.net/dianpaopao </a><!*****************鏈接*************>
		<br>
		<a href="http://user.qzone.qq.com/363451039/main" style="text-decoration:none">
		     http://user.qzone.qq.com/363451039/main </a>       <!***************無下劃線的鏈接*************>
    </p>
    <hr>
	
	<p style="color: red; margin-left: 20px;align="center" ><!*************字體顏色,段落縮進***************> 
	    <del>歡迎</del><!****************刪除線*****************>
		wellcome !
	    <del>歡迎</del>
	</p>
    </p>
	<br>
	<br>
	<br>
	<br>
    <img src="picture/face.jpg" width="250" heigt="300"/><!****************插入圖片****************> 
	
	<!img src="http://www.w3school.com.cn/images/boat.gif/">
   
	<br>
	<br>
	<br>
	<br>
	<br>
	<br>
	
	<p align="right"><!*************圖片鏈接*************
	    <h2>next page</h2>
		<a href="http://www.baidu.com">
	    <img border="0" src="picture/eg_buttonnext.gif"/>
	    </a>
	</p>
	
</body>
</html>

你可能感兴趣的:(第一個html頁面)