同时把,第二个tr里第二个td删掉。
<!DOCTYPEhtml>
<htmllang="en">
<head>
<metacharset="UTF-8">
<title>网页设计</title>
</head>
<body>
<tablewidth="400px"align="center"border="2"cellpadding="0"cellspacing="1">
<tr>
<td>
<p>这是一个段落。</p>
<br><p>这是另一个段落。</p>
</td>
<td>
这个单元包含一个表格;
<tablewidth="100px"cellspacing="1"cellpadding="1"align="center"border="2">
<tr>
<td>一行一列</td>
<td>一行二列</td>
<td>一行三列</td>
<td>一行四列</td>
</tr>
<tr>
<td>二行一列</td>
<td>二行二列</td>
<td>二行三列</td>
<td>二行四列</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
这个单元包含一个列表:
<ul>苹果</ul>
<ul>香蕉</ul>
<ul>菠萝</ul>
</td>
<td>
HELLO
</td>
</tr>
</table>
</body>
</html>
<ol id="list"><li>无序列表并排111<li>
<li>无序列表并排222<li>
</ol>
css:
-----------------------------
#list li{float:left;}
float浮动就行了,最好给ol和li设定固定宽度,另外你还需要做的是浮动以后清除浮动frameset 元素可定义一个框架集。它被用来组织多个窗口(框架)。每个框架存有独立的文档。在其最简单的应用中,frameset 元素仅仅会规定在框架集中存在多少列或多少行。您必须使用 cols 或 rows 属性。
<frameset cols="25%,50%,25%">
<frame src="frame_ahtm" />
<frame src="frame_bhtm" />
<frame src="frame_chtm" />
</frameset>
<frame> 标签定义 frameset 中的一个特定的窗口(框架)。
下面是需要的两行两列表格代码
<html>
<head>
<title>两行两列的表格</title>
</head>
<body>
<table width="200" border="1">
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
div+css做页面的一行两列布局,首先我们是需要三个div的,第一个div包裹着其他的2个div,然后给那2个div设置float属性和width,height,最好是给个border利于布局的时候方便观察,这里举个例子:<html>
<head>
<style>
#div1{
width:960px; //通过id来控制
height:600px;
}
left{
width:400px
height:400px;
border:1px solid #f00;
float:left;
marign-right:40px; //距离第三个div有点距离
}
right{
width:400px;
border:1px solid #f00;
height:400px;
float:left;
}
</style>
</head>
<body>
<div id='div1'>
<div class='left'>我是左边的</div>
<div class='right'>我是右边的</div>
</div>
</body>
</html>
以下为示例代码,根据个人的需求调节以下表格的尺寸等设置即可, *** 作步骤如下:
2鼠标左键全选<head>和</head>中间的内容,如下图红框所示;
3快捷键”Delete“删除选中目标,如下图红框所示;
4然后输入代码,设置表格属性,如下图红框所示;
5输入完毕,将光标至于<body>和</body>中间那一行,如下图红框所示;
6输入代码设置表格的行和列,如下图红框所示;
7打完代码就可以对此html进行保存预览了,点击“是”按钮,如下图红框所示。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)