网页设计颜色代码大全_在网站设计中颜色代码

1、网页设计源代码

HTML语法大全

<!> 跑马灯
<marquee>...</marquee>普通卷动
<marquee behavior=slide>...</marquee>滑动
<marquee behavior=scroll>...</marquee>预设卷动
<marquee behavior=alternate>...</marquee>来回卷动
<marquee direction=down>...</marquee>向下卷动
<marquee direction=up>...</marquee>向上卷动
<marquee direction=right></marquee>向右卷动
<marquee direction=left></marquee>向左卷动
<marquee loop=2>...</marquee>卷动次数
<marquee width=180>...</marquee>设定宽度
<marquee height=30>...</marquee>设定高度
<marquee bgcolor=FF0000>...</marquee>设定背景颜色
<marquee scrollamount=30>...</marquee>设定卷动距离
<marquee scrolldelay=300>...</marquee>设定卷动时间
<!>字体效果
<h1>...</h1>标题字(最大)
<h6>...</h6>标题字(最小)
<b>...</b>粗体字
<strong>...</strong>粗体字(强调)
<i>...</i>斜体字
<em>...</em>斜体字(强调)
<dfn>...</dfn>斜体字(表示定义)
<u>...</u>底线
<ins>...</ins>底线(表示插入文字)
<strike>...</strike>横线
<s>...</s>删除线
<del>...</del>删除线(表示删除)
<kbd>...</kbd>键盘文字
<tt>...</tt> 打字体
<xmp>...</xmp>固定宽度字体(在文件中空白、换行、定位功能有效)
<plaintext>...</plaintext>固定宽度字体(不执行标记符号)
<listing>...</listing> 固定宽度小字体
<font color=00ff00>...</font>字体颜色
<font size=1>...</font>最小字体
<font style =font-size:100 px>...</font>无限增大
<!>区断标记
<hr>水平线
<hr size=9>水平线(设定大小)
<hr width=80%>水平线(设定宽度)
<hr color=ff0000>水平线(设定颜色)
<br>(换行)
<nobr>...</nobr>水域(不换行)
<p>...</p>水域(段落)
<center>...</center>置中
<!>连结格式
<base href=地址>(预设好连结路径)
<a href=地址></a>外部连结
<a href=地址 target=_blank></a>外部连结(另开新窗口)
<a href=地址 target=_top></a>外部连结(全窗口连结)
<a href=地址 target=页框名></a>外部连结(在指定页框连结)
<!>贴图/音乐
<img src=图片地址>贴图
<img src=图片地址 width=180>设定图片宽度
<img src=图片地址 height=30>设定图片高度
<img src=图片地址 alt=提示文字>设定图片提示文字
<img src=图片地址 border=1>设定图片边框
<bgsound src=MID音乐文件地址>背景音乐设定
<!>表格语法
<table aling=left>...</table>表格位置,置左
<table aling=center>...</table>表格位置,置中
<table background=图片路径>...</table>背景图片的URL=就是路径网址
<table border=边框大小>...</table>设定表格边框大小(使用数字)
<table bgcolor=颜色码>...</table>设定表格的背景颜色
<table borderclor=颜色码>...</table>设定表格边框的颜色
<table borderclordark=颜色码>...</table>设定表格暗边框的颜色
<table borderclorlight=颜色码>...</table>设定表格亮边框的颜色
<table cellpadding=参数>...</table>指定内容与网格线之间的间距(使用数字)
<table cellspacing=参数>...</table>指定网格线与网格线之间的距离(使用数字)
<table cols=参数>...</table>指定表格的栏数
<table frame=参数>...</table>设定表格外框线的显示方式
<table width=宽度>...</table>指定表格的宽度大小(使用数字)
<table height=高度>...</table>指定表格的高度大小(使用数字)
<td colspan=参数>...</td>指定储存格合并栏的栏数(使用数字)
<td rowspan=参数>...</td>指定储存格合并列的列数(使用数字)
<!>分割窗口
<frameset cols="20%,*">左右分割,将左边框架分割大小为20%右边框架的大小浏览器会自动调整
<frameset rows="20%,*">上下分割,将上面框架分割大小为20%下面框架的大小浏览器会自动调整
<frameset cols="20%,*">分割左右两个框架
<frameset cols="20%,*,20%">分割左中右三个框架
<分割上下两个框架
<frameset rows="20%,*,20%">分割上中下三个框架
<! - - ... - -> 批注
<A HREF TARGET> 指定超级链接的分割窗口
<A HREF=#锚的名称> 指定锚名称的超级链接
<A HREF> 指定超级链接
<A NAME=锚的名称> 被连结点的名称
<ADDRESS>....</ADDRESS> 用来显示电子邮箱地址
<B> 粗体字
<BASE TARGET> 指定超级链接的分割窗口
<BASEFONT SIZE> 更改预设字形大小
<BGSOUND SRC> 加入背景音乐
<BIG> 显示大字体
<BLINK> 闪烁的文字
<BODY TEXT LINK VLINK> 设定文字颜色
<BODY> 显示本文
<BR> 换行
<CAPTION ALIGN> 设定表格标题位置
<CAPTION>...</CAPTION> 为表格加上标题
<CENTER> 向中对齐
<CITE>...<CITE> 用于引经据典的文字
<CODE>...</CODE> 用于列出一段程序代码
<COMMENT>...</COMMENT> 加上批注
<DD> 设定定义列表的项目解说
<DFN>...</DFN> 显示"定义"文字
<DIR>...</DIR> 列表文字卷标
<DL>...</DL> 设定定义列表的卷标
<DT> 设定定义列表的项目
<EM> 强调之用
<FONT FACE> 任意指定所用的字形
<FONT SIZE> 设定字体大小
<FORM ACTION> 设定户动式窗体的处理方式
<FORM METHOD> 设定户动式窗体之资料传送方式
<FRAME MARGINHEIGHT> 设定窗口的上下边界
<FRAME MARGINWIDTH> 设定窗口的左右边界
<FRAME NAME> 为分割窗口命名
<FRAME NORESIZE> 锁住分割窗口的大小
<FRAME SCROLLING> 设定分割窗口的滚动条
<FRAME SRC> 将HTML文件加入窗口
<FRAMESET COLS> 将窗口分割成左右的子窗口
<FRAMESET ROWS> 将窗口分割成上下的子窗口
<FRAMESET>...</FRAMESET> 划分分割窗口
<H1>~<H6> 设定文字大小
<HEAD> 标示文件信息
<HR> 加上分网格线
<HTML> 文件的开始与结束
<I> 斜体字
<IMG ALIGN> 调整图形影像的位置
<IMG ALT> 为你的图形影像加注
<IMG DYNSRC LOOP> 加入影片
<IMG HEIGHT WIDTH> 插入图片并预设图形大小
<IMG HSPACE> 插入图片并预设图形的左右边界
<IMG LOWSRC> 预载图片功能
<IMG SRC BORDER> 设定图片边界
<IMG SRC> 插入图片
<IMG VSPACE> 插入图片并预设图形的上下边界
<INPUT TYPE NAME value> 在窗体中加入输入字段
<ISINDEX> 定义查询用窗体
<KBD>...</KBD> 表示使用者输入文字
<LI TYPE>...</LI> 列表的项目 ( 可指定符号 )
<MARQUEE> 跑马灯效果
<MENU>...</MENU> 条列文字卷标
<META NAME="REFRESH" CONTENT URL> 自动更新文件内容
<MULTIPLE> 可同时选择多项的列表栏
<NOFRAME> 定义不出现分割窗口的文字
<OL>...</OL> 有序号的列表
<OPTION> 定义窗体中列表栏的项目
<P ALIGN> 设定对齐方向
<P> 分段
<PERSON>...</PERSON> 显示人名
<PRE> 使用原有排列
<SAMP>...</SAMP> 用于引用字
<SELECT>...</SELECT> 在窗体中定义列表栏
<SMALL> 显示小字体
<STRIKE> 文字加横线
<STRONG> 用于加强语气
<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、网页制作中怎么改变字体颜色？

