html网页制作(html网页制作代码大全)-IT技术网站

html网页制作

1、首先我们需要在桌面上，新建一张记事本
2、然后我们需要打开记事本，编写代码
3、然后我们需要把记事本修改后缀名为.html
4、然后我们需要在桌面上就会有一张网页，这一点很重要。
5、最后我们需要需要在浏览器上运行该网页

html网页制作代码大全

更多代码：https://www.cnblogs.com/guozht/articles/8276939.html
1.结构性定义
文件类型<HTML></HTML>（放在档案的开头与结尾）
文件主题<TITLE></TITLE>（必须放在「文头」区块内）
文头<HEAD></HEAD>（描述性资料，像是「主题」）
文体<BODY></BODY>（文件本体）
（由浏览器控制的显示风格）
标题<H?></H?>（从1到6，有六层选择）
标题的对齐<H?ALIGN=LEFT|CENTER|RIGHT></H?>
区分<DIV></DIV>
区分的对齐<DIVALIGN=LEFT|RIGHT|CENTER|JUSTIFY></DIV>
引文区块<BLOCKQUOTE></BLOCKQUOTE>（通常会内缩）
强调<EM></EM>（通常会以斜体显示）
特别强调<STRONG></STRONG>（通常会以加粗显示）
引文<CITE></CITE>（通常会以斜体显示）
码<CODE></CODE>（显示原始码之用）
样本<SAMP></SAMP>
键盘输入<KBD></KBD>
变数<VAR></VAR>
定义<DFN></DFN>（有些浏览器不提供）
地址<ADDRESS></ADDRESS>
大字<BIG></BIG>
小字<SMALL></SMALL>
与外观相关的标签（作者自订的表现方式）
加粗<B></B>
斜体<I></I>
底线<U></U>（尚有些浏览器不提供）
删除线<S></S>（尚有些浏览器不提供）
下标<SUB></SUB>
上标<SUP></SUP>
打字机体<TT></TT>（用单空格字型显示）
预定格式<PRE></PRE>（保留文件中空格的大小）
预定格式的宽度<PREWIDTH=?></PRE>（以字元计算）
向中看齐<CENTER></CENTER>（文字与图片都可以）
闪耀<BLINK></BLINK>（有史以来最被嘲弄的标签）
字体大小<FONTSIZE=?></FONT>（从1到7）
改变字体大小<FONTSIZE=+|-?></FONT>
基本字体大小<BASEFONTSIZE=?>（从1到7;内定为3）
字体颜色<FONTCOLOR=”#$$$$$$”></FONT>
说明<!–***–>（浏览器不会显示）
<!–修改滚动条–>
<styletype=”text/css”>
body{
scrollbar-face-color:#330033;
scrollbar-shadow-color:#FFFFFF;
scrollbar-highlight-color:#FFFFFF;
scrollbar-3dlight-color:#FFFFFF;
scrollbar-darkshadow-color:#FFFFFF;
scrollbar-track-color:#330033;
scrollbar-arrow-color:#FFFFFF;
}
</style>
<!–修改滚动条结束–>
将上面的代码放在叶子代码的<head></head>之间,颜色可根据自己的需要修改。
滚动条的代码意思如下：
Scrollbar-Face-Color为滚动条表面颜色设定；
Scrollbar-Track-Color为滚动条底板颜色设定；
Scrollbar-Darkshadow为滚动条下边和右边边沿颜色设定；
Scrollbar-Highlight-Color为滚动条上斜面和左斜面颜色设定；
Scrollbar-Shadow-Color为滚动条下斜面和右斜面颜色设定；
Scrollbar-3Dlight-Color为滚动条上边和左边的边沿颜色设定；
Scrollbar-Arrow-Color为滚动条两端箭头颜色设定。
<!>跑馬燈
<marquee>…</marquee>普通捲動
<marqueebehavior=slide>…</marquee>滑動
<marqueebehavior=scroll>…</marquee>預設捲動
<marqueebehavior=alternate>…</marquee>來回捲動
<marqueedirection=down>…</marquee>向下捲動
<marqueedirection=up>…</marquee>向上捲動
<marqueedirection=right></marquee>向右捲動
<marqueedirection=’left’></marquee>向左捲動
<marqueeloop=2>…</marquee>捲動次數
<marqueewidth=180>…</marquee>設定寬度
<marqueeheight=30>…</marquee>設定高度
<marqueebgcolor=FF0000>…</marquee>設定背景顏色
<marqueescrollamount=30>…</marquee>設定捲動距離
<marqueescrolldelay=300>…</marquee>設定捲動時間
1)贴图：<imgsrc=”图片地址”>
2)加入连接：<ahref=”所要连接的相关地址”>写上你想写的字</a>
3)在新窗口打开连接：<ahref=”相关地址”target=”_blank”>写上要写的字</a>
4)移动字体(走马灯)：<marquee>写上你想写的字</marquee>
5)字体加粗：<b>写上你想写的字</b>
6)字体斜体：<i>写上你想写的字</i>
7)字体下划线:<u>写上你想写的字</u>
8)字体删除线:<s>写上你想写的字</s>
9)字体加大:<big>写上你想写的字</big>
10)字体控制大小：<h1>写上你想写的字</h1>(其中字体大小可从h1-h5,h1最大，h5最小)
11)更改字体颜色：<fontcolor=”#value”>写上你想写的字</font>(其中value值在000000与ffffff(16位进制)之间
12)消除连接的下划线：<ahref=”相关地址”style=”text-decoration:none”>写上你想写的字</a>
13)贴音乐：<embedsrc=”音乐地址”width=”宽度”height=”高度”autostart=false>
14)贴flash:<embedsrc=”flash地址”width=”宽度”height=”高度”>
15)贴影视文件：<imgdynsrc=”文件地址”width=”宽度”height=”高度”start=mouseover>
16)换行：<br>
17)段落：<p>段落</p>
18)原始文字样式：<pre>正文</pre>
19)换帖子背景：<bodybackground=”背景图片地址”>
20)固定帖子背景不随滚动条滚动：<bodybackground=”背景图片地址”body
bgproperties=fixed>
21)定制帖子背景颜色：<bodybgcolor=”#value”>(value值见10)
22)帖子背景音乐：<bgsound=”背景音乐地址”loop=infinite>
23)贴网页：<iframe.src=”相关地址”width=”宽度”height=”高度”></iframe>
1、店铺音乐代码:音乐网址”loop=”-1″>
2、图片制作代码：＜imgsrc=”这里放图片地址”＞
3、公告图片代码：＜imgborder=”0″src=”这里放图片地址”/＞或＜imgsrc=”这里放图片地址”/＞
4、悬浮挂饰代码：＜imgsrc=”这里放图片地址”style=”left:20px;position:relative;top:0px”/＞
5、商品分类代码:＜imgsrc=”这里放图片地址”/＞
6、字体大小代码:＜fontsize=”2″＞这里放要处理的文字，可用3、4、5等设置大小＜/font＞
7、字体颜色代码:＜fontcolor=”red”＞这里放要处理的文字，可以换成blue,yellow等＜/font＞
8、文字链接代码:＜ahref=”网页地址”＞链接的文字，在分类栏里用时链接的网页地址必须缩短＜/a＞
9、移动文字代码:＜marquee＞从右到左移动的文字＜/marquee＞
10、背景音乐代码：＜bgsoundloop=”-1″src=”这里放音乐地址”＞＜/bgsound＞
11、图片附加音乐代码：＜imgborder=0src=”这里放图片地址”dynsrc=”这里放音乐地址”＞
12、浮动图片代码:＜imgalt=”1″height=”150″src=”这里放图片地址”/＞