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" 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="../aaa/0019.jpg" title="这是一张头像" alt="这是一张qq头像" />（图片层标签）

<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 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%" 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="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="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 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,*" framborder="1">

<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" border="1">

<tr>

<td>

<iframe src="http://www.baidu.com" width="150" height="150" frameborder="0" scrolling="auto"></iframe>

</td>

</tr>

</table>

HTML—标签与表格 、框架的更多相关文章

  1. 第二天(就业班) html的引入、html常用标签、实体标签、超链接标签、图片标签、表格、框架标签、表单[申明：来源于网络]

    第二天(就业班) html的引入.html常用标签.实体标签.超链接标签.图片标签.表格.框架标签.表单[申明:来源于网络] 第二天(就业班) html的引入.html常用标签.实体标签.超链接标签. ...

  2. HTML常用标签与表格标签

    超链接标签: <a href="超链接地址" target="_blank">超链接的文字</a> _blank或new是在新网页中打开 ...

  3. ul+li标签制作表格

    table标签制作表格代码繁琐,且不方便后期代码维护. li标签加上css的浮动样式可以制作多种样式的表格. 代码如下: <ul id="ttttt" style=" ...

  4. HTML-常用标签与表格标签

    超链接标签: <a href="超链接地址" target="_blank">超链接的文字</a> _blank或new是在新网页中打开 ...

  5. html5常用标签table表格布局

    html5常用标签table表格布局 一.总结 一句话总结: 二.html5常用标签table表格布局 用表格显示信息调理清楚,使浏览者一目了然.表格在网页中还有协助布局的作用,可以把文字.图像等组织 ...

  6. bootstrap table--面相配置、hook、适配的表格框架

    bootstrap table--面相配置.hook.适配的表格框架

  7. HTML语言 网页制作-----标签、表格、表单、框架

    一:序 Html静态网页,内容(hyper text markup language,超文本标记语言) Css 网页美化 Javascript 脚本语言 二:html的介绍 <!DOCTYPE ...

  8. HTML基本标签，表格标签，框架标签

    1.html简介 1.1什么是html html全称:Hyper Text Markup Language(超文本标记语言) 备注:           a.超文本:页面内可以包含图片.链接,甚至音乐 ...

  9. a标签，img标签，表格

    <a></a>    a标签,超链接标签 ,引入超链接方式:  src="...."   target="blank" 打开方式--新页 ...

随机推荐

  1. 微信小程序：防止多次点击跳转（函数节流）和防止表单组件输入内容多次验证（函数防抖）

    一.函数节流(throttle) **函数节流:一个函数执行一次后,只有大于设定的执行周期后才会执行第二次**.有个需要频繁触发函数,出于优化性能角度,在规定时间内,只让函数触发的第一次生效,后面不生 ...

  2. ⑦JSP2.0的福利（标签文件）

    前言 本篇接着上一篇博客:[传送门] 这次讲的是JSP2.0的特性之一,我们可以编写标签文件,指没有标签处理器和标签类库描述符的定制动作指令,不编译,无标签类描述符. 本文结构: ①标签文件简介 ②第 ...

  3. JavaScript和Ajax部分（4）

    31. 什么是jQuery选择器 1)jQuery选择器继承了CSS与Path语言的部分语法,允许通过标签名.属性名或内容对DOM元素进行快速.准确的选择,而不必担心浏览器的兼容性,通过jQuery选 ...

  4. thinkphp自动创建数据对象分析

    thinkphp有一个自动创建数据对象的create方法,核心代码如下 public function create($data='',$type='') { // 如果没有传值默认取POST数据 i ...

  5. MyBatis源码解析（三）——Transaction事务模块

    原创作品,可以转载,但是请标注出处地址:http://www.cnblogs.com/V1haoge/p/6634151.html 1.回顾 之前介绍了Environment环境类,这其实是一个单例类 ...

  6. 【Go】获取用户真实的ip地址

    原文链接:https://blog.thinkeridea.com/201903/go/get_client_ip.html 用户请求到达提供服务的服务器中间有很多的环节,导致服务获取用户真实的 ip ...

  7. xmanager 连接centos 7桌面

    1.前言 工作中服务器有时候需要图形处理一些事物,那么这个时候就需要远程连接方式,XDMCP,VNC,RDP,我今天介绍一下xdmp怎么使用与配置(x display manager control ...

  8. YARN集群的mapreduce测试（六）

    两张表链接操作(分布式缓存): ----------------------------------假设:其中一张A表,只有20条数据记录(比如group表)另外一张非常大,上亿的记录数量(比如use ...

  9. C#面向对象之封装。

    封装是面向对象的基础和重要思想之一,今天具体的了解封装这一特性后发现其实自己已经接触过很多关于封装的内容了. 一.什么是封装. 封装的概念:将具体的实现细节装到一个容器中,封闭或隐藏起来(使用访问修饰 ...

  10. c#等程序中的关于时间的最大值【DateTime.MaxValue】和最小值【DateTime.MinValue】

    运行之后得到的结果 c# DateTime.MaxValue:// :: DateTime.MinValue:// :: Sql Server DateTime 类型必须介于 1/1/1753 12: ...