1、首先打开hbuilder软件，新建一个html文件，里面写入3个p标签，再在style标签中设置p标签的基本样式，包括间距，字体大小等属性：

2、然后在style标签中用3种方法设置文字颜色，第一个p标签用16进制设置颜色，每两个数字为一组，最大数字为ff，它们代表红绿蓝三种颜色；第二种方法是rgba，也是红绿蓝三种颜色，只不过值变成了数字，最大为255表示颜色最鲜艳，比如把第一个设置为255就是最红：

3、第三个标签使用HSL色彩，其中H代表色调，值最大为360，0和360也是红色，其他颜色在中间；s是饱和度用百分比来表示，0%表示最暗，100%表示最亮；L表示亮度取值也是百分比；rgba和hlsa中a都表示透明度，取值在0.0到1.0之间，0.0是完全透明，1.0为完全不透明：

4、最后打开浏览器就能三种方法表示出的颜色：

3、网页设计中怎么用代码设定超级链接颜色

<html>
<head>
<title>Css:a:link使用</title>
<style>
a:link{
color:#990000;
font-size:12px;
text-decoration:none;
}
</style>
</head>
<body>
<h2>在下面的实例中．你点击超链接以后会发现字体变大，而且会出现下划线．这就对了．因为link只会对没有被点击过的超链接进行设置．<br/>
我们可以使用visited来对点击过的超链接进行外观设置</h2>
<hr/>
下面这组列表不是超链接，所以link不会这些元素起到任何效果
<ul>
<li>Html</li>
<li>Css</li>
<li>Dom</li>
</ul>
下面的超链接会按照link设置的显示
<ul>
<li><a href="http://www.web666.net/html">html</a></li>
<li><a href="http://www.web666.net/javascript">JavaScript</a></li>
<li><a href="http://www.web666.net/ajax">Ajax</a></li>
</ul>
</body>
</html>

