Html标记使用的基本概念.doc

资源描述

Html标记使用的基本概念语法： <标记名称属性1=”值1” 属性2=”值2” …> 组件数据 </标记名称> 基本架构：典型的HTML文件结构如下： <html> <head><title>标题文字</title></head> <body> </body> </html> 主体标记<body></body>的属性 1、bgcolor 属性控制文件的背景颜色 Bgcolor=”颜色” 颜色可以用颜色的英文名称，也可以用16进制的方式指定颜色。如： <body bgcolor=blue> 或<body bgcolor=”#00FF00”> 2、text属性控制网页内文字的颜色 Text=颜色值 3、link属性未被点选过的超级链接的颜色 Link=颜色值 4、vlink属性已经链接过的超级链接的颜色 vLink=颜色值 5、alink属性超级链接在点选时超级链接的颜色 aLink=颜色值 6、background 属性设置文件的背景图片 background =”images/bg.gif” 文字版面编排标记 1、标题标记<hn></hn> 语法：<hn>标题文字</hn> 共6各层次的标题，因此n的取值为1-6. <html> <body> <h1>标题1</h1> <h2>标题2</h2> <h3>标题3</h3> <h4>标题4</h4> <h5>标题5</h5> <h6>标题6</h6> </body> </html> Align属性控制标题的对齐方式 Align=left 或 center 或 right <html> <body> <h1 align=left>靠左标题</h1> <h1 align=center>居中标题</h1> <h1 align=right>靠右标题</h1> </body> </html> 2、段落标记<p></p> <p>标记所标示的文字，代表为同一个段落的文字。在浏览器中，不同段落文字间将会以一行空白加以间隔，以便区别出文字的不同段落。语法： <p>文字</p> Align属性控制标题的对齐方式 Align=left 或 center 或 right <html> <body> <p align=left>靠左段落</p> <p align=center>居中段落</p> <p align=right>靠右段落</p> </body> </html> 3、换行标记<br> 没有结尾标记的标记。 <html> <body> 第一行<br.> 第二行<br> </body> </html> 4、水平分隔线<hr> Size属性 Width属性（可以用像素来表示，也可以使用屏幕的百分比表示） Align属性 Color属性 Noshade属性（水平线不显示3D阴影）如： <html> <body> <hr align=left> <hr align=left width=50> <hr size=10 width=50%> <hr size=10 color=blue> <hr size=20> <hr size=20 noshade> </body> </html> 5、居中对齐<center></center> 如： <html> <body> <center> <p>我是郭尚君</p>请多指教 </center> </body> </html> 6、有序号条列标记<ol></ol> 将文字内容以条列方式显示。语法如下： <ol> <li>条列1 <li>条列2 <li>条列3 …… </ol> Type属性用于控制序号的种类 Type=1 或A 或a 或I 或i 各设定值得意义如下： 1表示序号为数字 A表示序号为大写英文字母 a表示序号为小写英文字母 I表示序号为大写罗马数字 i表示序号为小写罗马数字 start属性序号开始的编号，语法： Start=n N可以是2、C或是Vi 如： <html> <body> <ol type=a start=”3”> <li>第一项 <li>第二项 <li>第三项 </ol> </body> </html> 7、无序号条列标记<ul></ul> 语法如下： <ul> <li>条列1 <li>条列2 <li>条列3 …… </ul> Type属性用于控制序号的种类 Type=circle 或disc 或square 如： <html> <body> <ul type=circle> <li>第一项 <li>第二项 <li>第三项 </ul> </body> </html> 8、说明项目条列<dl></dl> 说明项目条列允许比较复杂的条列说明，不只可以分项条列，并且对每一条列的项目都可以再加以说明。语法如下; <dl> <dt>条列1 <dd>条列1的说明 <dd>条列2的说明 … <dt>条列2 <dd>条列2的说明 <dd>条列2的说明 … … </dl>

展开阅读全文