Div+css的学习
<p>Div+css的学习,通过老师的教导,以及自己的学习,完成了实验1,主要就是html和css的知识,</p><p>源代码如下:</p>
<p><style type="text/css"><br> *{<br> margin: 0;<br> padding: 0;<br> }<br> #div1{<br> background-color: yellow;<br> margin-top:5px;<br> width:100%;<br> height:30px;<br> }<br> #table1{<br> width:100%;<br> text-align: center;<br> }<br> img{<br> width:20px;<br> height:20px;<br> }<br> table#tou{<br> width:20%;<br> }<br> table#body1{<br> width:10%;<br> }<br> table#body2{<br> width:10%;<br> }<br> table#body3{<br> width:10%;<br> }<br> table#body3{<br> width:50%;<br> }<br> a:hover{<br> color:red;<br> font-size:20px;<br> }<br> #div2{<br> width:100%;<br> height:50px;<br> background:url(https://common.cnblogs.com/images/banner/q-bannerbar1.jpg);<br> -webkit-background-size: 100% 50px;<br> background-repeat: no-repeat;<br> }<br> #div3{<br> width:15%;<br> height:600px;<br> background-color: #F0F0F0;<br> float:left;<br> }<br> #table2{<br> width:200px;<br> height:600px;<br> text-align: center;<br> }<br> #div4{<br> width:85%;<br> height:600px;<br> float:left;<br> }<br> #yemian{<br> width:1200px;<br> height:600px;<br> }<br></style><br><body><br> <div><br> <div id="div1"><br> <table id="table1"><br> <tr><br> <td id="tou"><img src="wangluo.jpg" alt="博客园">博客园</td><br> <td id="body1"><a href="zhuce.html" value="注册">注册</td><br> <td id="body2"><a href="denglu.html" value="登录">登录</td><br> <td id="body3"><a href="boke.html" value="发表博客">发表博客</td><br> <td id="body4"><input type="text" placeholder="代码改变世界"></td><br> </tr><br> </table><br> </div><br> <div id="div2"><br> </div><br> <div id="div3"><br> <table id="table2"><br> <tr><td><a href="https://www.cnblogs.com/"targrt="htmlform">博客园首页</td></tr><br> <tr><td><a href="https://www.cnblogs.com/IT2002/" targrt="htmlform">宋浩伟的博客</td></tr><br> </table><br> </div></p>
<p> <div id="div4"><br> <iframe src="https://www.cnblogs.com/" id="yemian" frameborder="0" name="htmlform"></iframe><br> </div><br></div><br><Embed src="123.mp3" width="0" height="0" HIDDEN="TRUE" AUTOSTART="TRUE" LOOP="TRUE"></Embed><br></body>、</p>
<p>这一部分运行截图:</p>
<p><img src="https://img2022.cnblogs.com/blog/2442590/202203/2442590-20220320204148213-974564136.png" alt=""></p>
<p>也是学习了一个新的知识点:</p>
<p><Embed src="url"width="宽度"height="高度"AUTOSTART="TRUE│false" LOOP="TRUE"></Embed><br>【注解】<br><EMBED…………………起始标记<br>SRC="url"……………源文件名<br>width="450"…………播放器的宽度<br>height="380"…………播放器的高度<br>HIDDEN="TRUE"………隐藏方式(对播放声音文件有用,对播放视频无用)<br>AUTOSTART="TRUE"……自动播放<br>autostart="false"……不自动播放,点击播放按钮后才播放。<br>LOOP="TRUE"…………循环播放<br>NAME="MySound"………嵌入对象名<br></EMBED>………………结束标记</p><br><br>
来源:https://www.cnblogs.com/IT2002/p/16031411.html
頁:
[1]