html常用代码

合集下载

HTML代码大全

2.设定图框 -- border <img src="图形文件名" border=点数>
3.设定图形大小 -- width、height <img src="图形文件名" width=宽度点数 height=高度点数>
4.设定图形上下左右留空 -- vspace、hspace <img src="图形文件名" vspace=上下留空点数 hspace=左右留空点数>
colspan定义合并表格的列数，属性值是数字
rowspan定义合并表格的行数，属性值是数字
五、FRAME
1、分割视窗指令 <frameset>..........</frameset>
【1】垂直（上下）分割 -- rows
<frameset rows=#> #号可为点数：
【3】设定文件与上下边框的距离 -- marginheight
<frame marginheight=点数>
【4】设定文件与左右边框的距离 -- marginwidth
<frame marginwidth=点数>
【5】设定分割视窗卷轴 -- scrolling
<frame scrolling=#> #号可为 yes：固定出现卷轴
rrggbb也可用6位颜色代码数字
3.显示小字体 <small>..........</small>
4.显示大字体 <big>..........</big>
5.粗体字 <b>..........</b>

HTML 常用代码大全

H T M L常用代码大全-CAL-FENGHAI.-(YICAI)-Company One1HTML 常用代码大全Html 常用代码1.文件类型 <HTML></HTML> （放在档案的开头与结尾）2.文件主题 <TITLE></TITLE> （必须放在「文头」区块内）3.文头 <HEAD></HEAD> （描述性资料，像是「主题」）4.文体 <BODY></BODY> （文件本体）5.层 <DIV></DIV>6.层的对齐 <DIV ALIGN=LEFT|RIGHT|CENTER|JUSTIFY></DIV>7.引文区块 <BLOCKQUOTE></BLOCKQUOTE> （通常会内缩）8.强调 <EM></EM> （通常会以斜体显示）9.特别强调 <STRONG></STRONG> （通常会以加粗显示）10 引文 <CITE></CITE> （通常会以斜体显示）11 码 <CODE></CODE> （显示原始码之用）12 小字 <SMALL></SMALL>13 下标 <SUB></SUB>14 上标 <SUP></SUP>15 居中 <CENTER></CENTER> （文字与图片都可以）16 基本字体大小 <BASEFONT SIZE=> （从 1 到 7; 内定为 3）17 说明 <!—说明内容 --> （浏览器不会显示）18 贴图：<img src="图片地址">19 加入连接：<a href="所要连接的相关地址">写上你想写的字</a>20 在新窗口打开连接：<a href="相关地址" target="_blank">写上要写的字</a>21 移动字体(走马灯)：<marquee>写上你想写的字</marquee>22 字体加粗：<b>写上你想写的字</b>23 字体斜体：<i>写上你想写的字</i>24 字体下划线: <u>写上你想写的字</u>25 字体删除线: <s>写上你想写的字</s>26 字体加大: <big>写上你想写的字</big>27 标题字体控制大小：<h1>写上你想写的字</h1> (其中字体大小可从 h1-h5,h1 最大，h5 最小)28 更改字体颜色：<font color="#value">写上你想写的字</font>(其中 value 值在 000000 与 ffffff(16 位进制)之间29 消除连接的下划线：<a href="相关地址" style="text-decoration:none">写上你想写的字</a>30 贴 flash: <embed src="flash 地址" width="宽度" height="高度">31 贴影视文件：<img dynsrc="文件地址" width="宽度" height="高度" start=mouseover>32 换行：<br>33 段落：<p>段落</p> 34 原始文字样式：<pre>正文</pre>35 换帖子背景：<body background="背景图片地址">36 固定帖子背景不随滚动条滚动：<body background="背景图片地址" bgproperties = fixed>37 定制帖子背景颜色：<body bgcolor="#value">(value 值见 10)38 帖子背景音乐：<bgsound="背景音乐地址" loop=infinite>39 贴网页：<iframe. src="相关地址" width="宽度" height="高度"></iframe>40 字体大小代码:＜font size="2"＞这里放要处理的文字，可用 3、4、5 等设置大小＜/font＞41 字体颜色代码:＜font color="red"＞这里放要处理的文字，可以换成 blue,yellow 等＜/font＞，也可以使用十六进制数字表示如#D5A9C442 文字链接代码:＜a href="网页地址"＞链接的文字，在分类栏里用时链接的网页地址必须缩短＜/a＞43 背景音乐代码：＜bgsound loop="-1" src="这里放音乐地址"＞＜/bgsound ＞44 图片附加音乐代码：＜img border=0 src="这里放图片地址" dynsrc="这里放音乐地址"＞45 浮动图片代码:＜img alt="1" height="150" src="这里放图片地址"/＞这只是文章的一部分，想要了解更多，请到本网站来找您需要的信息{。

常用HTML网页代码大全

height:115px;z-index:1">
<iframe height=100% width=100%></iframe>
</div>
13。返回上一页
<a href=javascript :history.back(1)>『返回上一页』</a>
14。关闭窗口
9。网页自动关闭
<html>
<head>
<object id=closes type="application/x-oleobject"
classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
<param name="Command" value="Close">
var sWord ="";
while(sWord!="login"){sWord=prompt("请输入你的登陆密码");}
alert("登陆成功！");
}
loopy()
//-->
</script>
5。拉动页面时背景图不动
<style>
1)贴图：<img src="图片地址">
2)加入连接：<a href="所要连接的相关地址">写上你想写的字</a>

