星空网 > 软件开发 > 网页设计

HTML—标签与表格 、框架

1、标签

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html ="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" style="background-repeat:repeat-x" 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>空&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;格是NBspace<br />回车是br标签<br>或br斜杠标签<br /><img width="300" src='/images/loading.gif' data-original="../aaa/0019.jpg" title="这是一张头像"  />(图片层标签)<div title="司令部">中国人民解放军总参谋部</div>(层标签)<span title="肯德基标语" style=" border-bottom-style:double">成功者总是不约而同的配合时代的需要,</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 ="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%" border="0" cellspacing="0" cellpadding="0"><font face="楷体"> <tr align="center">  <td><a target="_top"(在框架中让整个frameset页面跳转至某个页面) style="text-decoration:none" href="http://www.autohome.com.cn/?pvareaid=100519" 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='/images/loading.gif' data-original="RHXT{2I~~KPN`I12SZN49OF.png" ><map name="fedian"><area shape="rect" coords="0,0,10,10"(大小不能超过图片的大小) href="http://www.tuniu.com/?p=14201&amp;cmpid=mkt_03026001&amp;utm_campaign=daohang&amp;utm_source=hao.360.cn&amp;utm_medium=display"></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" border="1"><tr><td><iframe src='/images/loading.gif' data-original="http://www.baidu.com" width="150" height="150" frameborder="0" 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 ="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,*" framborder="1"><frame  src='/images/loading.gif' data-original="Untitled-1.html" noresize="noresize" scrolling="auto"><frame src='/images/loading.gif' data-original="Untitled-2.html" noresize="noresize" scrolling="auto"><frame name="你好"src='/images/loading.gif' data-original="http://www.baidu.com" noresize="noresize" scrolling="auto" ><frame src='/images/loading.gif' data-original="http://www.qq.com" noresize="noresize" scrolling="auto" ></frameset><noframes></noframes></html>2、iframe<table width="200" border="1"><tr><td><iframe src='/images/loading.gif' data-original="http://www.baidu.com" width="150" height="150" frameborder="0" scrolling="auto"></iframe></td></tr></table>

 




原标题:HTML—标签与表格 、框架

关键词:HTML

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

Lazada 712年中大促单量同比增长13倍!:https://www.goluckyvip.com/news/1307.html
Shopee千人卖家大会精彩回顾_Shopee卖家大会选品干货与运营技巧分享:https://www.goluckyvip.com/news/1308.html
Wish推荐的WishPost物流渠道意大利路向价格补贴(7月19日生效):https://www.goluckyvip.com/news/1309.html
新的亚马逊物流库存仓储限制:https://www.goluckyvip.com/news/131.html
Kargo_B2B物流初创公司:https://www.goluckyvip.com/news/1310.html
Shopee关键词广告策略与效果_Shopee关键词设置方法:https://www.goluckyvip.com/news/1311.html
澳洲的物价什么样?跟团去澳大利亚旅游,如果:https://www.vstour.cn/a/403242.html
北京市公园年票包括哪些景点:https://www.vstour.cn/a/403243.html
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流