Div+css的學習
Div+css的學習，通過老師的教導，以及自己的學習，完成了實驗1，主要就是html和css的知識，
原始碼如下：
<style type="text/css">
*{
margin: 0;
padding: 0;
}
#div1{
background-color: yellow;
margin-top:5px;
width:100%;
height:30px;
}
#table1{
width:100%;
text-align: center;
}
img{
width:20px;
height:20px;
}
table#tou{
width:20%;
}
table#body1{
width:10%;
}
table#body2{
width:10%;
}
table#body3{
width:10%;
}
table#body3{
width:50%;
}
a:hover{
color:red;
font-size:20px;
}
#div2{
width:100%;
height:50px;
background:url(https://common.cnblogs.com/images/banner/q-bannerbar1.jpg);
-webkit-background-size: 100% 50px;
background-repeat: no-repeat;
}
#div3{
width:15%;
height:600px;
background-color: #F0F0F0;
float:left;
}
#table2{
width:200px;
height:600px;
text-align: center;
}
#div4{
width:85%;
height:600px;
float:left;
}
#yemian{
width:1200px;
height:600px;
}
</style>
<body>
<div>
<div id="div1">
<table id="table1">
<tr>
<td id="tou"><img src="wangluo.jpg" alt="部落格園">部落格園</td>
<td id="body1"><a href="zhuce.html" value="註冊">註冊</td>
<td id="body2"><a href="denglu.html" value="登入">登入</td>
<td id="body3"><a href="boke.html" value="發表部落格">發表部落格</td>
<td id="body4"><input type="text" placeholder="程式碼改變世界"></td>
</tr>
</table>
</div>
<div id="div2">
</div>
<div id="div3">
<table id="table2">
<tr><td><a href="https://www.cnblogs.com/" targrt="htmlform">部落格園首頁</td></tr>
<tr><td><a href="https://www.cnblogs.com/IT2002/" targrt="htmlform">宋浩偉的部落格</td></tr>
</table>
</div>
<div id="div4">
<iframe src="https://www.cnblogs.com/" id="yemian" frameborder="0" name="htmlform"></iframe>
</div>
</div>
<Embed src="123.mp3" width="0" height="0" HIDDEN="TRUE" AUTOSTART="TRUE" LOOP="TRUE"></Embed>
</body>、
這一部分執行截圖：
也是學習了一個新的知識點：
<Embed src="url"width="寬度"height="高度"AUTOSTART="TRUE│false" LOOP="TRUE"></Embed>
【註解】
<EMBED…………………起始標記
SRC="url"……………原始檔名
width="450"…………播放器的寬度
height="380"…………播放器的高度
HIDDEN="TRUE"………隱藏方式（對播放聲音檔案有用，對播放視訊無用）
AUTOSTART="TRUE"……自動播放
autostart="false"……不自動播放，點選播放按鈕後才播放。
LOOP="TRUE"…………迴圈播放
NAME="MySound"………嵌入物件名
</EMBED>………………結束標記