html表格代码大全

1.HTML常用标签①．跑马灯②.字体效果③.区断标记④.链接⑤.图像/音乐⑥.表格⑦.分割窗口<SUB> 下标字<SUP> 上标字<TABLE BORDER=n> 调整表格的宽线高度<TABLE CELLPADDING> 调整数据域位之边界<TABLE CELLSPACING> 调整表格线的宽度<TABLE HEIGHT> 调整表格的高度<TABLE WIDTH> 调整表格的宽度<TABLE>...</TABLE> 产生表格的卷标<TD ALIGN> 调整表格字段之左右对齐<TD BGCOLOR> 设定表格字段之背景颜色<TD COLSPAN ROWSPAN> 表格字段的合并<TD NOWRAP> 设定表格字段不换行<TD VALIGN> 调整表格字段之上下对齐<TD WIDTH> 调整表格字段宽度<TD>...</TD> 定义表格的数据域位<TEXTAREA NAME ROWS COLS> 窗体中加入多少列的文字输入栏<TEXTAREA WRAP> 决定文字输入栏是自动否换行<TH>...</TH> 定义表格的标头字段<TITLE> 文件标题<TR>...</TR> 定义表格美一行<TT> 打字机字体<U> 文字加底线<UL TYPE>...</UL> 无序号的列表 ( 可指定符号 )<VAR>...</VAR> 用于显示变量2.网页表格中单元格线条及边框的设置其实上面的三个表格都有三行三列，隐藏分隔线的诀窍在于rules，察看这三个表格的源代码，我们可以看到标签中都有rules。

html5颜色代码表

html5颜色代码表HTML5颜色代码表简介引言HTML5是一种用于创建和展示网页内容的标记语言，它支持丰富的颜色选择。

在HTML5中，我们可以使用颜色代码来指定元素的背景颜色、文本颜色等。

本文将介绍一些常用的HTML5颜色代码。

常用颜色代码以下是一些常用的HTML5颜色代码：•黑色：#000000•白色：#FFFFFF•红色：#FF0000•绿色：#00FF00•蓝色：#0000FF•黄色：#FFFF00•紫色：#800080•粉色：#FFC0CB•橙色：#FFA500•灰色：#808080扩展颜色代码除了以上常用颜色代码外，HTML5还支持一些其他颜色代码：•青色：#00FFFF•洋红：#FF00FF•棕色：#A52A2A•红棕色：#8B0000•橙红色：#FF4500•红褐色：#CD5C5C•深绿色：#006400•海绿色：#2E8B57•靛蓝色：#4B0082•蓝紫色：#8A2BE2使用方法在HTML5中，我们可以使用以下方式来指定元素的颜色：•使用background-color属性来设置元素的背景颜色。

