html局部代大全.docx
- 文档编号:24279087
- 上传时间:2023-05-26
- 格式:DOCX
- 页数:21
- 大小:255.10KB
html局部代大全.docx
《html局部代大全.docx》由会员分享,可在线阅读,更多相关《html局部代大全.docx(21页珍藏版)》请在冰豆网上搜索。
html局部代大全
注意这里介绍的只是一些局部代码,不介绍制作网页所需的所有必要代码)
今天给大家介绍一下HTML语言和现在网上比较流行的几个论坛的代码写法。
首先,介绍一下大概的内容,我们通常编写网页所使用的HTML语言,全名“超文本标识语言”,它是一种标识语言,这就决定了它不像其他编程语言一样是需要编译为机器语言才能运行的,而是起到一个标识符的作用,就像他的名字一样,简单地说就是,当用户的浏览器打开了某个网页页面后,他会逐行扫描,当遇见了我们将要介绍的代码(也就是HTML)的时候,就对他所括定的文字进行相应的处理,然后将处理结果反馈给用户,这就是我们现在看到的网页。
现在很多论坛所用的标签,如我们用的LB5000标签,只不过是将一些危险的HTML代码屏蔽掉了后剩下的一些对文字表达效果加以改变的代码。
好了,具体来举例子讲解:
首先举个简单的例子,一般的HTML代码都是括在<>符号中的,比如:
等,而需要改变显示效果的文字就要括在类似<代码X>文字代码X>这样的标识符中了,好了,我们一具体的例子来说明这个问题:
你要是想改变文字的颜色和大小可以用如下的代码:
文字看到了吗?
你所打的代码并没有显示,而是被浏览器解释为相应的效果了,但是如果你用鼠标右键单击网页,选择“察看源文件”就可以看到你所输入的代码了,这个是没有变化效果的,这样你就懂了吧!
我们要写HTML代码就必须要配对,当然很少数可以不配对的,但是配对了绝对没有错,很多初学者就是因为没配对才引发了很多的错误,切忌呀,要养成良好的写代码的习惯,这是作为一个程序员的基本要求!
而我们现在论坛所用的标签和这个差不多,也是这样的格式,唯一不同的是它使用[]的符号来装他自己的标识符,还有它的标识符是不能像上面一样使用的,每个[]中只允许有一个标识符,而不能有多个,记住这一点,好了,我们的介绍完了,下面我们将本论坛中的代码和HTML代码结合起来举例子,至于其他论坛中的代码嘛!
如果你真的学会了本文,那么我想没有问题的了,所以就不介绍了。
(我所使用的标签在[和]中间有空格,这是为了不让程序解释,你写的时候一定不能加,不然程序没法识别你的标签就不能执行相应的效果了)
制作一个链接:
本站标签:
[url]http:
//bbs.col-[/url]
HTML代码:
//bbs.col-">http: //bbs.col- 效果: http: //bbs.col- (注: 程序已经自动加入了在新窗口中打开的代码,如果要想HTML和这个效果一样,要这样写: //bbs.col-"target="_blank">http: //www.col-) 制作一个链接但不显示链接地址而用相应的文字代替: 本站标签: [url=http: //bbs.col-]家园BBS[/url] HTML代码: //bbs.col-">家园BBS 效果: 家园BBS (注: 程序已经自动加入了在新窗口中打开的代码,如果要想HTML和这个效果一样,要这样写: //bbs.col-"target="_blank">家园BBS) 制作一个邮件链接,单击后打开发信程序向相应的地址发信: 本站标签: [email]username@[/email] HTML代码: username@">我的主页 效果: username@ 制作一个邮件链接,但不显示链接地址而用相应的文字代替: 本站标签: [email=username@]给我发信[/email] HTML代码: username@">给我发信 效果: 给我发信 文字加粗体效果: 本站标签: [b]黑体字[/b] HTML代码: 黑体字 效果: 黑体字 文字加倾斜效果: 本站标签: [i]斜体字[/i] HTML代码斜体字 效果: 斜体字 文字加下划线效果: 本站标签: [u]黑体字[/u] HTML代码: 黑体字 效果: 黑体字 改变文字大小: 本站标签: [size=1]黑体字[/size] HTML代码: 效果: 黑体字 (现将各字号大小列在这里,大家以后可以参考) 一号字 二号字 三号字 四号字 五号字 六号字 七号字 后面的不会再大了,不用加了 改变文字颜色: 本站标签: [color=red]改变文字颜色[/color] HTML代码: 效果: 改变文字颜色 (具体颜色你可以使用相应的英语,如: blue,white) 回复: [论坛技巧]HTML论坛代码大全 引用此图片 html代码论坛实用集 1. 进入网页Windows弹出警告窗口~! ("")在这里面填你想写的内容~! 2. 离开网页Windows弹出警告窗口~! ("")在这里面填你想写的内容~! 呵呵()里面可以是""或""不要漏了哦~! 3. 背景图片代码啦,他们都有好看的背景哦,赶快试试吧。 注意: 把模板改一下,像我网页的模板背景图片不能用哦~! 其他两种就能用啦~! 4. 用它网页就有好听的音乐啦~! loop="-1"播放无限次loop="1"就是只播放一遍啦~! 5.贴图代码 参数: src(图片的路径);width(图片的高度);height(图片的宽度);align(图片的对齐方式); 如果不带参数width、height则显示图片的实际大小。 ! ! 6.FLASH代码 参数: src(FLASH动画的路径);width(FLASH的高度);height(FLASH的宽度); FLASH网址一般后面都带有.swf~! 7.超级连接代码 参数: href(连接的内容);target(目标打开方式) 8.文字加粗 混混江湖 9.文字加斜 混混江湖 10.文字下划线 混混 11.分段 混混江湖 12.居中 13.移动 14.文字效果代码 参数: size(文字的大小);color(文字的颜色); 15.综合 一.网页镶嵌代码. (说明: 宽度和高度可以任意设置) 二.全屏贴网页镶嵌代码. -200px;WIDTH: 970px;POSITION: relative;TOP: 150px">
前后多几个
,以免遮盖编辑图标
P。
S:
这点我得感谢阿侃斑主,帮我编辑了我的第一个帖子。
3。
超链接代码:
下载
4。
透明flash代码。
500px;HEIGHT: 297px"src=.ne.kr/sw/let23.swfwidth=500height=297type=application/x-shockwave-flashwmode="transparent"> 让透明FLASH特效覆盖你的整个帖子 代码如下: 100px;WIDTH: 550px;POSITION: absolute;TOP: 1700px;HEIGHT: 600px"align=rightsrc=type=application/octet-stream;;quality="high"wmode="transparent"> 上下: TOP: 左右: LEFT: 可随意调整 表格的左右栏合并! 1 4 5 6 代码: 上下栏位合并: 1 2 3 5 6 代码:4 5 6 2 3 5 6
图片对称代码:
280px"background=图片网址height=225> FlipH"width=280background=图片网址height=225>
锯齿花边边框
锯齿花边边框代码:
dashed;BORDER-RIGHT-STYLE: dashed;BORDER-LEFT-STYLE: dashed;BORDER-BOTTOM-STYLE: dashed"borderColor="gray"cellSpacing="0"cellPadding="0"width="600"align="center"border="3"id="table1">
菱形花边边框
菱形花边边框代码:
darkorange5pxdotted;BORDER-TOP: darkorange5pxdotted;BORDER-LEFT: darkorange5pxdotted;BORDER-BOTTOM: darkorange5pxdotted"cellSpacing=0cellPadding=1width=445align=centerbgColor=blackborder=11>
球型花边边框:
球型花边边框代码:
darkorange4pxdotted;TABLE-LAYOUT: fixed;BORDER-TOP: darkorange4pxdotted;BORDER-LEFT: darkorange4pxdotted;BORDER-BOTTOM: darkorange4pxdotted"cellSpacing=0cellPadding=6width="30%"align=centerborder=0> break-word"bgColor=black> //211.100.16.145/mp3/waiting%20for%20you.mp3width=250height=30type=audio/x-pn-realaudio-pluginautostart="true">
立体边框:
立体边框代码:
#4682bb8pxridge;BORDER-TOP: #4682bb8pxridge;BORDER-LEFT: #4682bb8pxridge;BORDER-BOTTOM: #4682bb8pxridge;BACKGROUND-REPEAT: repeat"cellSpacing=0cellPadding=0align=centerbgColor=#008080> #4682bb0pxsolid;BORDER-TOP: #4682bb0pxsolid;BORDER-LEFT: #4682bb0pxsolid;WIDTH: 300px;BORDER-BOTTOM: #4682bb0pxsolid;BACKGROUND-REPEAT: no-repeat;HEIGHT: 230px"height=230cellSpacing=5cellPadding=10width=300bgColor=#4682bbbackground=
各种边框样式代码:
none:
无样式;
dotted:
点线;
dashed:
虚线;
solid:
实线;
double:
双线;
groove:
槽线;
ridge:
脊线;
inset:
内凹;
outset:
外凸。
很多功能都需要加上代码才可以实现,但是代码不是每个人都会加的,所以我这里弄些资料,大家偶尔看看就会弄了。
需要加代码的时候,要在发帖回帖的地方把文本编辑切换成代码编辑,如图:
。
然后再记下一些常用代码的格式:
1)贴图:
2)加入连接:
3)在新窗口打开连接:
4)移动字体(走马灯):
5)字体加粗:
写上你想写的字
6)字体斜体:
写上你想写的字
7)字体下划线:
写上你想写的字
8)字体删除线:
写上你想写的字
9)字体加大:
写上你想写的字
10)字体控制大小:
写上你想写的字
(其中字体大小可从h1-h5,h1最大,h5最小)11)更改字体颜色:
12)消除连接的下划线:
none">写上你想写的字 13)贴音乐: 14)贴flash: 15)贴影视文件: 16)换行: 17)段落: 段落
18)原始文字样式:
正文
19)换帖子背景:
20)固定帖子背景不随滚动条滚动:
bgproperties=fixed> 21)定制帖子背景颜色: 22)帖子背景音乐: 23)贴网页: <黑马src="相关地址"width="宽度"height="高度">黑马> 图片加边框: 图上做文: “文字内容” 上下滚动特效代码: 注: direction后面就滚动的方向,也可是down,left,right。 关于字体颜色: 字的颜色代码如下: black="#000000" green="#008000" silver="#c0c0c0" lime="#00ff00" gray="#808080" olive="#808000" white="#ffffff" yellow="#ffff00" maroon="#800000" navy="#000080" red="#ff0000" blue="#0000ff" purple="#800080" teal="#008080" fuchsia="#ff00ff" aqua="#00ffff" 常用HTML代码 1.css定义超连接,3A! a7]fW FL''}~il qR --A,.X A: link{text-decoration: none;color: black}(U.Go/A#wE A: visited{TEXT-DECORATION: none;color: black}QT,T5Q%JP: A: active{TEXT-DECORATION: none}#@B"E2F A: hover{TEXT-DECORATION: underlineoverline;color: #414992} +r3)\L{U body{FONT-SIZE: 9pt}Ei_~K''; th {FONT-SIZE: 9pt}! : |*! td {FONT-SIZE: 9pt}@3? >[R tr{FONT-SIZE: 9pt}b]]8Vs)'' -->zvV&Hks- BX? DI-o^h *&I>3;~%^} --zTg\\z; A: link{text-decoration: underline;color: #003399}XR+SjCA A: visited{TEXT-DECORATION: underline;color: #003399}/]`@.mZ9: A: active{TEXT-DECORA 如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。 copyright@ 2008-2022 冰点文档网站版权所有 经营许可证编号:鄂ICP备2022015515号-1