Java程序员从笨鸟到菜鸟之（十五）Html基础积累总结（下）

本文来自：曹胜欢博客专栏。转载请注明出处：http://blog.csdn.net/csh624366188

一：表格

1.表格的基本语法

<table>...</table> - 定义表格

<tr> - 定义表行

<th> - 定义表头

<td> - 定义表元(表格的具体数据)

带边框的表格：

<tr><th>Food</th><th>Drink</th><th>Sweet</th>

</table>

不带边框的表格：

<table>

<tr><th>Food</th><th>Drink</th><th>Sweet</th>

</table>

2.跨多行、多列的表元(Table Span)

跨多列的表元 <th colspan=#>

<tr><th colspan=3> Morning Menu</th>

<tr><th>Food</th> <th>Drink</th> <th>Sweet</th>

</table>

跨多行的表元 <th rowspan=#>

<tr><th rowspan=3> Morning Menu</th>

<tr><th>Drink</th> <td>B</td></tr>

<tr><th>Sweet</th> <td>C</td></tr>

</table>

3.表格尺寸设置

边框尺寸设置：

表格尺寸设置：

表元间隙设置：

表元内部空白设置：

4.表格内文字的对齐/布局

<th align=#> #=left, center, right

<th valign=#> #=top, middle, bottom, baseline

5.表格在页面中的对齐/布局(Floating Table)

<table align=left>表格在页面靠左

<table vspace=# hspace=#> #=space value

<caption align=#> ... </caption> #=left, center, right

6.表格的标题

<caption align=center>Lunch</caption>

<tr><th>Food</th><th>Drink</th><th>Sweet</th>

</table>此表格的标题在页面中间

<caption valign=#> ... </caption> #=top, bottom

7.表格的色彩

表元的背景色彩和背景图象

<th bgcolor=#>

<th background="URL">

#=rrggbb 16 进制 RGB 数码, 或者是下列预定义色彩名称：

Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime,

Fuchsia, White, Green, Purple, Silver, Yellow, Aqua

表格边框的色彩

<table bordercolor=#>

表格边框色彩的亮度控制

<table bordercolorlight=#>

<table bordercolordark=#>

<tr><th>Food</th><th>Drink</th><th>Sweet</th>

</table>

8.表格的分组显示(Structured Table)

按行分组

<thead> ... </thead> - 表的题头(Header)

<tbody> ... </tbody> - 表的正文(Body)

<tfoot> ... </tfoot> - 表的脚注(Footer)

<thead>

<tr><th>Food</th><th>Drink</th><th>Sweet</th>

</thead>

<tbody>

</tbody>

</table>

按列分组

<colgroup align=#> #=left, right, center

列的属性控制

<col span=#> #=从左数起，具有指定属性的列的列数

<col align=#> #=left, right, center

9.表格中边框的显示

显示所有 4 个边框 <table frame=box>

只显示上边框 <table frame=above>

只显示下边框 <table frame=below>

只显示上、下边框 <table frame=hsides>

只显示左、右边框 <table frame=vsides>

只显示左边框 <table frame=lhs>

只显示右边框 <table frame=rhs>

不显示任何边框 <table frame=void>

10.表格中分隔线(Rules)的显示

显示所有分隔线 <table rules=all>

只显示组(Groups)与组之间的分隔线 <table rules=groups>

只显示行与行之间的分隔线 <table rules=rows>

只显示列与列之间的分隔线 <table rules=cols>

不显示任何分隔线 <table rules=none>

二：多窗口页面

1.基本语法

在 <noframes> 标记后的文字将只出现在不支持 FRAMES 的浏览器中。

<HTML>

<HEAD>

</HEAD>

</FRAMESET>

</HTML>

2.各窗口的尺寸设置

纵向排列多个窗口：

</frameset>

横向排列多个窗口：

</frameset>

COLS & ROWS

纵横排列多个窗口：

</frameset>

不允许各窗口改变大小 <frame noresize>

缺省设置是允许各窗口改变大小的。

3.各窗口间相互操作(Frame Target)

窗口标识(Frame Name)

<frame name=#>

<a href=url target=#>

</frameset>

特殊的 4 类操作(很有用喔)

<a href=url target=_blank> 新窗口

<a href=url target=_self> 本窗口

<a href=url target=_parent> 父窗口

<a href=url target=_top> 整个浏览器窗口

4.Frame 的外观(Appearance)

各窗口边框的设置 <frame frameborder=#> #=yes, no / 1, 0

</frameset>

各窗口间空白区域的设置

<frameset framespacing=#> #=空白区域的大小

边框色彩 <frameset bordercolor=#>

