html代码基础

更新时间：2023-08-17 21:39:01 阅读量：资格考试认证文档下载

说明：文章内容仅供预览，部分内容可能不全。下载后的文档，内容与下面显示的完全一致。下载之前请确认下面内容是否您想要的，是否完整无缺。

html代码基础

一、html代码基础

1)贴图：<img src="图片地址">

2)加入连接：<a href="所要连接的相关地址">写上你想写的字</a>

3)在新窗口打开连接：<a href="相关地址" target="_blank">写上要写的字</a>

4)字体加粗：<b>写上你想写的字</b>

5)字体斜体：<i>写上你想写的字</i>

6)字体下划线: <u>写上你想写的字</u>

7)字体删除线: <s>写上你想写的字</s>

8)字体加大: <big>写上你想写的字</big>

9)字体控制大小：<h1>写上你想写的字</h1> (其中字体大小可从h1-h5,h1最大，h5最小)

10)更改字体颜色：<font color="#value">写上你想写的字</font>(其中value值在000000与ffffff(16位进制)之间

11)消除连接的下划线：<a href="相关地址" style="text-decoration:none">写上你想写的字</a>

12)贴音乐：<embed src="音乐地址" width="宽度" height="高度" autostart=false>

13)贴flash: <embed src="flash地址" width="宽度" height="高度">

14)贴影视文件：<img dynsrc="文件地址" width="宽度" height="高度" start=mouseover>

15)换行：<br>

16)段落：<p>段落</p>

17)原始文字样式：<pre>正文</pre>

18)换帖子背景：<body background="背景图片地址">

19)固定帖子背景不随滚动条滚动：<body background="背景图片地址" body

bgproperties=fixed>

20)定制帖子背景颜色：<body bgcolor="#value">(value值见10)

21)帖子背景音乐：<bgsound="背景音乐地址" loop=infinite>

22)贴网页：<iframe src="相关地址" width="宽度" height="高度"></iframe>

二、移动文字的基本代码：

(走马灯左到右)：<marquee>写上你想写的字</marquee>

带有框的移动文字代码：<marquee direction=up behavior=scroll width=400 height=150 scrolldelay=80 scrollamount=1>插入文字（图片等）</marquee>

１.各参数详解：

1)scrollAmount。它表示速度，值越大速度越快。如果没有它，默认为6，建议设为1～3比较好。

2)width和height，表示滚动区域的大小，width是宽度，height是高度。特别是在做垂直滚动的时候，一定要设height的值。

3)direction。表示滚动的方向，默认为从右向左：←←←。可选的值有right、down、up。滚动方向分别为：right表示→→→，up表示↑，down表示↓。

4)scrollDelay，这也是用来控制速度的，默认为90，值越大，速度越慢。通常scrollDelay是不需要设置的。

5)behavior。用它来控制属性，默认为循环滚动，可选的值有alternate(交替滚动)、slide(幻灯片效果，指的是滚动一次，然后停止滚动)

２.实例 1)如何给滚动字幕加超链接？这跟平时的超链接是完全一样的。只要在文字外面加上<a href=***>和&
lt;/a>就可以了。如下效果，代码是<marquee scrollAmount=2 width=300><a href=/>梦中人梦工场</a></marquee>，点击梦中人梦工场就可

html代码基础

以进入了：

效果：梦中人梦工场

2)如何制作当鼠标停留在文字上，文字停止滚动？

代码如：

<marquee scrollAmount=2 width=300 效果：欢迎您来到梦工场

3)交替效果。

代码如：

<marquee scrollAmount=2 width=300 behavior=alternate>欢迎您来到梦工场</marquee>

效果：欢迎您来到梦工场

4)向右移动：<marquee scrollAmount=2 width=300 direction=right>欢迎您来到梦工场</marquee>

效果：欢迎您来到梦工场

5)向上移动：<marquee scrollAmount=2 height=100 direction=up>欢迎您来到梦工场</marquee>

效果：欢迎您来到梦工场　

6)向下移动：<marquee scrollAmount=2 height=100 direction=down>欢迎您来到梦工场</marquee>

效果：

