第一章代码基础知识 第六节文字标签 文字标签语法如下:<FONT>内容</FONT>(标签语法:指的是标签的表达方式、使用方法。)
文字标签常用的属性有: 字体(face) 字号(size) 文字颜色(color)。 在这些属性的后面,用等号连接起来的内容,就是属值。属性与属值是添加在文字标签的尖括号里面的,尾标签里不添加任何代码。 <FONT ( 文字标签) color(文字颜色)=#ff0000 (红色)size(字号)=6 face(字体)=隶书>“春天没来”欢迎您 </FONT(尾标签)> 在上面的这个文字标签中: FONT是标签名称:文字标签。 color是颜色,指文字颜色,是这个文字标签的一个属性; #ff0000 是红色,是属值。 size是字号,指文字的大小,是这个文字标签的一个属性; 6是指6号字,是属值。 face是字体,是这个文字标签的一个属性; 隶书是一种字体,是属值。 “春天没来”欢迎您是页面显示的文字内容,它的显示效果是这个文字标签的所有属性与属值综合效果的具体体现。 在文字标签中,文字颜色的表示方法有下列三种:(这三种方法,均可在上面的文字标签中使用) 英语颜色名称表示法:color(颜色)="orange" 把英语颜色名称放入等号后面的双引号内即可。 十六进制颜色表示法:bgcolor(颜色)="#CCFFCC" 十进制颜色表示法:color(颜色)="rgb(255,0,0)" 用16进制表示颜色: bgcolor(颜色)="#(16进制)CC(红色)FF(绿色)CC(蓝色)" 某一位上的数值,0——9时:用0——9表示;10——16时:依次用abcdef这些字母表示。 用十进制表示颜色: color= rgb(132,20,180); R值全称为:RED。指的是:红色值。取值为0——255之间。 G值全称为:GREEN 。指的是:绿色值。取值为0——255之间。 B值全称为:BLUE。指的是蓝色值。取值为0——255之间。 常用颜色三种表示方法对照表: 白色: 16进制表示为:#FFFFFF; 10进制表示为:255,255,255; 英语名称表示为:white 黑色: 16进制表示为:#000000; 10进制表示为:0,0,0; 英语名称表示为:black 红色: 16进制表示为:#FF0000; 10进制表示为:255,0,0; 英语名称表示为:red 绿色: 16进制表示为:#00FF00; 10进制表示为:0,255,0; 英语名称表示为:green 蓝色: 16进制表示为:#0000FF; 10进制表示为:0,0,255; 英语名称表示为:blue 黄色: 16进制表示为:#FFFF00; 10进制表示为:255,255,0; 英语名称表示为:yellow 青色: 16进制表示为:#00FFFF; 10进制表示为:0,255,255; 英语名称表示为:cyan 紫色: 16进制表示为:#FF00FF; 10进制表示为:255,0,255; 英语名称表示为:purple 文字标签表示方法举例: 1、<FONT color=#ff0000 size=6 face=隶书>“春天没来”欢迎您 </FONT> (size=6,这种字号,可以选择1-7号。) 2、<font(文字标签) style(样式)="line-height: normal(行与行的间距:默认值); font-size(字号): 30pt; font-style(文字样式): normal(默认值); font-variant: normal(小型大写字母的字体:默认值); font-weight: normal(文本的粗细:默认值);" color="#ff00ff"(文字颜色:紫色)><strong(强调标签,也就是粗体标签)> "春天没来"欢迎您</strong(强调尾标签)></font(文字尾标签)> 在文字标签里,有一个属性:样式。后面的内容,都可以看成“样式”的属值。 <FONT color=#ff0000 size=6 face=宋体>“春天没来”欢迎您 </FONT> <FONT color=#ff0000 size=6 face=黑体>“春天没来”欢迎您 </FONT> <FONT color=#ff0000 size=6 face=隶书>“春天没来”欢迎您 </FONT> <FONT color=#ff0000 size=6 face=楷体>“春天没来”欢迎您 </FONT> <FONT color=#ff0000 size=6 face=幼圆>“春天没来”欢迎您 </FONT> <FONT color=#ff0000 size=6 face=微软雅黑>“春天没来”欢迎您 </FONT> “春天没来”欢迎您 “春天没来”欢迎您
“春天没来”欢迎您
“春天没来”欢迎您
“春天没来”欢迎您
“春天没来”欢迎您
第一章代码基础知识
第七节图片标签 1、在下面的括号内填写“贴图标签”的常用“属性”代码。 常用属性如下: 源文件路径(src)、 标题( title)、 图片的文字提示(alt)、 样式(imgstyle)、外边距(margin)、 边框宽度(border-width)、 图片的宽度(width)、 图片的高度(height)、 右边框线宽度(BORDER-RIGHT-WIDTH)、 上边框线宽度(BORDER-TOP-WIDTH)、 下边框线宽度(BORDER-BOTTOM-WIDTH)、 左边框线宽度( BORDER-LEFT-WIDTH)。 2、自己找几个图片,复制图片的代码,粘贴到“撰写文章”处的“代码编辑”页面中,“删除”掉多余的代码,只保留“贴图标签的基本形式”: 1)原图代码: <div> </div><div><img src="http://userimage3.360doc.com/12/0917/14/9496045_201209171450100452.jpg"></div><div> </div> 修改代码: <img src="http://userimage3.360doc.com/12/0917/14/9496045_201209171450100452.jpg"> 再修改代码: <img title="渔樵旧草庐" alt="精美图片" src="http://userimage3.360doc.com/12/0917/14/9496045_201209171450100452.jpg"> 2)原图代码: <div> </div><div><img src="http://userimage3.360doc.com/12/0823/08/9496045_201208230844450880.jpg"></div><div> </div> 修改代码: <img src="http://userimage3.360doc.com/12/0823/08/9496045_201208230844450880.jpg"> 再修改代码: <img title="渔樵旧草庐" alt="精美图片"src="http://userimage3.360doc.com/12/0823/08/9496045_201208230844450880.jpg"> 3)原图代码: <div> </div><div><img src="http://userimage3.360doc.com/12/0823/08/9496045_201208230844400271.jpg"></div><div> </div> 修改代码: <img src="http://userimage3.360doc.com/12/0823/08/9496045_201208230844400271.jpg"> 再修改代码: <imgtitle="渔樵旧草庐" alt="精美图片"src="http://userimage3.360doc.com/12/0823/08/9496045_201208230844400271.jpg"> 4)原图代码: <div> </div><div><img src="http://userimage3.360doc.com/12/0810/20/9496045_201208102054030476.jpg"></div><div> </div> 修改代码: <img src="http://userimage3.360doc.com/12/0810/20/9496045_201208102054030476.jpg"> 再修改代码: <img title="渔樵旧草庐" alt="精美图片"src="http://userimage3.360doc.com/12/0810/20/9496045_201208102054030476.jpg"> 3、自己找几个图片,复制其地址: 1) "http://userimage3.360doc.com/12/0923/10/9496045_201209231057360182.gif" 2) "http://userimage3.360doc.com/12/0923/10/9496045_201209231057360182.gif" 3) "http://userimage3.360doc.com/12/0829/19/9496045_201208291942000217.jpg" 4) "http://userimage3.360doc.com/12/0822/20/9496045_201208222019590036.jpg" |
|