页面空白(Margin) <frame marginwidth=# marginheight=#>

卷滚条设置 <frame scrolling=#> #=yes, no, auto

浮动窗口(Floating Frame)

三：会移动的文字

1.基本语法

<marquee>啦啦啦，我会移动耶！</marquee

2.文字移动属性的设置

方向 <direction=#> #=left, right

<marquee direction=left>啦啦啦，我从右向左移！</marquee> <P>

<marquee direction=right>啦啦啦，我从左向右移！</marquee>

方式 <behavior=#> #=scroll, slide, alternate

<marquee behavior=scroll>啦啦啦，我一圈一圈绕着走！</marquee> <P>

循环 <loop=#> #=次数；若未指定则循环不止(infinite)

<marquee scrollamount=20>啦啦啦，我走得好快哟！</marquee>

延时 <scrolldelay=#>

3.外观(Layout)设置

对齐方式(Align) <align=#> #=top, middle, bottom

<font size=6>

<marquee align=# width=400>啦啦啦，我会移动耶！</marquee>

</font>

对齐上沿、中间、下沿。

底色 <bgcolor=#>

<marquee bgcolor=aaaaee>啦啦啦，我会移动耶！</marquee>

面积 <height=# width=#>

<marquee height=40 width=50% bgcolor=aaeeaa>

啦啦啦，我会移动耶！

</marquee>

四：多媒体的嵌入

1.嵌入多媒体文本(EMBED)

基本语法 <embed src=#> #=URL

本标记可以用来在主页中嵌入多媒体文本，如：

电影(movie), 声音(sound), 虚拟现实语言(vrml)... ...

体会 <embed> 标记，您需要把 plugin 安装完备。

请注意：embed attributes are different between each plugins

2.背景音乐

<bgsound src=#> #=WAV 文件的 URL

<bgsound loop=#> #=循环数

3.插入视频剪辑

用 url.avi 这一 AVI(Video for MS－WINDOWS) 文件来播放视频；

用 url.gif 这一 GIF 图象作为视频的封面，即：在浏览器

尚未完全读入 AVI 文件时，先在 AVI 播放区域显示该图象。

何时开始播放 AVI <img start=#> #=fileopen, mouseover

缺省值是 #=fileopen，即在链接到含本标记的页面(如本页)时开始播放 AVI。

mouseover 是指您把鼠标移到 AVI 播放区域之上时才开始播放 AVI。

也可以两者同时设置：<img start=fileopen,mouseover>

另外，用鼠标在 AVI 播放区域点击一下，也将令浏览器开始播放该 AVI。

控制条 <img controls>

用来在视频窗口下附加 MS－WINDOWS 的 AVI 播放控制条。

循环播放 <img loop=#>

<loop=infinite> 将循环播放不止。

延时 <img loopdelay=#> #=毫秒数

<img src="SAMPLE-S.GIF" dynsrc="SAMPLE-S.AVI"

loop=3 loopdelay=250>

本文来自：曹胜欢博客专栏。转载请注明出处：http://blog.csdn.net/csh624366188

Java程序员从笨鸟到菜鸟之（十五）Html基础积累总结（下）的更多相关文章