•使用color属性来设置元素中文本的颜色。

示例代码如下：<p style="background-color: #FF0000; color: #FFFFFF; ">这是一个红底白字的段落。

</p>结语本文介绍了一些常用的HTML5颜色代码，以及如何使用这些颜色代码来设置元素的颜色。

通过合理运用颜色代码，我们可以使网页内容更加丰富多彩。

要注意的是，在使用颜色代码时，需要注意遵循HTML5标准，并合理选择适合的颜色搭配。

注意：本文所使用的颜色代码仅作为示例，请根据实际需求选择合适的颜色代码。

HTML5颜色代码表详解引言HTML5是一种流行的标记语言，它提供了一种用于为网页添加颜色的简便方法。

在HTML5中，我们可以使用颜色代码来定义元素的颜色和背景。

html常用背景颜色代码

html 常‎用背景颜色‎ 代码
标记或参数‎
定义
<A>
连结标记
<ADDRE‎SS>
地址标记（斜体效果）
<AREA>
连结区域标‎记（设定各连结‎区域）
alink‎
点击连结时‎的样式。例：alink‎="#FF000‎0"
align‎
水平方向摆‎放位置。例：align‎="cente‎r"
alter‎nate
<DIV> <DFN> <DIR> <DL>
区域标记述语定义标‎记（斜体效果）目录清单标‎记（清单项目将‎以圆点排列‎，如<UL>）定义清单标‎记（清单分两层‎出现）
<DT> <DD> direc‎tion <EM> <EMBED‎>
<MENU> <META> <MAP> <MARQU‎EE> middl‎e margi‎nwidt‎h margi‎nhigh‎t
网页文件标‎题标记表格标记
加重语气标‎记（产生字体加‎粗 Bold 的效果）字体缩细标‎记（令字体稍为‎缩细）划删除线标‎记（为字体加一‎删除线）范例标记（字体稍为加‎宽如）下标字标记‎ 上标字标记‎ 样式表标记‎ 自订标记（独立使用或‎与样式表同‎用）选择标记（建立 pop-up 走动清单）引用脚本标‎记大小。例：size="7" 来源。例：src="logo.gif"
闪烁文字标‎记（令文字产生‎闪烁效果）
<BGSOU‎ND>

网页设计常用HTML代码

网页设计常用HTML代码在今天的互联网时代，网页设计非常重要，因为它是我们如何展示自己、品牌或产品的重要途径之一。

HTML (超文本标记语言) 是构建网站的基本语言，它通常用于创建文本、图像、音频和视频等元素，以及定义网页的框架和格式。

在本文中，我们将讨论一些网页设计中常用的HTML代码。

1. 标题标签标题标签用于定义网页的标题，在HTML 中有六个级别的标题(h1-h6)。

通常，使用h1 标签来表示最重要的标题，其余的标题级别按其重要性递减。

将标题标签用于网页设计不仅可以提高页面的可读性和搜索引擎优化(SEO)，而且可以快速引起读者的注意。

2. 段落标签段落标签（p）用于定义文本的段落，它是网页设计中的常用标签之一。

段落标签使文本易于阅读，并使其更具可读性。

在使用段落标签时，建议将文章分成短段落，以便读者更容易地消化内容。

3. 图像标签图像标签是用于在网页上显示图片的标签，它使网页设计更加生动有趣。

通过使用图像标签，可以向访问页面的用户展示产品、品牌或其他信息。

图像标签通常使用src 属性来定义图片源文件的URL 地址。

4. 超链接标签超链接标签（a）用于定义文本或图像的链接。

这使得用户可以在不离开页面的情况下访问其他页面或站点。

超链接标签可以用href 属性来设置链接地址。

5. 列表标签HTML 中有两种类型的列表标签：有序列表(ol) 和无序列表(ul)。

有序列表使用数字或字母来标记每个列表项，而无序列表使用符号来表示每个列表项。

列表标签可以使网页设计更加可读，并帮助网页访问者快速浏览内容。

