Copyright (c) 2017 - 2018, CaiHongCOM Inc.
彩虹通信-官方,保留所有权利。

By: 彩虹梦想技术团队

飞龙之家 飞雪收藏站²º¹³ 工藤新一软件站 笑忘书代码站 樱云人界 moge chen(管理员) ju花点穴手

用colpsan属性,设置包含多列的单元格:

姓名 联系方式
Bill Gates 555 77 854 555 77 855

用rowspan这个属性,设置包含多行的单元格:

姓名 Bill Gates
联系方式 555 77 854
555 77 855
一个表格单元格里的内容

这是一段

这是另外一段。

这个单元格里包含了一个表格:
A B
C D
这个单元格里包含了一个图片: HELLO
表格的单元格内容和单元格边界之间的距离(CellPadding)

没有cellpadding的表格:

First Row
Second Row

设置cellpadding属性,可以改变单元格内容和单元格边界之间的距离。

以下是设置了cellpadding属性的表格:

第一
第二

cellpadding属性值设置为30的表格:

第一
第二
表格中单元格之间的距离(Cellspacing)

Cellspacing属性表示单元格之间的距离。

如果表格里没有设置cellspacing属性,缺省情况下,cellspacing值为1。

第一
第二

Cellspacing属性值设为0的表格:

第一
第二

Cellspacing属性值设为20的表格:

第一
第二
给表格加背景颜色或者背景图片

Cellspacing属性表示单元格之间的距离。

如果表格里没有设置cellspacing属性,缺省情况下,cellspacing值为1。

第一
第二

Cellspacing属性值设为0的表格:

第一
第二

Cellspacing属性值设为20的表格:

第一
第二
表格单元格对齐方式(align)
分数 期中考试 期末考试
芙蓉姐姐 250.10 50000.20
程菊花 1000.00 5000.45
周笔畅 2000.40 500.00
黄新 300.50 800.65
表格的单元格背景颜色和背景图片

单元格背景色:

第一
第二
HTML框架(Frame)示例 列分的框架(Frame, cols) 行分的框架(Frame, rows) 既有行分又有列分的框架(Frame, rows, cols) 用框架(Frame)导航 使用内嵌框架(IFrame)

用 IFRAME 可以在HTML文件里显示另一个网页。

这个 HTML 文档中使用 IFRAME 来显示另外一个叫Frame_a.html 的网页。

如何固定框架(Frame)大小 HTML列表(List)示例 不排序列表(Unordered List)

不排序列表(Unordered List):

排序列表(ordered list)

一个排序列表(Ordered List):

  1. 站长网 站长学院之网页课程
  2. 站长网 站长学院之网页代码
  3. 站长网 站长学院之魔兽世界
不排序列表的类型(Type)设置

Type设为disc的列表,列表项前面的符号是圆黑点:

Type设为circle的列表,列表项前面的符号是空心圆:

Type设为square的列表,列表项前面的符号是黑方块:

嵌套的列表(nested list)

Type设为disc的列表,列表项前面的符号是圆黑点:

Type设为circle的列表,列表项前面的符号是空心圆:

Type设为square的列表,列表项前面的符号是黑方块:

定义列表(definition list)

Type设为disc的列表,列表项前面的符号是圆黑点:

Type设为circle的列表,列表项前面的符号是空心圆:

Type设为square的列表,列表项前面的符号是黑方块:

HTML不同类型(Type)的排序列表

Type设为disc的列表,列表项前面的符号是圆黑点:

Type设为circle的列表,列表项前面的符号是空心圆:

Type设为square的列表,列表项前面的符号是黑方块:

HTML表单(Form)示例 HTML表单控件-单行文本输入框 输入用户姓名
请输入你的姓名:
HTML表单控件-密码输入框 输入用户姓名和密码
请输入你的姓名:
请输入你的密码:
HTML表单控件-复选框(checkbox) 选择 请选择你喜欢的水果:
苹果
桔子
芒果
HTML表单控件-复选框(checkbox)缺省已选(checked) 选择 请选择你喜欢的水果:
苹果
桔子
芒果
HTML表单控件-单选框(radio) 选择 请选择你最喜欢的水果:
苹果
桔子
芒果
HTML表单控件-单选框(radio)缺省已选(checked) 选择 请选择你最喜欢的水果:
苹果
桔子
芒果
HTML表单控件(Form Control)-下拉框(select)单选
你最喜欢的水果是:
HTML表单控件-下拉框(select)多选(multiple) 选择
你最喜欢的水果是:

HTML表单控件-下拉框多选-下拉框设置(size) 选择
你最喜欢的水果是:
HTML表单控件-多行输入框(textarea) 请提宝贵意见
请提宝贵意见:

HTML表单控件-图片提交(input type=image) 输入用户姓名
请输入你的姓名:
HTML图片(Image)示例 在HTML里插入图片

站长网 站长学院Logo图片:

HTML里图片的对齐方式(Align)

图片的上下对齐方式:

对齐方式:top

对齐方式:middle

对齐方式:bottom

图片的左右对齐方式:

对齐方式:left

对齐方式:center

对齐方式:right

HTML的图片大小(Height,Width)

你可以使用Height和Width属性来改变图片的大小。

HTML图片的说明(Alt属性)

将鼠标停留在图片上,你可以看到Alt属性里写的内容。

站长网 站长学院的Logo标志
芙蓉姐姐照片:红配绿一台戏 HTML字体(font)示例 HTML字体大小(font size) 字体大小 font size

这段文字的字体大小值为1。

这段文字的字体大小值为2。

这段文字的字体大小值为3。

这段文字的字体大小值为4。

这段文字的字体大小值为5。

这段文字的字体大小值为6。

这段文字的字体大小值为7。

HTML字体颜色(font color) 字体颜色 font color

这段文字用的是缺省的字体颜色。

这段文字的字体颜色为红色。

这段文字的字体颜色为灰色。

这段文字的字体颜色为绿色。

HTML字体风格(font face) 字体风格 font face

以下第一段用的是arial字体,第二段用的是courier字体,第三段用的是verdana字体。

arial courier verdana

arial courier verdana

arial courier verdana

HTML网页背景颜色和背景图片示例 HTML背景颜色

看,这个页面是黄色的。

HTML里加背景图片

这个网页有背景图片哦!

如果图片比页面小,图片会自动重复。

CaiHongCOMHome  日志 文档 软件 图片 压缩包 声音 

Home Prev Next Last



Subscribe | Register | Login | N