Java程序员从笨鸟到菜鸟之（五十一）细谈Hibernate（二）开发第一个hibernate基本详解
在上篇博客中,我们介绍了<hibernate基本概念和体系结构>,也对hibernate框架有了一个初步的了解,本文我将向大家简单介绍Hibernate的核心API调用库,并讲解一下它的基 ...
Java程序员从笨鸟到菜鸟之（五十二）细谈Hibernate（三）Hibernate常用API详解及源码分析--csdn 曹胜欢
新接触一个框架的目的就是想利用这个框架来为我们做一些工作,或者是让他来简化我们的工作,利用这个框架无非就是要利用这个框架所给我们提供的API去操作我们的数据,所以利用一个框架的好坏很大一部分取决于你对 ...
Java程序员从笨鸟到菜鸟全部博客目录
本文来自:曹胜欢博客专栏.转载请注明出处:http://blog.csdn.net/csh624366188 大学上了一年半,接触java也一年半了,虽然中间也有其他东西的学习,但是还是以java为主 ...
《Java程序员由笨鸟到菜鸟》
<Java程序员由笨鸟到菜鸟> 在众多朋友的支持和鼓励下,<Java程序员由菜鸟到笨鸟>电子版终于和大家见面了.本电子书涵盖了从java基础到javaweb开放框架的大部分内容 ...
Java程序员从笨鸟到菜鸟之（十三）java网络通信编程
本文来自:曹胜欢博客专栏.转载请注明出处:http://blog.csdn.net/csh624366188 首先声明一下,刚开始学习java网络通信编程就对他有一种畏惧感,因为自己对网络一窍不通,所 ...
Java程序员从笨鸟到菜鸟之（九十六）深入java虚拟机（五）——java本地接口JNI详解
http://blog.csdn.net/csh624366188/article/details/8063144 对于Java程序员来说,java语言的好处和优点,我想不用我说了,大家自然会说出很多 ...
Java程序员从笨鸟到菜鸟之（一百）sql注入攻击详解（一）sql注入原理详解
前段时间,在很多博客和微博中暴漏出了12306铁道部网站的一些漏洞,作为这么大的一个项目,要说有漏洞也不是没可能,但其漏洞确是一些菜鸟级程序员才会犯的错误.其实sql注入漏洞就是一个.作为一个菜鸟小程 ...
Java程序员从笨鸟到菜鸟之（一百零二）sql注入攻击详解（三）sql注入解决办法
sql注入攻击详解(二)sql注入过程详解 sql注入攻击详解(一)sql注入原理详解我们了解了sql注入原理和sql注入过程,今天我们就来了解一下sql注入的解决办法.怎么来解决和防范sql注入, ...
Java程序员从笨鸟到菜鸟之（一百零一）sql注入攻击详解（二）sql注入过程详解
在上篇博客中我们分析了sql注入的原理,今天我们就来看一下sql注入的整体过程,也就是说如何进行sql注入,由于本人数据库和网络方面知识有限,此文章是对网上大量同类文章的分析与总结,其中有不少直接引用 ...
Java程序员从笨鸟到菜鸟之（二十一）java过滤器和监听器详解【转】
过滤器 1.Filter工作原理(执行流程) 当客户端发出Web资源的请求时,Web服务器根据应用程序配置文件设置的过滤规则进行检查,若客户请求满足过滤规则,则对客户请求/响应进行拦截,对请求头和请 ...

随机推荐

BZOJ2561 最小生成树【最小割】
题目给定一个边带正权的连通无向图G=(V,E),其中N=|V|,M=|E|,N个点从1到N依次编号,给定三个正整数u,v,和L (u≠v),假设现在加入一条边权为L的边(u,v),那么需要删掉最少多 ...
(转)WaitForSingleObject函数的使用
WaitForSingleObject 函数 DWORD WaitForSingleObject( HANDLE hObject, DWORD dwMilliseconds ); 第一个参数hObje ...
FreeMarker数据模板引擎全面教程mark
http://blog.csdn.net/fhx007/article/details/7902040/#comments 以下内容全部是网上收集: FreeMarker的模板文件并不比HTML页面复 ...
Linux上安装使用SSH
參考博客:http://blog.csdn.net/xqhrs232/article/details/50960520 Ubuntu安装使用SSH ubuntu默认并没有安装ssh服务,如果通过ssh ...
golang并发编程goroutine+channel（一）
go语言的设计初衷除了在不影响程序性能的情况下减少复杂度,另一个目的是在当今互联网大量运算下,如何让程序的并发性能和代码可读性达到极致.go语言的并发关键词 "go" go dos ...
从Activity的启动流程理解Binder
简述关于Activity启动流程和Binder的文章很多,大多数是分开来讲的,本文将二者结合起来,着重分析启动流程中跨进程方面的细节,其实,启动流程看似调用繁多,主要是复杂在Activity栈管理等 ...
Spring Tool Suite (STS) 安装SVN插件
今天STS安装SVN时遇到很多问题,度娘搜索几个小时才安装成功. 在此记录下安装过程. 我的 STS版本: 安装SVN有两种方式: 方法1:依次选择help->preferences->e ...
springBoot 跨域处理
首先喝水不忘挖井人,博客参考:https://www.cnblogs.com/nananana/p/8492185.html 方式一:新增一个configration类或在Application中 ...
delphi 与 sqlite3
delphi与sqlite file:0 前言本文的目的在于采用流水账方式来记录学习delphi访问嵌入式数据库sqlite中的一些点滴.欢迎各位同好共同学习和批评指正. file:1 准备工作 ...
NSURLConnection和NSMutableURLRequest 实现同步、异步请求
我是走向ios的一个小书童,我有很多不懂的,新鲜的知识去学习,去掌握! 我首先要吐槽一下: 那些不负责的博友!你分享知识本来是好事!可是你直接Control+V就是你的不对了! 尼玛,直接Contro ...

Java程序员从笨鸟到菜鸟之（十五）Html基础积累总结（下）

Java程序员从笨鸟到菜鸟之（十五）Html基础积累总结（下）的更多相关文章

随机推荐

热门专题