不周山下红旗乱 發表於 2022-3-20 20:43:00

Div+css的学习

<p>Div+css的学习,通过老师的教导,以及自己的学习,完成了实验1,主要就是html和css的知识,</p>
<p>源代码如下:</p>
<p>&lt;style type="text/css"&gt;<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>&lt;/style&gt;<br>&lt;body&gt;<br>        &lt;div&gt;<br>        &lt;div id="div1"&gt;<br>                &lt;table id="table1"&gt;<br>                        &lt;tr&gt;<br>                                &lt;td id="tou"&gt;&lt;img src="wangluo.jpg" alt="博客园"&gt;博客园&lt;/td&gt;<br>                                &lt;td id="body1"&gt;&lt;a href="zhuce.html" value="注册"&gt;注册&lt;/td&gt;<br>                                &lt;td id="body2"&gt;&lt;a href="denglu.html" value="登录"&gt;登录&lt;/td&gt;<br>                                &lt;td id="body3"&gt;&lt;a href="boke.html" value="发表博客"&gt;发表博客&lt;/td&gt;<br>                                &lt;td id="body4"&gt;&lt;input type="text" placeholder="代码改变世界"&gt;&lt;/td&gt;<br>                        &lt;/tr&gt;<br>                &lt;/table&gt;<br>        &lt;/div&gt;<br>        &lt;div id="div2"&gt;<br>        &lt;/div&gt;<br>        &lt;div id="div3"&gt;<br>                &lt;table id="table2"&gt;<br>                &lt;tr&gt;&lt;td&gt;&lt;a href="https://www.cnblogs.com/"targrt="htmlform"&gt;博客园首页&lt;/td&gt;&lt;/tr&gt;<br>                &lt;tr&gt;&lt;td&gt;&lt;a href="https://www.cnblogs.com/IT2002/" targrt="htmlform"&gt;宋浩伟的博客&lt;/td&gt;&lt;/tr&gt;<br>                &lt;/table&gt;<br>        &lt;/div&gt;</p>
<p>        &lt;div id="div4"&gt;<br>                &lt;iframe src="https://www.cnblogs.com/" id="yemian" frameborder="0" name="htmlform"&gt;&lt;/iframe&gt;<br>        &lt;/div&gt;<br>&lt;/div&gt;<br>&lt;Embed src="123.mp3" width="0" height="0" HIDDEN="TRUE" AUTOSTART="TRUE" LOOP="TRUE"&gt;&lt;/Embed&gt;<br>&lt;/body&gt;、</p>
<p>这一部分运行截图:</p>
<p><img src="https://img2022.cnblogs.com/blog/2442590/202203/2442590-20220320204148213-974564136.png" alt=""></p>
<p>也是学习了一个新的知识点:</p>
<p>&lt;Embed src="url"width="宽度"height="高度"AUTOSTART="TRUE│false" LOOP="TRUE"&gt;&lt;/Embed&gt;<br>【注解】<br>&lt;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>&lt;/EMBED&gt;………………结束标记</p><br><br>
来源:https://www.cnblogs.com/IT2002/p/16031411.html
頁: [1]
查看完整版本: Div+css的学习