6. 表格标签表格标签用于在网页上显示数据、信息或图像。

表格标签最常用于创建网页中的布局和排版。

使用表格标签可以使网页更加组织化和易于阅读，也有助于提高用户体验。

7. 表单标签表单标签用于创建网站上的表单，如登录、注册、订阅和反馈等。

表单标签通常使用input 标签来向用户收集信息。

常用的input 标签包括文本框、密码框、单选框、复选框和上传文件等。

网页设计HTML代码大全

FACE 指定默认字体
ID=ID 唯一的ID
>
<BASE 定义文档的默认URL基准和默认目标框架(唯一)
HREF="/project/data/" 指定默认 URL 基准
TARGET="main" 指定默认的目标框架，单击连接时在默认框架显示
>
<META META标记符，包含了网页的元数据信息，
ALINK 设置活动连接（即当前选定的连接）的颜色
ONLOAD=Script 文档加载时执行脚本的事件
ONUNLOAD=Script 文档退出时执行脚本的事件
>
物理字符样式:
<HTML> html标记(开始标记符和结束标记符都可以省略)
<HEAD> 首部标记(开始标记符和结束标记符都可以省略)
<BODY 正文标记符(开始标记符和结束标记符都可以省略)
BGCOLOR="#RRGGBB" 背景颜色
<SMALL> </SMALL> 小字体
<STRIKE> </STRIKE> 删除线
<SUB> </SUB> 下标
<SUP> </SUP> 上标
FACE="宋体,黑体,楷体" 字体样式:
即"字体"，浏览器优先使用第一种字体，若系统中没有则使用第二种，依次类推，如果找不到匹配字体，浏览器将使用默认字体
<B> </B> 粗体
<BIG> </BIG> 大字体

1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。

1、文字大小、颜色、加粗、倾斜的代码*文字加大、加色的代码是:；<font size=7 color=green>文字</font>效果：文字font size 的参数范围1 至7；最大字体为7（若要再大须用font style 的代码。

参看本帖第10条阴影字）*文字加粗的代码是:；<b>文字</b>*文字倾斜的代码是；<i>文字</i>*底线字：<u>文字</u>2、文字对齐的代码：靠左对齐：<p align=left>文字</p>置中对齐：<p align=center>文字</p>靠右对齐：<p align=right>文字</p>3、插入文字链接的代码：不另开视窗的链接代码：<ahref="/">椰风蕉雨</a>另打开一个新视窗的代码：<ahref="/"target="_blank">椰风蕉雨</a>4、贴图片的代码原图大小黏贴图片：<img src="图片网址">放大或缩小图片：<img src="图片网址" width="宽度" height="高度">5、图片链接代码点击图片打开一个网页的链接代码如下：<a href="网页地址"><img src="图片网址" width="图片宽度" height="图片高度"></a>点击图片打开新窗口的链接代码如下：<a href="网页地址" target="_blank"><img src="图片网址" width="图片宽度" height="图片高度"></a>上面的图片宽度、高度可调节图片尺寸大小。

6、换行代码贴文需要换行时，直接用Enter键是不行的，需要在您想换行的位置输入<br>，这样就会分成两行显示，整个贴文看起来也不会是一大片了，而是段落分明。

7、移动文字<marquee width=200 height=20> 移动文字</marquee>8、移动图片的代码<marquee><img src="图片网址";><imgsrc="/images/2002/gamemm/0 604/s/13.jpg";><marquee>9. 背景音乐代码（代码中的音乐地址就是网上以.mp3/.midi/.wma/.wmv结尾的网址）显示播放器: <center><embed type=audio/mpeg volume="0" autostart="0" width=400style="FILTER: xray()" src=音乐网址height=65 loop="-1" showstatusbar="1"></center>不显示播放器: <embed src="音乐网址" hidden=true controls=ControlPanel loop=true autostart=true volume=100 type=audio-plugin Initfn=load-types mime-types=mime.types></embed>10. 阴影字体代码：<CENTER><div style="FONT-SIZE: 60pt; FILTER:shadow(color=#0000ff); WIDTH: 100%; COLOR: pink; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云" ><B>艺无止境<BR>学海无涯</B></div></CENTER>效果：艺无止境学海无涯网页制作中经常用到的六则代码技巧一.：表格内的文字不会自动换行，怎么办?有两种可能的情况：第一种，你用CSS把表格内文字的字体设置成了英文字体，这样在DW里表格内的文字不会自动换行，但这仅是DW里的显示效果，在IE里其实是可以正常换行的。

