详解网页制作中使用的HTML常用标记

<HTML>整份文件处于标记<HTML>与</HTML>之间  
 
<HEAD>由<HEAD>至</HEAD>称为开头  
 
<TITLE>只可出现开头部分,所标示的是文件的标题  
 
<BODY><BODY>至</BODY>称文本 
如:<body text="#000000" link="#000000" alink="#000000" vlink="#000000" background="webjx.com/bj.gif" bgcolor="#000000" leftmargin=2 topmargin=2 bgproperties="fixed"> 
Text:设定文字颜色 
Link:设定一般文字连接颜色 
Alink:设定刚按下时文本连接颜色 
Vlink:设定连接后的颜色(被按过) 
Background:设定背景图片,gif或jpg皆可。可以是绝对路径或相对路径。 
Bgcolor:设定背景颜色,当已设定背景图片时会失去作用,除非图片有透明部分。 
Leftmargin:设定整份文件显示画面的左方边沿空间半径为像素(只适用IE) 
Topmargin:设定整份文件显示画面的上方边沿空间半径为像素(只适用IE) 
Bgproperties:固定背景图片,当卷动文字时图片不会跟随卷动(只适用IE)  

新建一个前端学习qun438905713,在群里大多数都是零基础学习者,大家相互帮助,相互解答,并且还准备很多学习资料,欢迎零基础的小伙伴来一起交流。
 
<P>常用数,如:<p align="center">可选择right(右边)、center(居中)、left(左边) 
内定值:align="left"  
 
<HR>水平线,如:<hr align="center" size="2" width="100%" color="#000000" noshade> 
Align:设定线条摆放位置,可选择right(右边)、center(居中)、left(左边) 
Size:设定线条厚度,以像素作单位,内定为:2 
Width:设定线条长度,可以是绝对值(以像素作单位)或相对值,内定为:100% 
Color:字体颜色 
Noshade:设定线条为平面显示,若删除则具阴影或立体,内定为:noshade  
 
<BASEFONT>可以用于文件的开头部分即<HEAD>与</HEAD>之间的位置,将影响全文字句,是一个空标记,用以改变字体显示的内定值  
 
<FONT>本身亦受<BASEFONT>的影响,如:<font face="Arial" size="2" color="#000000"> 
Face:社顶文字的字形,建议不要使用“Windows"内建字体以外的字形 
Size:设定文字大小,其值可以是绝对或相对。不受<BASEFONT>影响。内定为3 
Color:字体颜色  
 
<OL>称为顺序清单标记,所谓顺序清单就是在每一项前面加上1,2,3,…等数,又称为编引清单,如:<ol tupe="1" start="4">  
Type="i" 
设定数目款式,其体有五种,内定为:type="1" start="4" 
设定开始数目,不论设定了哪一数目款式,其值只能是1,2,3,…等整数,内定为:staert="1" Type Numbering style  
1 Arabic numbers 1,2,3,…  
a Lower alpha a,b,c,…  
A Upper alpha A,B,C,…  
i Lower roman i,ii,iii,…  
I Upper roman I,II,III,…  
 
 
<LI>则用于标示清单选项,只适用于非顺序清单,设定符号款式。其值有三种,如:<li type="square" value="4"> 
符号●是当前type="disc"时的列项符号 
符号○是当前type="disc"时的列项符号 
符号■是当前type="disc"时的列项符号 
Value:只适用于顺序清单,其值只能为:1,2,3,…等整数。没有内定值。  
 
<UL>无序清单标记,如:<ul type="square"> 
符号●是当前type="disc"时的列项符号 
符号○是当前type="disc"时的列项符号 
符号■是当前type="disc"时的列项符号  
 
<MENU><DIR>这两个标记都不为W3所赞同,希望用者能以<ul>及<ol>代之,两者标记的用法与<ul>完全一样。  
 
