当前位置:文档之家› HTML入门基础教程(3)html表格案例

HTML入门基础教程(3)html表格案例

background:设置表格的背景图片
cellspacing:设置单元格与单元格之间的间距
cellpadding:设置单元格内填充的距离
align:设置表格的在页面上的水平对齐方式取值:left、center、right
rules:将单格边线进行合并
行标签
<tr></tr>
作用设置表格中的一行
常用的属性:
1286432168421
11111111
由于三位二进制数全为1可以代表八进制中最大的数7,四位二进制数全为1可以代表十六进制中最大的数15
第四种:八进制或十六进制转换为二进制
将一位八进制或十六进制转换为三位或4位二进制。
第五中:八进制与十六进制之间进行转换。
将二进制作为一个过渡数
<a>标签
常用属性
一个多媒体分三部分:视频编码、音频编码、容器;编码又分为解码和编码,那想播放一种视频不需专用的播放器(播放器中就有对应该视频的编码器和解码器)。
以上这些视频文件,一般体积越大,不利网络传输,所以将以上格式的视频转换为flash格式。flash体积小,画面还可以满足用户需求。flash仅要在浏览上安装一个插件即可播放。
target设置a链接所指向的页面显示的位置
_blank
_self
_top
_parent
a链接的用法
1、实现下载
2、<a href=”mailto:234@”></a>
3、<a href=”#”></a>
<a href=”javascript:void(0)”></a>
ห้องสมุดไป่ตู้4、实现锚点
需两个a标签来配合使用
<img>图片标签
src:url
width:
height:
border:
align:
alt:
title:
热点区域
语法:
<img usemap=”#映射名”src=”url”/>
<map name=”映射名”>
<area shape=”rec”coords=”x1,y1,x2,y2”href=””/>
对应的xhtml文档规范声名:
strict严格型
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "/TR/xhtml1/DTD/xhtml1-strict.dtd">
transitional过渡型
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd">
XML
可以扩展标签语言
HTML的困境:
1、HTML标签都是固定的,无法从标签上标识内容的含意。
2、HTML标签主是显示内容,它更侧重于在浏览器上显示内容,至于内容显示的是什么HTML不会关心。
3、HTML标签擅长人与计算机之间的交流。不适合计算机与计算机之间的交流和信息的传递
4、HTML标签无法保存数据。
loose宽松型的
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "/TR/html4/loose.dtd">
framset框架型
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "/TR/html4/frameset.dtd">
bgcolor:设置整行的背景颜色
background:设置整行的背景图片
align:设置整行内容的水平对齐方式
取值:left左对齐、center居中对齐、right右对齐
valign:设置整行内容的垂直对齐方式
取值:top向上对齐、middle居中对齐、bottom向下对齐
列标签
<td></td>
frameset框架
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "/TR/xhtml1/DTD/xhtml1-frameset.dtd">
多媒体标签
多媒体:视频、音频、图片、flash
我们常说的wav、mav、flv、avi、mp3、mkv,是指文件类型
<area shape=”circle”coords=”x,y,r”href=””/>
<area shape=”poly”corrds=”x1,y1,x2,y2,x3,y3…”href=””/>
</map>
编码:
存储编码:编辑器生产的事文件存储在磁盘上的编码
显示编码:浏览使用,指示浏览使用何种编码方式来显示页面
<id>22</id>
<jiguan>GX</jiguan>
</stu>
</class>
XML语言规范:
1、第一为XML文档的声名语句
vserion:指定xml文档的版本
encoding:指定xml文档的编码
2、xml没有预定的标签,所有标签都是用户自定义的标签,
3、xml该当只有一个根标签,所有标签必须位于根标签内
4、xml标签严格遵循大小写
5、xml标签如果有属性,属性必须有值,且属性值被用双引号括起来
6、xml标签必须闭合
XHTML
XML的严格语法规则+ HTML标签
主要体现在以下:
html标签必须闭合如<br/>
html标签中没属性值的属性将其属性名做为属性值<hr noshade=”noshade”/>
5、HTML无法在不同软件之间传数据
XML语言快速入门
<? xml version=”1.0”encoding=”utf-8”?>
<class>
<stu>
<name>zhangsan</name>
<id>21</id>
<jiguan>GD</jiguan>
</stu>
<stu>
<name>lisi</name>
网上的可以播放的视频一般都是flash。
<embed>
此标签是非W3C标准,适用于NetScape浏览器(网景)
标签语法
<embed></embed>
常用的属性:
width:设置标签的宽度
height:设置标签的高度
src:设置标签的url
type:设置多媒体类型
wmode:设置背景是否透明取值:transparent
<object>
W3C标签的,IE等浏览器
<object></object>
常用属性:
width:设置宽度
height:设置高度
src:设置url
codebase:设置flash插件的下载地址
classid:插件在注册表内的注册码
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="778" height="202">
<param name="movie" value="images/banner.swf">
<param name="quality" value="high">
<param name="wmode" value="transparent">
昨日回顾
二进制只有两关键因素
基数位权
数码:某一种进制中可以出现数字
基数:某一种进制中数据的个数
十六进制
0-9A(10)-F(15)
进制的转换
第一种:非十进制转换为十进制
非十进制按权展,就可以得到对应的十进制数
第二种:十进制转换为非十进制
分整数和小数部分分别进行转换
整数部分:
基数连除取余法,将十进制转换为几进制就除几,首先得到的余数为低位,最后得到余数为高位。
小数部分:
基数连乘取整法:将十进制转换为几进制就乘几,首先得到的整数为高位,最后得到的整数为低位。
第三种:二进制转换为八进制或十六进制
以小数点为基准,整数部分向左,小数向右,每三位(四位)为一组,位数不够的补”0”,之后将每一次二进制数转换为八进制数(或十六进制数)
8421BCD码(Binary to Decimal)
DTD就是一组机器可理解的规范,仅是告诉浏览器以什么规范来解析当前文档
W3C、浏览器、Web站点(用户的网页文件)这者之间的关系(三角恋)
HTML语言W3C制定
网页是用户编写
相关主题