4、网页制作的字体颜色的代码谁有啊

你是要色彩的值呢(例如#CC00FF)还是要HTML标签的属性?亦或是要修改字体颜色的CSS?

5、在网页改变字体颜色为蓝色的代码是什么

<font color="#0000FF">字体颜色为蓝色。</font>
或
<font style="color:#0000FF">字体颜色为蓝色</font>
或
<span style="color:#0000FF">字体颜色为蓝色</span>
很多标签都可以使用style="color:#0000FF"
但<font>……</font>不能这样使用

使用不同的标记按照以上用法都可以实现

6、html网页制作，如何设置网页背景色？

首先打开电脑上自带的记事本程序，然后输入html网页基本结构语句。<html><body></body></html>

由于css样式必须在标签<head></head>之间，因此我们点击<html>后面，输入<head></head>标签。

在head标签之间输入样式标签<style></style>,然后定义一些属性，例如

body {background-color: yellow} 定义网页背景色为黄色；

h1 {background-color: #00ff00} 定义h1标签背景色为#00ff00；

h2 {background-color: transparent} 定义h2标签背景色为透明；

p {background-color: rgb(250,0,255)} 定义p标签背景色为rgb值；

p.no2 {background-color: gray; padding: 20px;} 这个定义class属性为no2的p标签背景色为灰色，并且边距为20px；

</style>

然后点击body标签后面输入正文标签内容，例如

<h1>这是KING</h1>

<h2>这是KING</h2>

<p>这是KING</p>

<p class="no2">这个KING设置20内边距。</p>

点击记事本菜单中的文件，选择另存为，把内容保存为html网页格式。双击打开预览效果。

我们可以发现代码中两个同样的<p>标签显示的css样式却不同，区别就在于样式中定义的p.no2,这就是正文代码中class="no2"的优势所在，可以定义个性风格。

7、网页制作中使整个网页背景为一个颜色或一张图片的代码怎么写？

设置背景色<body style="background:#CC9999">
</body>

设置背景图片<body style="background-image:url(图片地址)">
</body>

8、网页设计基本能用到的颜色都是多少RGB值？求大神帮助

这样说吧: 先看看8位色深的RGB色值代表.例如白色: R:255 G:255 B:255. 然后用网页代码表示为: #ffffff 再如黑色: R:0 G:0 B:0 网页代码表示为: #000000 你在Photoshop的调色板中可以直接找到代表当前颜色的网页代码; 其中的奥秘就是其实网页代码就是RGB的16进制写法.表示方式是#RRGGBB. 0的16进制表示为 00, 255的16进制是ff. 结论: 网页代码可以表示8位色深的RGB的任意颜色. 可以通过软件查询网页代码的方式得到.photoshop.Dreamweaver.flash都可以.(当然,如果不嫌弃麻烦,已知RGB色分值,自己换算也能得到相应代码 (*^__^*) )

9、在网站设计中颜色代码

这是32位的RGB颜色编码

其中#000000是代表黑色

是用光学三原色红绿蓝来混合排的，其中前两位是红色，中间两位是绿色，后边两位是蓝色，每一位分别从0到F排，全亮是白，全灭是黑

所以标准绿色是#00FF00
红色是#FF0000
黄然是#FFFF00
粉色#FF00FF

我是靠记忆写的没验，你自己看一下三原色色谱吧

导航:首页 > 万维百科 > 网页设计颜色代码大全

网页设计颜色代码大全

与网页设计颜色代码大全相关的知识