<TABLE>是一个容器标记,意思是说它用以声明这是表格而且其他表格标记只能在它范围内才适用,如:<table border="1"cellspacing="2" cellpadding="2" align="center" valign="middle" background="webjx.com/bj.gif" bgcolor="#000000" bordercolor="#000000"bordercolorlight="#000000" width="100%" height="100%"> 
Border:表格线宽度 
Cellspacing:字体格线距离 
Cellpadding:文字与隔线的距离 
Align:表格内字、画的摆放位置,可用(left、center、right) 
Valign:表格内字、画的摆放位置(垂直),可用(top、middle、bottom) 
Background:表格背景图片与bgcolor不要同用 
Bgcolor:表格底色与background不要同用 
Bordercolor:表格边框颜色,NC与IE有不同的效果 
Bordercolorlight:表格边框向阳部分的颜色 
Width:表格宽度 
Height:表格高度  
 
<TR>用于标示表格列,如:<tr align="center" valign="middle" width="100%"height="100%"> 
Align:表格内字、画的摆放位置,可用(left、center、right) 
Valign:表格内字、画的摆放位置(垂直),可用(top、middle、bottom) 
Width:表格宽度 
Height:表格高度  
 
<TD>用于标示储存格,如:<td align="center" valign="middle" width="100%"height="100%" colspan="2"(rowspan="2")> 
Align:表格内字、画的摆放位置,可用(left、center、right) 
Valign:表格内字、画的摆放位置(垂直),可用(top、middle、bottom) 
Width:表格宽度 
Height:表格高度 
Colspan:用于储存表格右边打通的列数 
Rowspan:用于储存表格左边打通的列数  
 
<TH>用于标示储存格和<TD>一样,唯一不同的是<TH>所标示的储存格中的文字是以粗体出现,如:<th align="center"valign="middle" width="100%" height="100%" colspan="2"(rowspan="2")> 
Align:表格内字、画的摆放位置,可用(left、center、right) 
Valign:表格内字、画的摆放位置(垂直),可用(top、middle、bottom) 
Width:表格宽度 
Height:表格高度 
Colspan:用于储存表格右边打通的列数 
Rowspan:用于储存表格左边打通的列数  
 
<CAPTION>作用是为表格标示一个标题列,如在表格上加上一没格线的打通列,当然亦可至于下放,通常用于存放该表格的标题,如:<caption align="center" calign="top"> 
Align:表格内字、画的摆放位置,可用(left、center、right) 
Valign:表格内字、画的摆放位置(垂直),可用(top、middle、bottom)  
 
<IMG>图形标记,如:<img src="webjx.com/images/logo.gif" width="100%" height="100%" hspace="5" vspace="5" border="2" align="center" alt="logo" lowsrc="logo.gif"> 
Src:制定图片的相对或绝对路径 
Width:图片宽度 
Height:图片高度 
Hspace:设定图片边沿空白,是设定图片左右空间 
Vspace:设定图片边沿空白,是设定图片上下空间 
Border:图片边框厚度 
Align:调整图片旁边文字的位置,可选(left、right、top、middle、bottom)内定为:bottom 
Alt:用以描述该图形的文字 
Lowsrc:设定先显示低解像图片,若所加入的是一张很大的图片,下载时间长,这张低解像图片会先被显示  
 
<A>元素是在HTML文档中使用的创建连接的最基本的元素,它可以用于创建源描,也成为标签描。 
<a></a>此元素用于定义连接或目的描,它的开始和结束标记不可以缺省 
Name:此属性用于给目的描命名以便其他的连接指向该描 
Href:此属性用于定义一个指向的WEB资源的URL 
Hreflang:此属性用于定义连接所指向的文档的基准语言信息,仅当设置了href属性时此属性才有效 
Type:此属性用于定义A元素中文本的类型 
Rel:此属性用于定义由href属性所指定的文档的关系,它的值是由空格分开的连接类型列表 
Rev:此属性用于定义由href属性所指定的描与当前文档的反向连接关系,它的值是由空格分开的连接类型的列表 
Charset:此属性用于定义连接指向的文档的字符编码方式  

新建一个前端学习qun438905713,在群里大多数都是零基础学习者,大家相互帮助,相互解答,并且还准备很多学习资料,欢迎零基础的小伙伴来一起交流。
 
