工大后院

 找回密码
 加入后院

扫一扫,访问微社区

QQ登录

只需一步,快速开始

搜索
查看: 1367|回复: 2

大家跟我学习Html 系列 - HTML的运行和最基本的结构 - 2

[复制链接]
发表于 2005-2-28 23:46 | 显示全部楼层 |阅读模式
(分离过来的主题)
  超文本文档分文档头和文档体两部分,在文档头里,对这个文档进行了一些必要的定义,文档体中才是要显示的各种文档信息。



--------------------------------------------------------------------------------


<HTML>

   <HEAD>
      头 部 信 息
   </HEAD>

   <BODY>
     文 档 主 体, 正 文 部 分
   </BODY>

</HTML>

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



--------------------------------------------------------------------------------


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





  1. <HTML>                                                        
  2. <HEAD>                               
  3. <TITLE>一个简单的HTML示例</TITLE>           
  4. </HEAD>                                                      

  5. <BODY>                                                                       
  6. <CENTER>
  7. <H3>欢迎光临我的主页</H3>
  8. <BR>
  9. <HR>
  10. <FONT SIZE=2>
  11.   这是我第一次做主页,我会努力做好的!
  12. </FONT>
  13. </CENTER>
  14. </BODY>

  15. </HTML>

复制代码




上面程序中

<CENTER>.... </CENTER> 标记告诉你,他们中间的内容要在页面里居中显示
<H3>...</H3> 标记告诉你这里是一种第3级的粗标题风格显示
<BR> 表示换行(这是不需要标签组匹配的几个特例之一)
<HR> 表示一条横线(这是不需要标签组匹配的几个特例之一)
<FONT> .... </FONT> 表示我在这个标签中的内容要设置为它所指定的字体大小,也就是这里的 size=2 ,设置“这是我....”这些字体的大小为size=2


运行程序:

在操作系统的“开始”菜单中(也就是你们平时要关机的那个),选择“运行”选项,在其中键入 notepad, 打开了一个记事本程序,把上面的代码粘贴过去(不要告诉我你不会粘贴!),然后保存它在桌面上,命名为first.htm, 注意:保存的时候要把对话框中的“保存类型”选择为“所有文件”,如下图:



然后双击桌面上的first.htm文件(文件名有可能只显示为first),
便可以运行程序。大功告成,感觉如何?最后的效果如下图:



以上是一些简介,详细的语法介绍我们下一次再来,怎么样,简单不?
发表于 2005-3-1 00:04 | 显示全部楼层
幸亏我还练过
回复

使用道具 举报

发表于 2005-3-2 01:25 | 显示全部楼层
补充一下:
<HR>的一些属性:<HR align=对齐方式 size=横线粗细 width=长度 color=颜色 noshade>
size 以像素为单位,默认为2,
width可以是绝对值,如30,也可以是相对值,如35%
noshade设定线条为平面显示

<FONT size=数字 face=字体名 color=颜色>被设置的字</FONT>
size从1~7,字体名为:黑体,宋体,隶书。。。。
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 加入后院

本版积分规则

QQ|Archiver|手机版|小黑屋|广告业务Q|工大后院 ( 粤ICP备10013660号 )

GMT+8, 2024-5-17 06:07

Powered by Discuz! X3.5

Copyright © 2001-2024 Tencent Cloud.

快速回复 返回顶部 返回列表