HTML—标签与表格 、框架
1、标签
<!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; charset=utf-8" /> <title>标签练习</title> </head> <body background="未标题-1.jpg" bgcolor="#999999" text="#0000FF" rightmargin="100" topmargin="70"> <a name="name">（锚点设置）让下面所有文字的size都为5 <font size="5"><br /> <b>字体加粗方式1b标签</b><br /> <strong>字体加粗方式2strong标签</strong><br /> <i>字体倾斜方式1i标签</i><br /> <em>字体倾斜方式2em标签</em><br /> <u>字体加下划线u标签</u><br /> <center>居中显示center标签</center> <p>分段</p><p>显示p标签</p> 空 格是NBspace<br /> 回车是br标签<br>或br斜杠标签<br /> <img width="300" src="../aaa/0019.jpg" title="这是一张头像" alt="这是一张qq头像" />（图片层标签） <div title="司令部">中国人民解放军总参谋部</div>（层标签） <span title="肯德基标语" >成功者总是不约而同的配合时代的需要，</span> <ol>有序列表ol标签 <li>每一行都是li标签</li> <li>这是第二行</li> <li>第三行</li> <li>第四行，自带序号</li> </ol> <ul>无序列表ul标签 <li>每一行都是li标签</li> <li>这是第二行</li> <li>第三行</li> <li>第四行，不带序号</li> </ul> <h1>h1-h6标签</h1> <h2>表示重要性依次递减</h2> <h3>自带换行功能，大小不受外界font的影响</h3> <a href="http://www.baidu.com/">标签，超链接</a> <a href="#name">（锚点设置）返回最顶</a> </font> </body> </html>
2、表格
<!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; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
<table width="100%" cellspacing="0" cellpadding="0">
<font >
<tr align="center">
<td><a target="_top"（在框架中让整个frameset页面跳转至某个页面） href="http://www.autohome.com.cn/?pvarea target="_blank" ><font color="#000000" >汽车之家</font></a></td>
<td>易车网</td>
<td>太平洋汽车</td>
<td>安居客</td>
<td>折800</td>
<td><font color="#00CC00">苏宁易购</font></td>
</tr>
<tr align="center">
<td>美拍</td>
<td>人民•新华</td>
<td>赶集网</td>
<td>当当网</td>
<!-- 图片热点 -->
<td><img title="这是图片" usemap="#fedian" name="name1" src="RHXT{2I~~KPN`I12SZN49OF.png" ><map name="fedian"><area shape="rect" coords="0,0,10,10"（大小不能超过图片的大小） href="http://www.tuniu.com/?p=14201&cmp></map>途牛旅游网</td>
<td>1号店</td>
</tr>
<tr align="center">
<td>珍爱婚恋网</td>
<td>梦芭莎</td>
<td>亚马逊</td>
<td>艺龙网</td>
<td>去哪网</td>
<td>美丽说</td>
</tr>
<tr align="center">
<td>美团网</td>
<td>乐视视频</td>
<td>唯品会</td>
<td><font color="#FFFF00">聚美优品</font></td>
<td>搜房网</td>
<td>蘑菇街</td>
</tr>
<tr align="center">
<td>猎聘网</td>
<td>1药网</td>
<td>陆金所理财</td>
<td>六间房</td>
<td>携程机票</td>
<td>优酷网</td>
</tr>
</font>
<!--网页嵌套 -->
</table>
<table width="200" >
<tr>
<td>
<iframe src="http://www.baidu.com" width="150" height="150" frame scrolling="auto"></iframe>
</td>
</tr>
</table>
</body>
</html>3、框架
1、frameset <!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; charset=utf-8" /> <title>无标题文档</title> </head> <frameset rows="100,*" cols="200,*" fram> <frame src="Untitled-1.html" noresize="noresize" scrolling="auto"> <frame src="Untitled-2.html" noresize="noresize" scrolling="auto"> <frame name="你好"src="http://www.baidu.com" noresize="noresize" scrolling="auto" > <frame src="http://www.qq.com" noresize="noresize" scrolling="auto" > </frameset><noframes></noframes> </html> 2、iframe <table width="200" > <tr> <td> <iframe src="http://www.baidu.com" width="150" height="150" frame scrolling="auto"></iframe> </td> </tr> </table>
相关推荐
超漂亮的前台页面模板——html＋css＋js＋框架
时间：2023-11-19 19:57
