sql2000无法安装:电脑技术(HTML代码)
来源:百度文库 编辑:中财网 时间:2024/04/28 20:18:24
前言
追求完美的你,不可能只留恋于像编辑Word文档一样编辑你的帖子,也不会满足于使用有限的UBB语法来制作你的帖子,“盗用”别人的代码也不是长久之计。看到别人那些精美无比的HTML帖子,你早已跃跃欲试了!
如果是这样,那么,本教程就是为你准备的!
本教程主要适合于HTML论坛新手和初中级水平的水手参考使用,对于拥有Web管理网站的朋友,本教程也很有指导意义。而对于想学习HTML的朋友,这也是一个不错的教程。总之,黑马尽量使用最通俗易懂的方式介绍HTML帖子的相关语法和制作方法、技巧。
或许你已经是HTML帖子的制作高手了,那么,如果你有耐心一章一节地看下去,说不准也对你有所帮助——里面的内容,极可能有些是你未接触过或者不太熟悉的;如果你是教授级别的,那么,浏览一下也无妨,你可以给黑马提提意见,让本教程对大家的帮助达到最佳效果。
让我们首先从字体设置开始。
在HTML代码里,字体的定义并不是很难,我们只需用标签即可定义字体、字号、字体颜色等。 标签原则上要求成对出现,即在被修饰的字体前使用引导,在被修饰的文字后用结尾。下面给出例子和效果及相关说明:
语法:黑马在线动力
效果:黑马在线动力
说明:标签里,face为字体名称,“=黑体”即表示被修饰的文字即“黑马在线动力”的字体为黑体,至于定义为什么字体,看你的喜好了,如果你所设置的字体不存在,系统自动使用默认字体显示(如中文Windows平台下宋体就是默认字体);size表示字号,论坛里可用字号是1号到7号,通常数字越大字号也就越大(也有的论坛相反),如果用户定义的字号超过7号则以7号显示(但还有其他方法突破7号字体,稍后我们会讨论到的);color用来定义文字的显示颜色,其值放在和前面的各元素一样放在等号的后面,颜色的表示方式可用少量的颜色英文明文,也可用Web色码方式,如#ff0000,色码表请参阅黑马在线动力提供的色码表。
size还有一种赋值方法,形式如下:
黑马在线动力
这类表达式适用于未使用CSS设定的页面,它表示被修饰的文字在默认字号基础上加大一号。
字体修饰还用到其他的标签,分别介绍如下:
粗体:文字 (例:文字)
加重:文字 (例:文字)
上标:文字 (例:文字)
下标:文字 (例:文字)
斜体:文字 (例:文字)
下划线:文字 (例:文字)
提示:连同标签一块,以上这些修饰方法,只要不相互冲突就可以结合起来使用。
标题修饰:文字 。其中,x为1到6的数字。以下是h1到h6的标题式样效果,我们可以看到,字号是逐渐变小的:
标题一
标题二
标题三
标题四
标题五
标题六
最后讲讲突破7号字大小问题:
我们需要以嵌套方式调用CSS样式来定义字体,这种方法可以让我们最大限度地设置字号大小,实现方法也很简单,只需在标签里用以下代码替换纯HTML原来的元素即可。请看以下代码和效果:
代码:春天
效果:
春天
CSS扩展了HTML功能,它能够令帖子和网页的可控制程度更高。更多的CSS知识我们将在后面陆续介绍,你也可以阅读 这个了解和学习一下CSS滤镜修饰字体的强大功能。
分隔符标签详解
从代码结构来看,HTML帖子实际上就是一个去头去尾的Web页面,原帖和回复置于和之间,我们可以把原帖和回复帖分开来看,这样,每一个帖子实际上就相当于Web页面的正文了。正文的行与行之间、段与段之间甚至上一个显示元素和下一个显示元素之间,如若我们不刻意去把它们分隔开来,情形会怎么样呢?显然会是一团糟,你的帖子将是一个大团块,阅读起来将十分不便。
为此,学习和掌握HTML语法中的分隔标签非常有必要,娴熟地应用分隔标签,将能令你制作的帖子可读性强、外观整洁漂亮。
强行换行:
在需要处打上
标签,
后面的内容将强行换到下一行。Web页会根据自己的可显示宽度自动换行(除非定义为不换行,不换行标签是),但有些情况下,我们需要强行换行(比如诗歌、歌词等的编排),此时
标签就能派上用场。
可以连续使用,如果
后面没有内容,它将表示一个空行。
是独立使用的标签,没有终止符,是错误的!
强行分段:
与换行不同,p用来强行分段,它是成对出现的标签,即以起始符
也得到分段的效果,但这样可能会存在一些问题:一是,假设预定义了行高,那么,两个
造成的两个段落的上下间距可能与用p的不同;二是,像动网论坛那样,用
来给一系列超级链接分行,不管连续用多少个
,
都极可能被吞掉,结果是,那些超级链接外观上将是连在一起的,分辩起来哪是哪比较困难,所以建议用p标签来给它们分段(当然还有其他的手段)。
类似p标签的还有div,记作:
分隔线:
分隔线标签
也是独立使用的,它将令Web页出现一条线条。如果不需要特别的装饰,直接用
即可,也可以修饰分隔条,让它和你的帖子更协调地配合起来。
标签可定义元素主要有:
size — 厚度,即分隔线的粗细,默认为1;
color — 颜色,记作:color=颜色值;
width — 宽度,可用实数值表示,也可用百分比;
align — 对齐方式。居中:center,左对齐:left,右对齐:right。默认为居中;
标签还有一些诸如title(标题)、noshade(无阴影)等元素,这里就不一一介绍了。
排版标签详解
HTML的排版不同于Word的直观排版概念,它不是所见即可得的。但是,最终追求的结果是一样的:令终端页面的外观像我们预设的一样显示出来。
在支持HTML论坛里,排版可分为常规排版和非常规排版两种,后者属于较为高深的内容,出于学习的循序渐进要求,我们在本节只介绍常规排版。
一、格式预设:
这是非常有用的一个标签,它可以使得最终显示效果以原始格式实现。请看以下代码和效果:
代码:
论坛里,有时我们需要精确地对齐某些元素,pre标签能够帮上大忙,它能令效果比在“设计”模式下用空格符移动显示符号更准确。
二、对齐:align
align作为一个元素放置在相应标签里令被该标签修饰的显示单元按指定方式对齐或在图文混排时定义图片与文字的对齐方式。
先介绍前者 即被修饰单元的对齐方式。这种情形,align通常有三个值可以选择:left(左对齐)、center(居中)、right (右对齐),记作align=值。align不能独立使用,它要放在相应的标签里,如放在里,则令表格按取值情况对齐,一句,将令表格居中;再如放在
追求完美的你,不可能只留恋于像编辑Word文档一样编辑你的帖子,也不会满足于使用有限的UBB语法来制作你的帖子,“盗用”别人的代码也不是长久之计。看到别人那些精美无比的HTML帖子,你早已跃跃欲试了!
如果是这样,那么,本教程就是为你准备的!
本教程主要适合于HTML论坛新手和初中级水平的水手参考使用,对于拥有Web管理网站的朋友,本教程也很有指导意义。而对于想学习HTML的朋友,这也是一个不错的教程。总之,黑马尽量使用最通俗易懂的方式介绍HTML帖子的相关语法和制作方法、技巧。
或许你已经是HTML帖子的制作高手了,那么,如果你有耐心一章一节地看下去,说不准也对你有所帮助——里面的内容,极可能有些是你未接触过或者不太熟悉的;如果你是教授级别的,那么,浏览一下也无妨,你可以给黑马提提意见,让本教程对大家的帮助达到最佳效果。
让我们首先从字体设置开始。
在HTML代码里,字体的定义并不是很难,我们只需用标签即可定义字体、字号、字体颜色等。 标签原则上要求成对出现,即在被修饰的字体前使用引导,在被修饰的文字后用结尾。下面给出例子和效果及相关说明:
语法:黑马在线动力
效果:黑马在线动力
说明:标签里,face为字体名称,“=黑体”即表示被修饰的文字即“黑马在线动力”的字体为黑体,至于定义为什么字体,看你的喜好了,如果你所设置的字体不存在,系统自动使用默认字体显示(如中文Windows平台下宋体就是默认字体);size表示字号,论坛里可用字号是1号到7号,通常数字越大字号也就越大(也有的论坛相反),如果用户定义的字号超过7号则以7号显示(但还有其他方法突破7号字体,稍后我们会讨论到的);color用来定义文字的显示颜色,其值放在和前面的各元素一样放在等号的后面,颜色的表示方式可用少量的颜色英文明文,也可用Web色码方式,如#ff0000,色码表请参阅黑马在线动力提供的色码表。
size还有一种赋值方法,形式如下:
黑马在线动力
这类表达式适用于未使用CSS设定的页面,它表示被修饰的文字在默认字号基础上加大一号。
字体修饰还用到其他的标签,分别介绍如下:
粗体:文字 (例:文字)
加重:文字 (例:文字)
上标:文字 (例:文字)
下标:文字 (例:文字)
斜体:文字 (例:文字)
下划线:文字 (例:文字)
提示:连同标签一块,以上这些修饰方法,只要不相互冲突就可以结合起来使用。
标题修饰:
标题一
标题二
标题三
标题四
标题五
标题六
最后讲讲突破7号字大小问题:
我们需要以嵌套方式调用CSS样式来定义字体,这种方法可以让我们最大限度地设置字号大小,实现方法也很简单,只需在标签里用以下代码替换纯HTML原来的元素即可。请看以下代码和效果:
代码:春天
效果:
春天
CSS扩展了HTML功能,它能够令帖子和网页的可控制程度更高。更多的CSS知识我们将在后面陆续介绍,你也可以阅读 这个了解和学习一下CSS滤镜修饰字体的强大功能。
分隔符标签详解
从代码结构来看,HTML帖子实际上就是一个去头去尾的Web页面,原帖和回复置于和之间,我们可以把原帖和回复帖分开来看,这样,每一个帖子实际上就相当于Web页面的正文了。正文的行与行之间、段与段之间甚至上一个显示元素和下一个显示元素之间,如若我们不刻意去把它们分隔开来,情形会怎么样呢?显然会是一团糟,你的帖子将是一个大团块,阅读起来将十分不便。
为此,学习和掌握HTML语法中的分隔标签非常有必要,娴熟地应用分隔标签,将能令你制作的帖子可读性强、外观整洁漂亮。
强行换行:
在需要处打上
标签,
后面的内容将强行换到下一行。Web页会根据自己的可显示宽度自动换行(除非定义为不换行,不换行标签是
标签就能派上用场。
可以连续使用,如果
后面没有内容,它将表示一个空行。
是独立使用的标签,没有终止符,是错误的!
强行分段:
内容
与换行不同,p用来强行分段,它是成对出现的标签,即以起始符
引导被修饰的段落,以
结束该段。在HTML页面里,段与段之间的距离相当于一个空行,并不像Word里用回车分段得出的效果那样。默认情况下用两个也得到分段的效果,但这样可能会存在一些问题:一是,假设预定义了行高,那么,两个
造成的两个段落的上下间距可能与用p的不同;二是,像动网论坛那样,用
来给一系列超级链接分行,不管连续用多少个
,
都极可能被吞掉,结果是,那些超级链接外观上将是连在一起的,分辩起来哪是哪比较困难,所以建议用p标签来给它们分段(当然还有其他的手段)。
类似p标签的还有div,记作:
内容
。严格来说div不是一个分段标签,它和span等元素一样,属于网页布局元素,用于网页制作的布局、定位、色块等设计,但在论坛里,div的作用非常类似于p,不过,它分出的段落间距不一定与标签p一致。分隔线:
分隔线标签
也是独立使用的,它将令Web页出现一条线条。如果不需要特别的装饰,直接用
即可,也可以修饰分隔条,让它和你的帖子更协调地配合起来。
标签可定义元素主要有:
size — 厚度,即分隔线的粗细,默认为1;
color — 颜色,记作:color=颜色值;
width — 宽度,可用实数值表示,也可用百分比;
align — 对齐方式。居中:center,左对齐:left,右对齐:right。默认为居中;
标签还有一些诸如title(标题)、noshade(无阴影)等元素,这里就不一一介绍了。
排版标签详解
HTML的排版不同于Word的直观排版概念,它不是所见即可得的。但是,最终追求的结果是一样的:令终端页面的外观像我们预设的一样显示出来。
在支持HTML论坛里,排版可分为常规排版和非常规排版两种,后者属于较为高深的内容,出于学习的循序渐进要求,我们在本节只介绍常规排版。
一、格式预设:
内容
这是非常有用的一个标签,它可以使得最终显示效果以原始格式实现。请看以下代码和效果:
代码:
1236-1207--------29效果:1236-1207--------29
论坛里,有时我们需要精确地对齐某些元素,pre标签能够帮上大忙,它能令效果比在“设计”模式下用空格符移动显示符号更准确。
二、对齐:align
align作为一个元素放置在相应标签里令被该标签修饰的显示单元按指定方式对齐或在图文混排时定义图片与文字的对齐方式。
先介绍前者 即被修饰单元的对齐方式。这种情形,align通常有三个值可以选择:left(左对齐)、center(居中)、right (右对齐),记作align=值。align不能独立使用,它要放在相应的标签里,如放在
标签里加入 class=lnk1 就行了(lnk1是假设的一个名称)。 媒体标签 图文并茂的帖子还需要有音乐、影像等媒体做衬托,帖子的整体效果才达到极致。虽然论坛一般都提供插入媒体文件的方法,但那是很有局限的,并不能满足特殊的要求。为此,有必要学习和掌握媒体标签的使用方法。 首先我们先了解一下三种主要的音乐格式。这些音乐格式都是当前网络上较为流行的,它们更被广泛地应用于论坛。 出于编写代码的要求,我们这里以支持这些音乐的播放机为划分音乐格式的依据,这种划分方法以前也是有人使用过的。 第一种:WMP格式。 WMP即为Windows Media Player的缩写,是微软公司的媒体播放机,它集成在Windows系统里,可以格外免费升级(网上一般都有下载链接)。其网络ActiveX插件为Windows Media Player。当前WMP所支持的音乐及影像媒体文件的格式主要有(仅介绍网络上常用的格式,下同): MP3(音频)、WMA(音频)、WMV(视频)、AVI(视频)、MPEG(电影)、WAV(音频)、MIDI(音频)、ASF(视频)、AIFF(音频)、AU(音频)、wpl文件(WMP播放列表文件)、m3u文件(Winamp的播放列表文件)等。 第二种:RP格式。 这是有着悠久历史的一种媒体格式,宽带普及以前的网络媒体文件的老大,由RealNetworks公司开发。它当前的网络ActiveX插件是Real Player G2 Control。常见文件后缀名为: rax、ram、rmm、rsml、rvx、rmj、rmx、rjt、rm REAL也支持MP3、MIDI、Wav等格式的媒体文件,但它的播放效果没有WMP的好,所以我们不把它列入RP格式。 第三种:Flash格式。这是Macromedia公司开发的结合音频视频在一块的媒体格式。其插件为Shock Wave。文件后缀名为.swf。 弄清楚以上文件格式后,我们就可以使用 |
从表格的代码框架分析得出:表格标签里,所有元素都成对出现,而这些元素是按照从大到小的顺序从外往里层层包裹的。table最大,它占在起始和终结的位置,tbody是老二,tr是老三,td最小,它在最里层。
本节对表格的介绍到这里打住,更多的表格内容将陆续介绍。下课。
表格属性设置
本节所指的表格属性设置其概念等同于诸如FP的“设计”编辑模式下的表格属性设置,在“设计”模式下,通过点击鼠标,可以方便地设置表格的属性,只是,它没有通过代码设置的灵活。
我们先看看
也可有此属性,如果设置了表格的背景色,又设置表格单元格的背景色,得出的效果将是值得试试的,这种情况主要用于多单元格的表格。 background:表格的背景图。其值为一个有效的图片地址。 | 也有此属性。同时设置背景色和背景图不冲突,也建议这么做,这样,当图片不能显示时,表格的外观依然是好看的。 bordercolor:表格的边框颜色,当border值不为0时设置此值有效。取值同bgcolor。 bordercolorlight:亮边框颜色,当border值不为0时设置此值有效。亮边框指表格的左边和上边的边框。 bordercolordark:暗边框颜色,当border值不为0时设置有效。暗边框指表格的右边和下边的边框。 align:表格的对齐方式,值有left(左对齐,默认)、center(居中)以及right(右对齐)。align定义的是表格自身的位置,这是一个很有用的属性,强烈建议使用它来规定表格的对齐方式,尽量不要使用 表格 、表格 和表格标签的属性较多,使得本节有一定的难度,需要悉心领会并一一记住。 下面给出一个表格式样和代码,表格中有一些简单的说明。 本表格的属性设置: 边框大小:border=1 边框颜色:bordercolor=#ff0000 背景色:bgcolor=#cc9968 表格宽度:width=400 单元格间距:cellspcing=16 单元格衬距:cellpadding=8 表格的对齐方式(居中):align=center 注:其他属性未设置。 参考代码:
单元格属性设置 ◇ 黑马 在上一节对表格属性设置的介绍中,我们提到,有一些属于表格的属性单元格也有,比如,背景色、宽度和高度等等。本节我们学习单元格的属性设置,但这回我们采用不那么正规的讲述方法来介绍单元格的属性设置。 从表格的整体外观上看,单元格是表格的基本构成单元,一张表格至少要有一个单元格。单元格由 | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
里,除了我们在上一节学到的bgcolor等之外,还有许多属性需要掌握,令人高兴的是,很多属性的设置方法都是和
|