注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

兲oノo煋

oノo钚嬡泩獲亼啲亼oノo

 
 
 

日志

 
 

HTML教程-HTML基本结构  

2008-07-12 17:29:11|  分类: 常用代码 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

超文本文档分文档头和文档体两部分,在文档头里,对这个文档进行了一些必要的定义,文档体中才是要显示的各种文档信息。

<HTML>

   <HEAD>

      头 部 信 息

   </HEAD>

   <BODY>

     文 档 主 体, 正 文 部 分

   </BODY>

</HTML>

   其中<HTML>在最外层, 表示这对标记间的内容是HTML文 档。我们还会看到一些Hompage省略<HTML>标记,因为.html 或.htm 文件被Web浏览器默认为是HTML文档。<HEAD> 之间包括文档的头部信息,如文档总标题等,若不需头部信息则可省略此标记。<BODY> 标记一般不省略, 表示正文内容的开始。

下面是一个最基本的超文本文档的源代码:

<HTML>

<HEAD>

<TITLE>一个简单的HTML示例</TITLE>

</HEAD>

<BODY>

<CENTER>

<H3>欢迎光临我的主页</H3>

<BR>

<HR>

<FONT SIZE=2>

  这是我第一次做主页,无论怎么样,我都会努力做好!

</FONT>

</CENTER>

</BODY>

</HTML>

━┓

 ┃文件头

━┛ ━┓

 ┃

 ┃

 ┃

 ┃文件体

 ┃

 ┃

 ┃

 ┃

━┛

[size=+1]超文本中的标签

  刚刚接触超文本,遇到的最大的障碍就是一些用“<”和“>”括起来的句子,我们称它为标签,是用来分割和标记文本的元素,以形成文本的布局、文字的格式及五彩缤纷的画面。

[size=+1]1. 单标签

  某些标记称为“单标签”,因为它只需单独使用就能完整地表达意思,这类标记的语法是:

          < 标签名称>

   最常用的单标签是<BR>, 它表示换行。

[size=+1]2.双标签

  另一类标记称为“双标签”,它由“始标签”和“尾标签”两部分构成,必须成对使用,其中始标签告诉Web浏览器从此处开始执行该标记所表示的功能,而尾标签告诉Web浏览器在这里结束该功能。始标签前加一个斜杠(/)即成为尾标记。这类标记的语法是:

             <标签> 内 容</ 标签>

  其中“内容” 部分就是要被这对标记施加作用的部分。例如你想突出对某段文字的显示,就将此段文字放在一<EM> </EM>标记中:

              <EM>第一:</EM>

[size=+1]3.标签属性

  许多单标记和双标记的始标记内可以包含一些属性, 其语法是:

        < 标签名字 属性1 属性2 属性3 … >

  各属性之间无先后次序,属性也可省略(即取默认值),例如单标记<HR>表示在文档当前位置画一条

水平线(horizontal line),一般是从窗口中当前行的最左端一直画到最右端。带一些属性:

[size=+1]                <HR SIZE=3 ALIGN=LEFT WIDTH="75%">  其中SIZE属性定义线的粗细,属性值取整数,缺为1;ALIGN属性表示对齐方式,可取LEFT(左对齐,缺省值),CENTER(居中),RIGHT(右对齐);WIDTH 属性定义线的长度,可取相对值,(由一对 " "号括起来的百分数,表示相对于充满整个窗口的百分比),也可取绝对值(用整数表示的屏幕像素点的个数,如WIDTH=300),缺省值是"100%"。

  评论这张
 
阅读(6)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2018