<BASE>此元素用于定义文档的基准路径,它是一个空元素,只有开始标记,没有结束标记。可用属性href target 
Href:此属性用于定义文档的基准路径,它的值是一个绝对的URL 
Target:可用值_self、_top、_blank、_parent  
 
<FRAMESET>成为框架标记,用以宣告HTML文件为框架模式并社顶视窗如何分割,如:<framest rows="90,*"(cols="90,*") frameborder="0" framespaling="2" border="2" bordercolor="#000000"> 
Rows:就是横向切割,将画面上下分开 
Cols:垂直切割画面,接受正数值、百分数,*则代表占用余下空间,数值的个数代表分成的视窗数目,且以逗号分隔。列:cols="30,*,50%"可以切割成三个视窗,第一个视窗是30的宽度,为一绝对分割。第二个视窗是当分割完第一及第三个视窗后剩下的空间,第三个视窗则占具整个画面的50%宽度为相对分割 
Frameborder:设定框架的边距,其值有0和1。0表示不要边框,1表示要显示边框 
Framespaling:表示框架与框架间的保留空白的距离 
Border:设定框架的边框厚度,以像素为单位 
Bordercolor:设定框架的边框颜色  
 
<FRAME>则是设定某一框窗内的参数属性,如:<frame name="top" src="http://www.wzsky.net/blog/aa.asp" marginwidth="5" marginheight="5" scrolling="aoto" frameborder="0" framespacing="6" noresize bordercolor="#000000"> 
Name:设定这个框窗的名称,这样才能指定框架来作连接,必须有任意命名 
Src:显示的页面 
Marginwidth:表示框架宽度部分边缘所保留的空间 
Marginheight:表示框架高度部分边缘所保留的空间 
Scrolling:设定是否要显示卷轴,yes表示要显示卷轴,no表示无论如何都不要显示,aoto是视情况显示 
Frameborder:设定框架的边框,其值有0和1。0表示不要边框,1表示要显示边框 
Framespacing:表示框架与框架间的保留空白的距离 
Noresize:设定不让使用者可以改变这个框框的大小,亦没有设定此参数,使用者可以很随意地拉动边框,改变其大小 
Bordercolor:设定框架的边框颜色  
 
<NOFRAMES>若浏览器支持框架,那么它不会理会noframes中的东西,但若浏览器不支援框架,那么浏览器将会显示noframes中的内容  
 
<FORM>称为表格标记,如:<form action="aa.asp" method="post"> 
Action:指明该程序的位置 
Method:传选择给程序的方式,可选post和get。Post允许传送大量的资料,get只接受低于1K的资料  
 
<INPUT>种类:text、redio、checkbox、password、submit/reset、image、file、hidden 
如:<input type="text" name="age" value="20" align="center" size="2" maxlength="255"> 
Type:可选择text、redio、checkbox、password、submit/reset、image、file、hidden 
Name:名称 
Value:内定值,若不填写文字盒是空白。若填写20,便会出现在文字盒中。 
Align:可用(left、right、top、middle、bottom、txttop、buseline、absmiddle) 
Size:文字盒的长度 
Maxlength:此一单行文字盒可输入字元的上限  
 
<marquee>滚动代码。 
如:<marquee direction="left" scrollamount="20" scrolldelay="120" loop="50" width="319" height="50">可放文字和图片</marquee> 
behavior:可用属性:alternate(交替)、slide(进行一次滚动)、scrool(循环往返) 
direction:可用属性:right、up、dwon、left 
scrollamount:数量 
behavior:可用属性: 
height:宽度 
width:高度 
loop:滚动次数 
scrolldelay:延迟时间  
 
<embed>FLASH代码 
如:<embed src="www.webjx.com/1.swf" widht="100" height="100"></embed> 
src:FLASH路径 
height:宽度 
width:高度  
 
<bgsound>背景音乐 
如:<bgsound src="webjx.com/webjx.mid" loop="10"> 
src:音乐的路径 
loop:播放的次数

发布了40 篇原创文章 · 获赞 5 · 访问量 2万+

猜你喜欢

转载自blog.csdn.net/html168/article/details/104443211