小强的HTML5移动开发之路（11）——链接，图片，表格，框架

玉溪牌小香烟 2024-10-11 21:39:35 原文

来自：http://blog.csdn.net/dawanganban/article/details/18098193

一、HTML是什么？

HTML(hypertext mark-uplanguage)是超文本标记语言, 主要的用处是做网页, 可以在网页上显示文字、图像、视频、声音…

HTML只能做静态网页

二、HTML发展历史

html之父-Tim Berners-Lee
蒂姆·伯纳斯－李（Tim Berners-Lee）1955年6月8日出生于英国伦敦

关于详细请看：http://blog.csdn.net/chinayaosir/article/details/2982025

</td><td>2</td>

</tr>

</tr>

</tr>

<table>

</body>

</html>

border：边框的宽度，默认值是0

width=”60%" ：表格的宽度，占父容器的60%

cellpadding="10" ：表示内容和单元格的距离

cellspacing="10" ：表示单元格和其他单元格之间的距离

表格的对齐：

align属性：水平对齐

valign属性：垂直对齐

不规则表格：

colspan属性：合并水平单元格

rowspan属性：合并竖直单元格

八、框架

通过使用框架，你可以在同一个浏览器窗口中显示不止一个页面。每份HTML文档称为一个框架，并且每个框架都独立于其他的框架。使用框架的坏处：

开发人员必须同时跟踪更多的HTML文档

很难打印整张页面

框架结构标签（<frameset>）

框架结构标签（<frameset>）定义如何将窗口分割为框架

每个 frameset 定义了一系列行或列

rows/columns 的值规定了每行或每列占据屏幕的面积

框架标签（Frame）

Frame 标签定义了放置在每个框架中的 HTML 文档。

主页面.html (注意使用框架的时候，里面不能用body标签)

<html>

<head>

<title>html结构</title>

</head>

<frameset rows="150,*">

<frame name="frame0" src="title.html" frameborder="0">

<frameset cols="20%,*">

<frame name="frame1" src="a.html" noresize frameborder="0"/>

<frame name="frame2" src="b.html" frameborder="0"/>

</frameset>

</frameset>

</html>

noresize=“noresize"的作用是不能拉伸每个frame
frameborder="0"将边框宽度设为0

title.html

<body bgcolor="#FFA54F">

<div id="container">

<div id="header">

<div class="header">

<div id="blog_title">

<h1>

<a href="http://blog.csdn.net/dawanganban">大碗干拌</a></h1>

<h2>兴趣是坚持的理由，网络是最牛的老师，博客是最好的笔记，交流是创新的源头</h2>

<div class="clear">

</div>

</div>

<div class="clear">

</div>

</div>

</div>

</body>

a.html

<body bgcolor="pink">



<a href="b.html" target="frame2">返回主页>></a><br><br/><br/>

<a href="http://blog.csdn.net/column/details/android-growup.html" target="frame2">Android菜鸟的成长笔记</a><br/>

<a href="http://blog.csdn.net/column/details/dawanganban-html5.html" target="frame2">小强的HTML5移动开发之路</a><br/>

<a href="http://blog.csdn.net/column/details/dawanganban-linux-n.html" target="frame2">鸟哥的Linux私房菜笔记</a><br/>

</body>

b.html

<body bgcolor="#F2F2F2">

<img src="http://img.my.csdn.net/uploads/201401/06/1389011264_6592.jpg" width="150px" alt="欢迎关注我的官方公众微信"/>

<a href="http://blog.csdn.net/dawanganban">

<img src="http://avatar.csdn.net/D/F/D/1_lxq_xsyu.jpg" alt="来点我啊" title="点我啊" width="150px"/>

</a>

</body>

小强的HTML5移动开发之路（11）——链接，图片，表格，框架的更多相关文章