欢迎您来到梦工场

7)代码：<MARQUEE scrollAmount=1 direction=up behavior=alternate height=200><MARQUEE scrollAmount=1 direction=up height=100>锄禾日当午，<br>汗滴禾下土：<br>谁知盘中餐，<br>粒粒皆辛苦。</MARQUEE></MARQUEE>

效果：

锄禾日当午，

汗滴禾下土：

谁知盘中餐，

粒粒皆辛苦。

三、图片代码基础

1.基本代码

<img src=图片网址 width=图片宽度 height=图片高度>

2.给图片加边框

<table border=6 cellSpacing=2 cellPadding=1 borderColor=#841A00><tr><td><img src=图片网址 width=600 height=407></td></tr></table>

说明：

border="6" 表格边框的厚度

cellspacing="2" 表格格线的厚度

cellPadding=1　表格格线内厚度

borderColor=#841A00　边框色彩

　

3、图片朦胧效果

A.圆形效果

代码：　<IMG src="图片" width=500 height=375 style="filter:Alpha(opacity=100,style=2);">

B.方形效果

代码：　<IMG src="图片" style="FILTER: Alpha(opacity=200,style=3)" width=500 height=375>

C.椭圆效果

代码：　<IMG src="图片" style="filter:Alpha(opacity=100,finishOpacity=0,style=2)" width=500 height=375>

四、.友情链接代码

<marquee behavior="scroll" direction=right width="90%" height="100" scrollamount="2"

scrolldelay="30" ><a target="cont" href="对方地址"><img src="对方图片" width="100" height="100" border="0"></a><a target="cont" href="对方地址"><img src="对方图片" width="100" height="100" border="0"></a><a target="cont" href="对方地址"><img src="对方图片" width="100" height="100" border="0"></a><a target="cont" href="对方地址"><img src="对方图片" width="100" height="100" border="0"></a><a target="cont" href="对方地址"><img src="对方图片" width="100" height="100" border="0"></a><a target="cont" href="对方地址"><img src="对方图片" width="100" height="100" border="0"></a><a target="cont" href="对方地址"><img src="对方
图片" width="100" height="100" border="0"></a></marquee>

五、给日志作封面的技术

将日记写完未发表前，在面板下面点击《其他设

html代码基础

置》，在出现的《摘要》里（大方框中）将下面的代码粘贴进去： <A href="该篇日记的地址" target=_blank><IMG src="要使用的图片的地址" ></A>

音乐代码

一.帖歌时不隐藏播放器

1、自动播放

<embed src="网址" height="300" width="450" autostart="true" loop="true">

　

2、点击后播放

<embed src="网址" height="300" width="450" autostart="false">

二.帖歌时隐藏播放器且自动播放:

<embed src="背景音乐网址" hidden="true" autostart="true" loop="true">

　

六、音乐代码

AUTOSTART="TRUE / FALSE"

是否要在音乐档传完之后，就自动播放音乐。 TRUE 是要　

FALSE 是不要，内定值是不要。

LOOP="TRUE / FALSE / 整数"

设定是否要自动反覆播放，LOOP=2 表示重复两次，若要无限次重复可用 LOOP="TRUE"。　

WIDTH 和 HIGH="整数"

设定控制面
版的宽度和高度。

hidden="true"表示隐藏播放，即不显示播放器的外观。相当把播放器的高度和宽度设置为0。

　

FLASH代码

<embed src=flash网址 width=400 height=400>

本文来源：https://www.bwwdw.com/article/xb8j.html

相关文章：

正在阅读：

html代码基础08-17

2012年一级安全评价师模拟考试题05-17

张姓宝宝起名11-30

企业如何设计生产岗位定岗定编04-14

人教版八年级上册语文全册课文及教学资料03-08

GBZ19579-2012卓越绩效评价准则10-24

青岛版三年级数学下册期中测试题 (1)07-24

小学生二年级作文我的家乡300字06-13

春节期间疫情防控工作部署会讲话08-23

BUGATTI04-04

上一篇：清水混凝土施工方案下一篇：小学低年级语文学习习惯的养成教育策略初探