用HTML代码速查表
标记或参数定 义<A>连结标记<ADDRESS>地址标记(斜体效果)<AREA>连结区域标记(设定各连结区域)alink点击连结时的样式。例:alink="#FF0000"align水平方向摆放位置。例:align="center"alternate来回走动,例:behavior=alternatealt在连结中插入文字说明。例:alt="绿叶园"<B>字体加粗标记(产生字体加粗的效果)<BODY>正文标记(设计文件格式及内文所在)<BR>换行标记(令文字、图片等显示在下一行)<BIG>字体加大标记(令字体稍为加大)<BLINK>闪烁文字标记(令文字产生闪烁效果)<BGSOUND>背景声音标记(于背景播放声音或音乐)<BASE>连结基准标记(可将网页中所有的相对路径转换成绝对路径)<BASEFONT>基准字形标记(设定所有字的字形、大小、颜色)<BLOCKQUOTE>引述文字区块、令文字在表格的上下左右留有一定的空间background背景墙纸。例:background=01.JPGbgcolor背景颜色。例:bgcolor="#ff0000"bgproperties固定背景墙纸。例:bgproperties="fixed"border边框。例:border=10bordercolor边框颜色。例:bordercolor="#000080"bordercolorlight边框向光部分的颜色。例:bordercolorlight="#000000"bordercolordark边框背光部分的颜色。例:bordercolordark="#ffffff"bottom置于底端。例:valign="bottom"behavior卷动方式。例:behavior=alternate_blank表示连结的目标地址在新建窗口中打开。例:target=_blank
<CENTER>居中标记(令文字、图片、表格等显示于中间)<CAPTION>表格标题(做成一打通列以填入表格标题)<CODE>程式码(字体稍为加宽如)<CITE>引述(斜体效果)colspan该单元格向右打通。例:colspan="5"color颜色。例:color="#00FF00"cellspacing单元格间距。例:cellspacing="5"cellpadding单元格衬距。例:cellpadding="10"
<DIV>区域标记<DFN>述语定义标记(斜体效果)<DIR>目录清单标记(清单项目将以圆点排列,如<UL>)<DL>定义清单标记(清单分两层出现)<DT>定义条目标记(标示该项定义的标题)<DD>定义内容标记(标示定义内容)direction方向。例:direction=up<EM>强调标记(字体出现斜体效果)<EMBED>多媒体标记
<MENU>选单清单标记(清单项目将以圆点排列,如<UL>)<META>开头定义标记<MAP>影像地图名称标记(设定影像地图名称)<MARQUEE>走动标记middle居中。例:align="middle"marginwidth框架左右边缘与框架内的文件保留的空间。例:marginwidth=0marginhight框架上下边缘与框架内的文件保留的空间。例:marginheight=0
<NOBR>不换行标记(强制文字不自动换行)<NOFRAMES>不支持框架标记(当旧式浏览器不支援框架时显示提示)name参考点(锚点)。例:<a ></a>no否。例:scrolling=nonoshade平面显示。例:<hr noshade>noresize锁住框架窗口的大小
<OL>顺序清单标记(清单项目将以数字、字母顺序排列)
<P>段落标记(为字、画、表格等之间留一空白行)<PRE>预设格式标记(令文件按照原始码的排列方式显示)_parent父窗口(连结的目标网页在本窗口中打开)。例:target=_parentplaybutton在媒体播放面板中显示播放按钮pausecutton在媒体播放面板中显示暂停按钮
<STRONG>加重语气标记(产生字体加粗 Bold 的效果)<SMALL>字体缩细标记(令字体稍为缩细)<STRIKE>划删除线标记(为字体加一删除线)<SAMP>范例标记(字体稍为加宽如)<SUB>下标字标记<SUP>上标字标记<STYLE>样式表标记<SPAN>自订标记(独立使用或与样式表同用)<SELECT>选择标记(建立 pop-up 走动清单)<SCRIPT>引用脚本标记size大小。例:size="7"src来源。例:src="http://sheng999.blog.163.com/blog/logo.gif"_self相同窗口(在相同的框架中显示连结的内容)。例:target="_self">starttime开始播放的时间。例:starttime="00:10"smallconsole显示较小的面板。例:cstopbutton显示停止按钮。例:cscrolling滚动条。例:scrolling=noscroll走动。例:behavior="scroll"scrollamount走动的速度。例:scrollAmount=25scrolldelay走动的停顿时间。例:scrolldelay=1000slide逐格走动(幻灯式)。例:behavior="slide"
<TITLE>网页文件标题标记<TABLE>表格标记<TR>表格的行<TD>表格的列<TH>表格标头(相等于<TD>,但其内之字体会变粗)<TT>打字字体(Courier字体,字母宽度相同)<TEXTAREA>文字区块(提供文字方盒以输入较大量文字)topmargin网页的上边距。例:topmargin=10top上方。例:valign="top"text整个网页的文字颜色。例:text=#CE0063target超级连接打开窗口模式。例:target=_blank_top将连结的网页显示在没有框架的窗口中。例:target=_toptype样式。例:type="text/css"true是。例:loop="true"
<U>下划线标记(给文本加上底线)<UL>无序清单(清单项目将以圆点排列)
<VAR>变数标记(斜体效果)valign摆放位置(垂直方向)。例:valign="top"vlink被访问后超链接文字的样式。例:vlink="#0000FF"vspace图片上下的空间。例:vspace=20volume音量(设定音量大小)。例:volume="100"volumelever显示音量调整钮。例:c
<WBR>建议换行标记(预设换行部位)width宽度、长度。例: width="540"
TML: HyperText Markup Language 超文本标记语言
HTML代码不区分大小写, 包括HTML标记、属性、属性值都不区分大小写;
任何空格或回车键在代码中都无效,插入空格或回车有专用的标记,分别是 、<br>
HTML标记中不要有空格,否则浏览器可能无法识别。
如何添加注释(comment:评论;注释)
<!-- -->
<comment></comment>
<!-- --> 不能留有空格
字符集
<meta http-equiv="Content-Type" content="text/html;charset=#"/>
<base target="_blank">
可以将a链接的默认属性设置为_blank属性
单个标签要有最好有结束符(可以没有结束符)
<br/> <img src="" width="" />
便于兼容XHTML(XHTML必须要有结束符)
HTML标签的属性值可以有引号,可以没有引号,为了提高代码的可读性,推荐使用引号(单引号和双引号),尽管属性值是整数,也推荐加上引号。
<marquee behavior="slide"></marquee>
便于兼容XHTML(XHTML必须要有引号)
<marquee behavior=slide></marquee>
经过测试,以上程序都可以正确运行
HTML标签涉及到的颜色值格式:
color_name 规定颜色值为颜色名称的文本颜色(比如 "red")。
hex_number 规定颜色值为十六进制值的文本颜色(比如 "#ff0000")。
rgb_number 规定颜色值为 rgb 代码的文本颜色(比如 "rgb(255,0,0)")。
transparent 透明色 color:transparent
rgba(红0-255,绿0-255,蓝0-255,透明度0-1)
opacity属性: 就是葫芦娃兄弟老六(技能包隐身)
css:
div{opacity:0.1} /*取值为0-1*/
英文(颜色值)不区分大小写
HTML中颜色值:采用十六进制兼容性最好(十六进制显示颜色效果最佳)
CSS中颜色值:不存在兼容性
红色 #FF0000
绿色 #00FF00
蓝色 #0000FF
黑色: #000000
灰色 #CCCCCC
白色 #FFFFFF
青色 #00FFFF
洋红 #FF00FF
黄色 #FFFF00
请问后缀 html 和 htm 有什么区别?
答: 1. 如果一个网站有 index.html和index.htm,默认情况下,优先访问.html
2. htm后缀是为了兼容以前的DOS系统8.3的命名规范
XHTML与HTML之间的关系?
XHTML是EXtensible HyperText Markup Language的英文缩写,即可扩展的超文本标记语言.
XHTML语言是一种标记语言,它不需要编译,可以直接由浏览器执行.
XHTML是用来代替HTML的, 是2000年w3c公布发行的.
XHTML是一种增强了的HTML,它的可扩展性和灵活性将适应未来网络应用更多的需求.
XHTML是基于XML的应用.
XHTML更简洁更严谨.
XHTML也可以说就是HTML一个升级版本.(w3c描述它为'HTML 4.01')
XHTML是大小写敏感的,XHTML与HTML是不一样的;HTML不区分大小写,标准的XHTML标签应该使用小写.
XHTML属性值必须使用引号,而HTML属性值可用引号,可不要引号
XHTML属性不能简写:如checked必须写成checked="checked"
单标记<br>, XHTML必须有结束符<br/>,而HTML可以使用<br>,也可以使用<br/>
除此之外XHTML和HTML基本相同.
网页宽度设置多少为最佳?
960px
target属性值理解
_self 在当前窗口中打开链接文件,是默认值
_blank 开启一个新的窗口打开链接文件
_parent 在父级窗口中打开文件,常用于框架页面
_top 在顶层窗口中打开文件,常用语框架页面
字符集:
charset=utf-8
Gb2312 简单中文字符集, 最常用的中文字符
Gbk 简繁体字符集, 中文字符集
Big5 繁体字符集, 台湾等等
Utf-8 世界性语言的字符集
ANSI编码格式编码格式的扩展字符集有gb2312和gbk
单位问题:
HTML属性值数值型的一般不带单位, CSS必须带单位;
强制刷新
ctrl+F5
SS Colors
CSS的颜色可以通过以下方法指定:
十六进制颜色
RGB颜色
RGBA颜色
HSL色彩
HSLA颜色
预定义/跨浏览器的颜色名称
十六进制颜色
所有主要浏览器都支持十六进制颜色值。
指定一个十六进制的颜色其组成部分是:#RRGGBB,其中RR(红色),GG(绿色)和BB(蓝色)。所有值必须介于0和FF之间。
<p例如,#0000FF值呈现为蓝色,因为蓝色的组成设置为最高值(FF)而其他设置为0。
实例
p
{
background-color:#ff0000;
}
RGB颜色
RGB颜色值在所有主要浏览器都支持。
RGB颜色值指定:RGB(红,绿,蓝)。每个参数(红色,绿色和蓝色)定义颜色的亮度,可在0和255之间,或一个百分比值(从0%到100%)之间的整数。
例如RGB(0,0,255)值呈现为蓝色,因为蓝色的参数设置为最高值(255)而其他设置为0。
此外,下面的值定义相同的颜色:RGB(0,0,255),RGB(0%,0%,100%)。
实例
p
{
background-color:rgb(255,0,0);
}
尝试一下 ?
RGBA颜色
RGBA颜色值被IE9, Firefox3+, Chrome, Safari,和Opera10+支持。
RGBA颜色值是RGB颜色值alpha通道的延伸 - 指定对象的透明度。
RGBA颜色值指定:RGBA(红,绿,蓝,alpha)。 Alpha参数是一个介于0.0(完全透明)和1.0(完全不透明)之间的参数。
实例
p
{
background-color:rgba(255,0,0,0.5);
}
HSL颜色
IE9, Firefox, Chrome, Safari,和Opera 10+.支持HSL颜色值。
HSL代表色相,饱和度和亮度 - 使用色彩圆柱坐标表示。
HSL颜色值指定:HSL(色调,饱和度,明度)。
色相是在色轮上的程度(从0到360)-0(或360)是红色的,120是绿色的,240是蓝色的。饱和度是一个百分比值;0%意味着灰色和100%的阴影,是全彩。亮度也是一个百分点;0%是黑色的,100%是白色的。
实例
p
{
background-color:hsl(120,65%,75%);
}
尝试一下 ?
HSLA颜色
HSLA颜色值被IE9, Firefox3+, Chrome, Safari,和Opera10+.支持.
HSLA的颜色值是一个带有alpha通道的HSL颜色值的延伸 - 指定对象的透明度。
指定HSLA颜色值:HSLA(色调,饱和度,亮度,α),α是Alpha参数定义的不透明度。 Alpha参数是一个介于0.0(完全透明)和1.0(完全不透明)之间的参数。
实例
p
{
background-color:hsla(120,65%,75%,0.3);
}
尝试一下 ?
预定义/跨浏览器的颜色名称
147是在HTML和CSS颜色规范预定义的颜色名称。你可以查看我们的预定义颜色名称表。
如您还有不明白的可以在下面与我留言或是与我探讨QQ群308855039,我们一起飞!
*请认真填写需求信息,我们会在24小时内与您取得联系。