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" 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>
空 格是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&cmpid=mkt_03026001&utm_campaign=daohang&utm_source=hao.360.cn&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—标签与表格 、框架的更多相关文章
- 第二天(就业班) html的引入、html常用标签、实体标签、超链接标签、图片标签、表格、框架标签、表单[申明：来源于网络]
第二天(就业班) html的引入.html常用标签.实体标签.超链接标签.图片标签.表格.框架标签.表单[申明:来源于网络] 第二天(就业班) html的引入.html常用标签.实体标签.超链接标签. ...
- HTML常用标签与表格标签
超链接标签: <a href="超链接地址" target="_blank">超链接的文字</a> _blank或new是在新网页中打开 ...
- ul+li标签制作表格
table标签制作表格代码繁琐,且不方便后期代码维护. li标签加上css的浮动样式可以制作多种样式的表格. 代码如下: <ul id="ttttt" style=" ...
- HTML-常用标签与表格标签
超链接标签: <a href="超链接地址" target="_blank">超链接的文字</a> _blank或new是在新网页中打开 ...
- html5常用标签table表格布局
html5常用标签table表格布局 一.总结 一句话总结: 二.html5常用标签table表格布局 用表格显示信息调理清楚,使浏览者一目了然.表格在网页中还有协助布局的作用,可以把文字.图像等组织 ...
- bootstrap table--面相配置、hook、适配的表格框架
bootstrap table--面相配置.hook.适配的表格框架
- HTML语言 网页制作-----标签、表格、表单、框架
一:序 Html静态网页,内容(hyper text markup language,超文本标记语言) Css 网页美化 Javascript 脚本语言 二:html的介绍 <!DOCTYPE ...
- HTML基本标签，表格标签，框架标签
1.html简介 1.1什么是html html全称:Hyper Text Markup Language(超文本标记语言) 备注: a.超文本:页面内可以包含图片.链接,甚至音乐 ...
- a标签，img标签，表格
<a></a> a标签,超链接标签 ,引入超链接方式: src="...." target="blank" 打开方式--新页 ...
随机推荐
- Tomcat8源码笔记(七)组件启动Server Service Engine Host启动
一.Tomcat启动的入口 Tomcat初始化简单流程前面博客介绍了一遍,组件除了StandardHost都有博客,欢迎大家指文中错误.Tomcat启动类是Bootstrap,而启动容器启动入口位于 ...
- dd、split、csplit命令
在Linux最常用的文件生成和切片工具是dd,它功能比较全面,但无法以行为单位提取文件数据,也无法直接将文件按大小或行数进行均分(除非借助循环).另两款数据分割工具split和csplit能够比较轻松 ...
- 玩儿虫那些事（四）—— 使用curl
目录 一.爬一个简单的网站 二.模拟登录新浪 三.各种请求的发送 四.使用curl 五.模拟登录QQ空间 六.selenium的使用 七.phantomjs的使用 八.开源框架webmagic 九.开 ...
- Linux CentOS 虚拟机下联网
这里用VM 提供虚拟环境 虚拟机网络连接模式用的NAT 在编辑处 打开 查看你的子网ip 类型是NAT 的 我们这是是18 192.168.18.~ 去看dhcp 设置看自动分配的地址范围 也可 ...
- c# 用户自定义转换
class Program { public string Name; public int Age; public Program(string name ,int age) { Name = na ...
- c# chart控件柱状图，改变柱子宽度
让柱状图紧挨 改变柱状图宽度 chart1.Series[0]["PointWidth"] = "2";
- Android Studio（IDEA）快速代码模版使用
驼峰命名法删除和移动光标快捷键 Android Studio(IDEA)默认没有开启驼峰命名法的删除和移动光标,我们需要设置一下快捷键keymap,按照下面的两张图进行设置 Ctrl+Delete 删 ...
- 12. ReadWriteLock 读写锁
package com.gf.demo11; import java.util.concurrent.locks.ReadWriteLock; import java.util.concurrent. ...
- 接触Java23天
根据老师的要求写了一段然后在评讲的时候在修该一些: 猫的: public class Cat extends Animal{ public void methodCat(){ System.out.p ...
- 百度前端学院-基础学院-第20到21天之setTimeOut与setInterval
setTimeout()可以使用clearTimeout()关闭 setInterval() 方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭. 注意:setInterv ...