网站友情链接显示页面
1.列表标签
有序列表：
<ol type="I" start="" reversed="reversed">
<li></li>
无序列表：
<ul type="">
<li></li>
</ul>
2.超链接标签
<a href="" target=""></a>
href:指定跳转的位置
2.跨行跨列操作
跨行：rowspan
网站后台系统页面
框架集标签：
<frameset rows="" cols="">
<frame src=""/>
<frame name=""/>
1.列表标签
有序列表：
<ol type="I" start="" reversed="reversed">
<li></li>
</ol>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>有序列表</title>
</head>
<body>
<ol start="4" reversed="reversed" type="a">
<li>CSDN</li>
<li>百度</li>
<li>京东</li>
</ol>
</body>
</html>无序列表：
<ul type="">
<li></li>
</ul>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>无序列表</title>
</head>
<body>
<ul type="circle">
<li>CSDN</li>
<li>百度</li>
<li>京东</li>
</ul>
</body>
</html>
2.超链接标签
<a href="" target=""></a>
href:指定跳转的位置
target：指定跳转页面显示的位置(取值：_self 、_blank)
<html>
<head>
<meta charset="UTF-8">
<title>超链接标签</title>
</head>
<body>
<a href="01_无序列表.html" target="_blank">you</a>
</body>
</html>
网站首页显示页面
1.表格标签
<table border="" width="" height="" align="" bgcolor="" cellpadding="" cellspacing="">
//align 表格居中 bgcolor背景颜色 cellspacing边框与边框的距离
//cellpadding边框与内容的间距
<tr> //行
<td></td> //列
<td></td>
<td></td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td></td>
</tr>
</table>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>表格标签</title>
</head>
<body>
<table border="1px" width="450px" height="150px" align="center" bgcolor="pink"
cellspacing="0px" cellpadding="0px">
<!--cellspacing:设置边框与边框的间距，cellpadding:设置的是边框与内容的间距-->
<tr height="100px">
<td>11</td>
<td>12</td>
<td>13</td>
<td>14</td>
</tr>
<tr bgcolor="aqua">
<td bgcolor="blue">21</td>
<td>22</td>
<td>23</td>
<td>24</td>
</tr>
</table>
</body>
</html>2.跨行跨列操作
跨行：rowspan
跨列：colspan
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>表格的跨行跨列操作</title>
</head>
<body>
<table border="1px" width="400px" height="200px"
cellspacing="0px" cellpadding="0px">
<tr>
<td colspan="2" align="center">11</td>
<td>13</td>
<td>14</td>
</tr>
<tr>
<td>21</td>
<td colspan="2" rowspan="2" align="center">22</td>
<td>24</td>
</tr>
<tr>
<td>31</td>
<td>34</td>
</tr>
<tr>
<td>41</td>
<td>42</td>
<td>43</td>
<td>44</td>
</tr>
</table>
</body>
</html>
网站后台系统页面
框架集标签：
<frameset rows="" cols="">
<frame src=""/>
<frame name=""/>
</frameset>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>frame框架</title>
</head>
<frameset rows="20%,*">
<frame src="top.html" />
<frameset cols="20%,*">
<frame src="left.html"/>
<frame name="right" />
</frameset>
</frameset>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>top</title>
</head>
<body>
<font size="6">XXX管理系统</font>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>左侧</title>
</head>
<body>
<a href="right.html" target="right">会员管理</a> <br /><br />
<a href="#">商品管理</a><br /><br />
<a href="#">系统管理</a>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>右侧表格</title>
</head>
<body>
<table border="1px" width="300" height="300" cellspacing="0px">
<tr>
<td>11</td>
<td>12</td>
<td>13</td>
</tr>
<tr>
<td>21</td>
<td>22</td>
<td>23</td>
</tr>
<tr>
<td>31</td>
<td>32</td>
<td>33</td>
</tr>
</table>
</body>
</html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
