html设表格字体大小.docx
- 文档编号:12786031
- 上传时间:2023-04-22
- 格式:DOCX
- 页数:10
- 大小:18.27KB
html设表格字体大小.docx
《html设表格字体大小.docx》由会员分享,可在线阅读,更多相关《html设表格字体大小.docx(10页珍藏版)》请在冰豆网上搜索。
html设表格字体大小
竭诚为您提供优质文档/双击可除
html设表格字体大小
篇一:
html中设置各种字体格式的语法
1.2文字的多样化修饰
本文从文字的细节修饰入手,使读者能把握html的各种字体格式的变化,制作出更为专业的网页。
1.2.1文字样式设置的基本标签—
设置字体样式的基本标签是,被其包含的文本为样式作用区。
在初学者的html代码编写中,容易被多重嵌套,如文本。
还有一种情况是标签嵌套错位,如 文本
。
为了规范代码的编写,避免不必要的错误,读者在初学时一定要谨慎。
1.2.2设置文字的颜色
color是标签的属性之一,用于设置文字颜色。
在d:
\web\目录下创建网页文件,命名为font_color.htm,编写代码如代码1.7所示。
代码1.7字体颜色的设置:
font_color.htm
字体颜色的设置
浅红色文字:
html学习的本质就是该是什么就用什么
深红色文字:
html学习的本质就是该是什么就用什么
浅绿色文字:
html学习的本质就是该是什么就用什么
深绿色文字:
html学习的本质就是该是什么就用什么
浅蓝色文字:
html学习的本质就是该是什么就用什么
深蓝色文字:
html学习的本质就是该是什么就用什么
浅黄色文字:
html学习的本质就是该是什么就用什么
深黄色文字:
html学习的本质就是该是什么就用什么
浅青色文字:
html学习的本质就是该是什么就用什么
深青色文字:
html学习的本质就是该是什么就用什么
浅紫色文字:
html学习的本质就是该是什么就用什么
深紫色文字:
html学习的本质就是该是什么就用什么
在浏览器地址栏输入http:
//localhost/font_color.htm,浏览效果如图1.7所示。
图1.7字体颜色的设置
读者不但可以从代码1.7中学到color属性在font标签中的用法,还可以熟悉各种颜色的表示方法。
1.2.3设置文字的尺寸
size也是标签的属性,用于设置文字大小。
size的值为1-7,默认为3。
我们可以size属性值之前加上“+”、“-”字符,来指定相对于字号初始值的增量或减量。
在d:
\web\目录下创建网页文件,命名为font_size.htm,编写代码如代码1.8所示。
代码1.8字体尺寸的设置:
font_size.htm
字体尺寸的设置
size为1:
html学习
size为2:
html学习
size为3:
html学习
size为4:
html学习
size为5:
html学习
size为6:
html学习
size为7:
html学习
在浏览器地址栏输入http:
//localhost/font_size.htm,浏览效果如图1.8所示。
图1.8字体尺寸的设置
读者可尝试在size值前面加上“+”、“-”字符,更灵活地设置文字尺寸。
1.2.4设置文字的字体
face也是标签的属性,用于设置文字字体(字型)。
html网页中显示的字型从浏览端的系统中调用,所以为了保持字型一致,建议采用宋体,html页面也是默认采用宋体。
在d:
\web\目录下创建网页文件,命名为font_face.htm,编写代码如代码1.9所示。
代码1.9字体字型的设置:
font_face.htm
字体字型的设置
字型为宋体:
沁园春·长沙-毛泽东
字型为楷体:
沁园春·长沙-毛泽东
字型为黑体:
沁园春·长沙-毛泽东
字型为隶书:
沁园春·长沙-毛泽东
在浏览器地址栏输入http:
//localhost/font_face.htm,浏览效果如图1.9所示。
图1.9字体字型的设置
笔者把被修改字型部分的文字尺寸设置为5号,方便读者查看。
1.2.5使文字倾斜
用双标签可使被作用文字倾斜,达到特殊的效果,例如文章的日期。
被称为强调标签,也是斜体,目前使用比标签更频繁,其编写方法如下:
这是斜体文字
这也是斜体文字
1.2.6使文字加粗
用双标签可使被作用文字加粗,是文字更加醒目,例如文章的标题部分。
被称为特别强调标签,也是文字加粗,目前使用比标签更频繁,其编写方法如下:
这是粗体文字
这也是粗体文字
1.2.7给文字加下划线
用双标签可添加下划线到被作用文字。
以下为文字倾斜、加粗和下划线的综合示例。
在d:
\web\目录下创建网页文件,命名为font_style.htm,编写代码如代码1.10所示。
代码1.10文字修饰的设置:
font_style.htm
字体修饰的设置
斜体:
沁园春·长沙-毛泽东
加粗体:
沁园春·长沙-毛泽东
下划线:
沁园春·长沙-毛泽东
斜体+加粗体+下划线:
沁园春·长沙-毛泽东
在浏览器地址栏输入http:
//localhost/font_style.htm,浏览效果如图1.10所示。
图1.10字体修饰的设置
笔者把内的所有文字尺寸设置为5号,方便读者查看。
—注意:
在多个标签包含同一块文字时,其包含顺序不能错位。
1.2.8多种标题样式的使用
网页的文章中,为了凸显标题的重要性,标题的样式比较特殊。
html技术保护了一套针对标题的样式标签,分别为双标签到,文字尺寸从大到小代表不同级别的标题。
标题标签有一个特点,独占一行、文字加粗、文字居中。
这样,在设置标题的时候就很轻松了,并且可设多级标题。
在d:
\web\目录下创建网页文件,命名为font_h.htm,编写代码如代码1.11所示。
代码1.11标题的设置:
font_h.htm
标题的设置
一号标题
二号标题
三号标题
四号标题
五号标题
六号标题
财富杂志:
谷歌为何不会盛极而衰
遭遇潜在问题
一些业内人士认为,长期垄断互联网搜索和广告市场谷歌可能会盛极而衰。
...与此同时,谷歌近日推出的多项新计划,例如开放手机联盟、社交网站通用平台opensocial、以及可能投资数十亿美元竞购无线频段,也遭到了广泛的质疑。
将继续垄断搜索
最近有一些文章称,如果出现更好的搜索引擎,人们会毫不犹豫地放弃谷歌。
但是,即使真有更好的搜索引擎出现,谷歌仍然可以在一段时间内屹立不倒。
...在这种情况下,网站速度往往会成为决定胜负的关键。
在浏览器地址栏输入http:
//localhost/font_h.htm,浏览效果如图1.11所示。
图1.11标题的设置
1.2.9学会处理网页中的特殊字符
在html中,有一些字符有特殊含义,例如“”是标签的左括号和右括号,而标签是控制html显示的,标签本身只能被浏览器解析,并不能在页面中显示。
那么,该怎样在html中显示“”呢?
html规定了一些特殊字符的写法,以便在网页中显示,如表
1.1所示。
表1.1html中的特殊字符
在d:
\web\目录下创建网页文件,命名为string.htm,编写string.htm代码如代码1.12所示。
代码1.12特殊字符的设置:
string.htm
篇二:
html表格标记及属性
html表格标记及属性
作者:
等你爱我文章来源:
豆豆技术网点击数:
22更新时间:
20xx-7-13
表格是html的一项非常重要功能,利用其多种属性能够设计出多样化的表格。
使用表格可以使你的页面有很多意想不到的效果,使页面更加整齐美观。
常用表格标记
...表格指令。
相关属性:
·align调整
·bgcoloR背景颜色
·boRdeR边框
·height高度
·width宽度...表格标题。
相关属性:
·align调整...表格列(可省略)。
相关属性:
·align调整...表格栏标题(表头)粗体字(可省略)。
相关属性:
·align调整
·colspan栏宽
·Rowspan栏高...表格栏资料(储存格)(可省略)。
相关属性:
·align调整
·bgcoloR背景颜色
·height高度
·width宽度
·colspan栏宽
·Rowspan栏高
举例
如:
(基础型)
太平洋网络学院太平洋网络学院
太平洋网络学院太平洋网络学院
如:
(加强型)增加背景颜色、表格标题、栏标题、跨栏宽、跨栏高。
表格标题
行标题1行标题2
列标题1aaaa
bbbb
列标题2cccc
dddd
看了以上的例子,应该了解表格的基本写法吧!
常用的html标签和属性
作者:
未知来源:
未知加入时间:
20xx-7-17中国建站资源网
表示绝对居中
表格标识的开始和结束
属性:
cellpadding=数值单位是像素定义表元内距
cellspacing=数值单位是像素定义表元间距
border=数值单位是像素定义表格边框宽度
width=数值单位是像素或窗口百分比定义表格宽度
background=图片链接地址定义表格背景图
表格中一个表格行的开始和结束
表格中一个表元的开始和结束
强制换行
文本标识的开始和结束
属性:
face=字体
color=颜色
加粗文字标识的开始和结束
属性:
style=font-size:
40pt;用样式表方式控制字体大小,这里是40点
分区标识的开始和结束
属性:
align=|center|left|right|水平对齐方式
动态标识的开始和结束如标识内放置贴图格式则可实现图片滚动
属性:
scrollamount=1~60滚动速度
direction=|left|right|up|down|滚动方向
scrolldelay=滚动延时单位:
毫秒
段落标识
空格符
贴图标识
属性:
src=图片链接地址贴图标识必备属性
style=filter:
alpha(opacity=100,style=2);
filter:
样式表滤镜;
alpha:
透明滤镜,
opacity:
不透明度100(0~100);
style:
样式2(0~3)
rules="none"不显示内框"
多媒体文件标识
属性:
sRc="Filename"
设定音乐文件的路径,文件类型除了可以播放.rm;.mp3;.wav等音频,还可播放.swf和.mov等视频。
autostaRt=tRue/False
是否要音乐文件传送完就自动播放,tRue是要,False是不要,默认为False
loop=
设定播放重复次数,loop=6表示重复6次,true或-1为无限循环,false为播放一次即停止。
staRtime="分:
秒"
设定乐曲的开始播放时间,如20秒后播放写为staRtime=00:
20
Volume=0-100
设定音量的大小。
如果没设定的话,就用系统的音量。
widthheight
设定控制面板的大小,都设为0可隐藏播放器
hidden=tRue
隐藏控制面板
contRols=console/smallconsole
设定控制面板的样子
背景音乐标识,只能用于.wav和.mp3格式。
属性:
loop=
设定播放重复次数,loop=6表示重复6次,true或-1为无限循环,false为播放一次即停止。
常用代码汇编
1.标题文字..........#=1~6;h1为最大字,h6为最小字
2.字体变化..........
【1】字体大小..........#=1~7;数字愈大字也愈大
【2】指定字型..........
【3】文字颜色..........rr:
表红色(red)色码gg:
表绿色(green)色码bb:
表蓝色(blue)色码
3.显示小字体..........
4.显示大字体..........
5.粗体字..........
6.斜体字..........
7.打字机字体..........
8.底线..........
篇三:
html语言之表格标记
动画名称:
html语言之表格标记动画简介:
表格的基本语法...-定义表格
-定义表行表行标记对
-定义表头表头标记对
-定义表元(表格的具体数据)表元标记对带边框的表格:
Fooddrinksweeta
td>bc
不带边框的表格:
Fooddrinksweetabc
跨多行、多列的表元跨多列的表元
morningmenu
Fooddrinksweetabc
跨多行的表元
morningmenu
Fooda
drinkb
sweetc
表格尺寸设置边框尺寸设置:
Fooddrinksweet
abc
表格尺寸设置:
Fooddrinksweet
abc
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- html 表格 字体大小