怎样用html制作一个如下图的表格,谢谢,我一新手刚学这方面的知识,希望有具体步骤

   更新日期:2024.04.27

css代码:

<style type="text/css">
#gaga{overflow:hidden;width:1000px;margin:20px auto;}
#gaga_left{width:300px;height:500px;background:#f00;float:left;}
#gaga_right{float:right;width:660px;height:500px;}
#gaga_right1{height:200px;background:#f00;}
#gaga_right2{height:300px;background:#f00;position:relative;width:260px;left:50%;margin-left:-130px;}
</style>

html代码:

<div id="gaga">
  <div id="gaga_left"></div>
  <div id="gaga_right">
    <div id="gaga_right1"></div>
    <div id="gaga_right2"></div>
  </div>
</div>

步骤就是一个左浮动 一个有浮动 设置宽高 再加背景颜色就出来了 居中的那个就是left 50%相对定位,再用负边距减去本身一般的宽度就可以居中了



<div id="left" style=" float:left; width:100px; height:500px; border:1px #CCC solid;"></div>
<div id="right" style=" float:right; width:800px; height:500px; ">
<div id="top" style=" width:600px; height:100px; margin:0 auto; border:1px #CCC solid;"></div>
<div id="top" style=" width:100px; height:390px; margin:0 auto; border:1px #CCC solid;"></div>
</div>

  • 18214474063 :用HTML的<table>标签,怎么写出一个三行两列的表格?
    滕姚罗3014 :答:以下为示例代码,根据个人的需求调节以下表格的尺寸等设置即可,操作步骤如下:1.首先打开Dw软件,新建一个html,如下图红框所示;2.鼠标左键全选<head>和</head>中间的内容,如下图红框所示;3.快捷键”Delete“删除选中...
  • 18214474063 :如何用html制作网页html怎么制作
    滕姚罗3014 :答:02写代码 打开记事本,编写代码,如下图所示:03修改后缀名称 将记事本的后缀改为。html,如下图所示:04网页 桌面上会出现一个网页,如下图所示:05运行网页 最后,在浏览器上运行网页,如下图所示:怎样用HTML制作网页?用...
  • 18214474063 :用html如何制作一个简单的网页代码?
    滕姚罗3014 :答:1、首先,在计算机桌面上创建一个新文件夹,然后在该文件夹中创建一个新的文本文档。2、然后双击打开带有记事本的文本文档,如下图所示,我们编写一个简单的html代码。3、单击“另存为”的功能选项,显示默认保存为编码为...
  • 18214474063 :html海报网页制作有点设计-如何制作海报图
    滕姚罗3014 :答:下面拿一个现成的例子来给大家讲解一下: 现在,以下边的简单网页为例,叙述一下制作过程。简单网页如下图: 在开始制作之前,我们先对这个页面进行一下分析。看看这个页面用到了哪些东西。 □网页顶端的标题“我的主页”是一段文字。 □...
  • 18214474063 :如何用HTML来制作表格?
    滕姚罗3014 :答:<tr>元素表示表格中的行,比如创建两行 <tr></tr>表示一行。单元格 HTML表格的单元格用<td>标签表示,如下图所示: <td>语文</td> 表格 就做好一个HTML表格,显示图如下: 总代码: <body> <...
  • 18214474063 :如何用HTML创建一个简单网页
    滕姚罗3014 :答:转到“另存为”,输入一个扩展名为.html的文件名(如“testfile.html”)并在文件类型中选择“所有文件”或“文本”。如果这两步没做好,那么文件就无法工作。找到你保存文件的位置并双击,然后你的默认浏览器就会打开这个...
  • 18214474063 :HTML+CSS制作导航条
    滕姚罗3014 :答:导航条是一个网站中必不可少的元素,那么如何用HTML和CSS制作一个导航条呢?下面小编给大家分享一下。1、首先打开Sublime Text软件,新建一个html页面,并且在html页面中准备好html结构,如下图所示 2、接下来我们在html的...
  • 18214474063 :html求制作一个简单网页代码,只需要一些文字加张图片
    滕姚罗3014 :答:具体步骤如下:静态网页现阶段主要采用DIV+CSS+Javascript来实现,第一步:在桌面上创建一个文本文件;第二步:将文本名改为"test.html"(扩展名为.html或者.htm即可,看不见扩展名可以到);第三步:文件名改好后,右击打开方式...
  • 18214474063 :谁能帮我用HTML语言做一个简单的网页?代码就行
    滕姚罗3014 :答:<html> <head> <title>第一个html网页</title> <metacharset="utf-8"> </head> <body> </body> </html> <html> <head> <title>第一个html网页</title> <metacharset="utf-8"> </head> <body> <table>...
  • 18214474063 :怎样用Dreamweaver制作网页模板
    滕姚罗3014 :答:工具/材料 Adobe Dreamweaver cs6 1、首先我们先打开软件,然后新建一个HTML文件和一个css文件,然后依次点击文件保存为index.html、style.css。方法如下:2、一个网页分为二部分,即head和body。网页的标题(title)就是在...
  • 相关链接

    欢迎反馈与建议,请联系电邮
    2024 © 视觉网