如果希望在DW的编辑状态也能使文字自动换行，把表格内文字的字体设置为中文字体即可(例如“宋体”)。

第二种，你在表格中输入了连串无空格的英文或数字，它们被IE识别为一个完整的单词，所以不会自动换行，遇到这种情况，你可以通过CSS把文字强行打散，例如：<td style="word-break:break-all">……</td>二. ：怎么才能让层飘在Flash上面?在网页里把SWF文件设置为背景透明即可，具体做法：DW中，在SWF文件的属性面板中，点parameters，添加参数wmode，值选择transparent;或者直接修改网页的代码，在标志SWF文件属性的代码中添加：<param name="wmode" value="transparent">注意，这种效果只有IE支持。

三. ：背景音乐因为页面的切换而无法连续播放，怎么让它连续播放?用分帧实现，把其中一个frame的显示高度(或宽度)定义为0，在其中设置背景音乐，另外一个frame内的页面切换不影响整个背景音乐的播放。

例子：<html><head><title>框架页</title><meta http-equiv="Content-Type" content="text/html; charset=gb2312"></head><frameset rows="0,*" frameborder="NO" border="0" framespacing="0"><frame name="topFrame" scrolling="NO" noresize src="bgsound.htm" ><frame name="mainFrame" src="main.htm"></frameset><noframes><body bgcolor="#FFFFFF" text="#000000">对不起，你的浏览器不支持框架的显示。

</body></noframes></html>四. ：改变IE的字体大小设置时，页面字体不发生改变，怎样实现?用CSS定义页面字体，例如：<style type="text/css"></style>基本上，设置了body和td的默认字体，就相当于定义了页面内大部分文字内容。

注意，使用CSS定义好默认字体后，不要再使用这样的标签，这会屏蔽CSS的默认设置。

五. ：绝对地址与相对地址?绝对定位与相对定位?绝对地址：形如或file://d:/homepage/default.htm这样的地址，就是文件在网络或本地的绝对位置;相对地址：就是被链接文件相对与当前页面的地址，比如说，链接和当前页面同级的文件地址只要用“文件名”即可;链接当前页面下级子目录下的文件用“目录名/文件名”;链接当前页面上一级目录下的文件用“../文件名”;链接同级但在另外一个子目录中的文件用“../目录名/文件名”;链接根目录(你的网站的根目录，并非硬盘根目录)下的文件可以用“./文件名”的形式。

实绝对和相对很容易理解的，相对就是有参照物的，绝对则是固定的。

为什么我们提倡使用相对地址呢?打个比方说吧，如果你有一个index.htm，里面引用了images目录的一些图片，如果使用了相对地址，搬家的时候只需把原来这套东西全部上传到新的空间就行了，因为文件彼此之间的相对位置关系没有改变，所以这些地址仍然是有效的。

但如果插入图片的时候使用了绝对地址，那空间地址一变，引用处的图片路径也要随之改变。

当然，有时也会用到绝对地址，例如友情链接别人的主页等等。

相对定位也是一样，如果是相对于一个单元格定位的层，单元格挪动到哪儿，层也就会到哪儿.用辩证的观点来看，其实绝对定位也是相对的，它和我们所说的相对定位的区别就在于，层的绝对定位是相对于浏览器的左边界和上边界而言，而层的相对定位是层相对于它的载体(表格或另外的层)而言~~六. ：如何取消链接的下划线?用CSS来实现：<style type="text/css"></style>其中a:link 表示一般的链接样式;a:visited 表示已访问过的链接样式;a:hover 表示鼠标经过时的链接样式。

text-decoration: none 表示无下划线，text-decoration: underline 表示有下划线。