小强的HTML5移动开发之路（18）——HTML5地理定位
来自:http://blog.csdn.net/dawanganban/article/details/18192091 在前面的<小强的HTML5移动开发之路(2)--HTML5的新特性> ...
小强的HTML5移动开发之路（14）——Video标签详解
来自:http://blog.csdn.net/dawanganban/article/details/18180605 在前面的小强的HTML5移动开发之路(5)--制作一个漂亮的视频播放器中制作了 ...
小强的HTML5移动开发之路（13）——HTML5中的全局属性
来自:http://blog.csdn.net/dawanganban/article/details/18179483 一.accssskey 快捷键 <!DOCTYPE HTML> ...
小强的HTML5移动开发之路（42）——HTML4与HTML5文档结构比较
一般来说,人们在书写包括HTML在内的文档时,习惯上按照类似于"章--节--小节"这样的层次结构来进行. 在HTML4中的描述方式: <html> <head&g ...
小强的HTML5移动开发之路（37）——jqMobi快速入门
在<小强的HTML5移动开发之路(33)-- jqMobi基础>中我们了解了什么是jqMobi,并从官方下载了jqMobi开发包,下载后解压目录如下: 拷贝上面的/css目录./plugi ...
小强的HTML5移动开发之路（26）—— JavaScript回顾1
很久没有怎么用过JavaScript了,感觉有点生疏,最近在看关于HTML5移动开发方面的资料,有一种直觉告诉我,JavaScript昨天.今天很重要,明天会更重要.现在好多基于JavaScript的 ...
小强的HTML5移动开发之路（12）——从一个多媒体标签说起
来自:http://blog.csdn.net/dawanganban/article/details/18136813 一.视频播放 <html> <head> <ti ...
小强的HTML5移动开发之路（7）——坦克大战游戏1
来自:http://blog.csdn.net/dawanganban/article/details/17693145 上一篇中我们介绍了关于Canvas的基础知识,用Canvas绘制各种图形和图片 ...
小强的HTML5移动开发之路（3）——HTML5与HTML4比较
来自:http://blog.csdn.net/dawanganban/article/details/17652873 在前面介绍了HTML5的新特性,新标签的使用,智能表单设计,引入多媒体对象,C ...

随机推荐

Android TextView常用属性
[说明] TextView是用来显示文本的组件.以下介绍的是XML代码中的属性,在java代码中同样可通过 "组件名.setXXX()方法设置.如,tv.setTextColor(); [属 ...
安利三款提升幸福感的chrome插件
谷歌访问助手 chrome浏览器一直是各大码农推荐的比较好用的浏览器,速度快.插件多. 但是由于众所周知的原因导致了谷歌账号同步.扩展商店访问慢甚至打不开的情况. 谷歌访问助手就是用来解决此问题的. ...
Docker容器访问控制
容器的访问控制,主要通过 Linux 上的 iptables 防火墙来进行管理和实现.iptables 是 Linux 上默认的防火墙软件,在大部分发行版中都自带. 容器访问外部网络容器要想访问外部 ...
Java第9次实验(网络)
参考资料本次作业参考文件正则表达式参考资料注:主要根据实验任务书的指导完成本次实验. 第1次实验 1. 网络基础 ipconfig.ping telnet(连接BBS与连接Web服务器的不同) ...
Java内存泄漏分析系列之四：jstack生成的Thread Dump日志线程状态
原文地址:http://www.javatang.com Thread Dump日志的线程信息以下面的日志为例: "resin-22129" daemon prio=10 tid ...
android自定义View之3D索引效果
效果图: 我的小霸王太卡了. 最近工作比较忙,今天搞了一下午才搞出来这个效果,这种效果有很多种实现方式,最常见的应该是用贝塞尔曲线实现的.今天我们来看另一种不同的实现方式,只需要用到 canvas.s ...
安卓高级4 第三方库SlidingMenu的使用
源码位于github上(本人fork地址):点击进入地址效果图: 使用方法:下载源码后解压其中的文件夹library 到任意地方修改library中gragle 其方法参考另一个博客(建议先修改 ...
springMVC源码分析--AbstractDetectingUrlHandlerMapping（五）
上一篇博客springMVC源码分析--AbstractUrlHandlerMapping(三)中我们介绍了AbstractUrlHandlerMapping,主要介绍了一个handlerMap的ur ...
一个整数数组，有n个整数，如何找其中m个数的和等于另外n-m个数的和？
int getSum(int* arr, int len) { int sum = 0; for (int i = 0; i < len; ++i) { sum += arr[i]; } ret ...
Spark技术内幕：如何解决Shuffle Write一定要落盘的问题？
在Spark 0.6和0.7时,Shuffle的结果都需要先存储到内存中(有可能要写入磁盘),因此对于大数据量的情况下,发生GC和OOM的概率非常大.因此在Spark 0.8的时候,Shuffle的每 ...

小强的HTML5移动开发之路（11）——链接，图片，表格，框架

框架标签（Frame）

Frame 标签定义了放置在每个框架中的 HTML 文档。

小强的HTML5移动开发之路（11）——链接，图片，表格，框架的更多相关文章

随机推荐

热门专题