Web每日一练day26

最新推荐文章于 2022-08-24 15:32:27 发布
最新推荐文章于 2022-08-24 15:32:27 发布
阅读量311 收藏 1
点赞数
分类专栏： Web
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43942765/article/details/107545529
版权

在这里插入图片描述

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style>
body {font:12px Tahoma;margin:0px;text-align:center;background:#FFF;}

#container {width:100%}

#Header {width:800px;margin:0 auto;height:100px;background:#FFCC99}

#PageBody {width:800px;margin:0 auto;height:400px;background:#CCFF00}

#Footer {width:800px;margin:0 auto;height:50px;background:#00FFFF}
#sidebar {   width:160px;height:400px;  text-align:left;   float:left;   clear:left; /* overflow:hidden; /*超出宽度部分隐藏*/background:#CCFFBB }
#mainbody {  width:635px; height:400px;    text-align:left;   float:right;   clear:right;   overflow:hidden ;background:#AAFFBB }
</style>
</head>
<body>
<!-- ********FOUND********* -->
<div id="____________">[布局示例]
    <!-- ********FOUND********* -->
　　<div id="____________">[布局示例]
　　</div>
    <!-- ********FOUND********* -->
　　<div id="____________">
        <!-- ********FOUND********* -->
　　　　<div id="____________">[布局示例]
　　　　</div>
        <!-- ********FOUND********* -->
　　　　<div id="____________">[布局示例]
　　　　</div>
　　</div>
    <!-- ********FOUND********* -->
　　<div id="____________">[布局示例]
　　</div>
</div>

</body>
</html>

答案

 1. container
 2. Header
 3. Pagebody
 4. sidebar
 5. mainbody
 6. Footer
太阳的后裔
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
WebAPI-day-01.md
10-23
自给学习整理的笔记，即可以为自给提供复习，也可以为大家提供帮助。喜欢请关注
Web前端基础day04.zip
08-19
在Web前端开发中，布局和定位是至关重要的概念，它们决定了网页元素的排列方式和位置。今天我们将深入探讨五个主要的定位技术：静态定位、相对定位、绝对定位、固定定位以及浮动定位。这些定位方法都是CSS（层叠样式...
每日一练28：移动端页面布局总结
Super Livia
01-30 221
效果图如下：只有中间内容滚动，头部红色定位在顶部，底部绿色背景定位在底部，只有中间内容滚动 这个效果用的盒子模型写的，不用定位 <template> <div class="app"> <div class="top"> <p>我是top</p> </div> <div class="content"> <
Web每日一练day19 table rowspan colspan
weixin_43942765的博客
07-15 231
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>成绩单 </title> </head> <body> <!-- ********FOUND********* --> <table border=1 align="____________"> &l.
Web每日一练day4
weixin_43942765的博客
06-30 335
<!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;chars.
Web每日一练day2
weixin_43942765的博客
06-28 469
<html> <head><title>表单示例</title> <!-- 以下控件链接外部样式表 --> <!-- ********FOUND********* --> <link href="1.css" ____________="stylesheet" type="text/css"> </head> <body> <form> <!-- ********FOUND****.
Web每日一练day10
weixin_43942765的博客
07-06 331
<html> <head> <title>锚伪类</title> <!-- **********Found********** --> <style _____________="text/css"> /*下一句设置未被访问的颜色为红色（必须用#FF0000）的锚伪类*/ /* *********Found********* */ ________________ /*下一句设置访问过的链接颜色为绿色（必须用#00FF.
Web每日一练day1
weixin_43942765的博客
06-27 497
今天打开csdn博客后突然看见有些博主自己打卡学习，小编也佩服的不得不得了，小编也决定效仿这些一路坚持学习的大能，从今天起每天多练习一下敲代码，废话不多说，请阅代码 1.html <html> <head> <title>歌词列表</title> </head> <body> <!-- 此处链接能够跳转到label2.htm文件中的end书签处 -->　　 <!-- **********Found*******
Web每日一练day25
weixin_43942765的博客
07-22 356
<html> <head> <style type="text/css"> /* *********Found********* */ #_____________{ /* *********Found********* */ float:_____________; height: 30px; width: 10%; color: red; } /* *********Found********* */ #______________{ /* .
Web每日一练day20
weixin_43942765的博客
07-16 293
<HTML> <HEAD> <TITLE>CSS边距属性</TITLE> <STYLE type="text/css"> <!-- ********FOUND********* --> .D1{border:2px solid ____________(255,0,0);} .D2{border:2px solid gray;} <!-- ********FOUND********* --> .D3{___________.
Web每日一练day14
weixin_43942765的博客
07-10 288
<!-- **********Found********** --> <table _____________=1 align=center> <tr> <!-- **********Found********** --> <th _______________=2>学号</th> <!-- **********Found********** --> <th _____________=2>姓名</th.
Web前端基础day02.zip
08-12
CSS（Cascading Style Sheet）:层叠样式表,作用:是用于美化页面的 ... 内联样式:在标签的style属性中添加样式代码,不可以复用 使用较少 内部样式: 在head标签里面添加style标签 标签体内写样式代码，可以在当前页面复用...
一、DAY01 web测试基础.pdf
06-29
一、DAY01 web测试基础.pdf
Web前端基础day01.zip
08-09
HTML 学习如何搭建页面结构和内容 (盖房子 毛坯房) CSS 学习如何美化页面 (装修) JavaScript 学习如何给页面添加动态效果 jQuery JS语言框架,简化原生JS开发 Bootstrap 前端框架对html/css/JavaScript/jQuery进行...
jquery foreach循环
热门推荐
weixin_43942765的博客
11-08 1万+
昨天立冬了，又一个秋天结束了，平淡的日子好像很相似，和去年一样依然在做着开发的日子，不同的是随着时间的积累，慢慢的可以适应很多的东西了，开发一周，改代码一周 今天又是关于前端浏览器兼容的问题，原代码： data.data.forEach((item, index, arr) => { ArticleHtml += "<li class='am-g am-list-item-dated'><a href='javascript:;' οnclick='GetArticleCo.
Web打卡27 输出1-1000同时能被3，5，7整除并每行只显示6个这样的数
weixin_43942765的博客
11-01 1849
输出1-1000同时能被3，5，7整除并每行只显示6个这样的数 忙碌了好长时间，小编接下来的时间里终于有空忙于自己的博客了，今天打卡签到，啊，又是元气满满的一天 <html> <head> <script language=javascript> function IsThatNumber(x) { <!-- ********FOUND********* --> return x%3==0 ________ x%5==0 ________ x%7
用echarts显示本年365天每天的数据
最新发布
weixin_43942765的博客
08-24 1218
用echarts显示本年365天每天的数据
Web视频上添加文字
weixin_43942765的博客
05-08 1126
小编上一篇写到了如何给视频添加图片水印，但是后来遇到的需求是不能给原视频添加水印，怎么办呢，于是乎小编又开始在网上疯狂的寻找资料，只不过小编将找视频水印改成了视频弹幕来搜索，后来还是找到了不少的东西 小编参考的主要内容是一个DanmuPlayer-master的项目，里面提供了很多的插件，讲真的我觉得那个项目很完美，但是直接引用的话是无法在自己的项目中很好的衔接的，于是小编决定深入查看其底层代码 来看代码 <!DOCTYPE html> <html> <head lang="
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值