Chinaunix首页 | 论坛 | 博客
  • 博客访问: 530380
  • 博文数量: 26
  • 博客积分: 509
  • 博客等级: 下士
  • 技术积分: 809
  • 用 户 组: 普通用户
  • 注册时间: 2012-04-15 18:01
文章分类

全部博文(26)

文章存档

2015年(1)

2013年(6)

2012年(19)

分类: 系统运维

2012-11-03 20:26:53

网页的源代码文件可以叫做html文件。利用html规则编写的html文件可以用浏览器打开,就是一个网页。

用一般的编辑器,如记事本编写html源码,最后保存成html或者htm格式的文件,这就是一个网页文件。文件名可以用中文,名字之间可以有空格。

 

 

一个简单的html文件的源码:

</FONT></SPAN></P> <P style="MARGIN: 0cm 0cm 0pt 52.5pt; mso-para-margin-left: 5.0gd" class=MsoNormal><SPAN lang=EN-US><FONT face="Times New Roman"><SPAN style="mso-tab-count: 1">    </SPAN><SPAN style="mso-tab-count: 2">              </SPAN>Helloworld!</FONT></SPAN></P> <P style="MARGIN: 0cm 0cm 0pt 52.5pt; mso-para-margin-left: 5.0gd" class=MsoNormal><SPAN lang=EN-US><FONT face="Times New Roman">

              这是我做的第一个网页。

Html源码文件中有很多标记,每个标记都是成对存在的。有一个开始,也对应一个结束。标记就是一对。标记中可以出现大小写混用的情况,也可以大写或者小写穿插使用。

Html源码文件中的标记是和浏览器UI元素对应的。如head就对应浏览器打开的tab上面的标题,body就对应页面的主要内容。标记名其实就可以认为是元素名。

元素都有很多属性,属性和元素名一起包含在<>中。属性的值用“”括起来。下例中align是属性,"center"是属性值

</FONT></SPAN></P> <P style="MARGIN: 0cm 0cm 0pt 52.5pt; mso-para-margin-left: 5.0gd" class=MsoNormal><SPAN lang=EN-US><FONT face="Times New Roman"><SPAN style="mso-tab-count: 3">                  </SPAN>Helloworld!</FONT></SPAN></P> <P style="MARGIN: 0cm 0cm 0pt 52.5pt; mso-para-margin-left: 5.0gd" class=MsoNormal><SPAN lang=EN-US><FONT face="Times New Roman">

This is my first homepage!

 

Html中主要包括两部分元素,headbody。元素之间有层次关系。Head下面的元素从属于head元素。对head元素定义的属性,同样适用于head下面的包含的元素。元素body也是。如果在body中设置了颜色属性,则body下面的元素都具有这一属性。

元素head是浏览器打开的tab上面的标题部分,不会再浏览器的文档窗口显示,但是其间的元素有特殊重要的意义。

</FONT></SPAN><SPAN style="FONT-FAMILY: 宋体; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman'">元素定义</SPAN><SPAN lang=EN-US><FONT face="Times New Roman">html</FONT></SPAN><SPAN style="FONT-FAMILY: 宋体; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman'">文档的标题。</SPAN><SPAN lang=EN-US><FONT face="Times New Roman"><title></FONT></SPAN><SPAN style="FONT-FAMILY: 宋体; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman'">和</SPAN><SPAN lang=EN-US><FONT face="Times New Roman">之间的内容将显示在浏览器窗口的标题栏中。

元素下面可以插入很多很有用的元素属性

   Content=”study,computer”>用来标记搜索引擎在搜索你的页面时取出的关键词

  content=“wutao">

用来标记文档的作者

       content=“text/html; charset=gb2312”>

用来标记页面的解码方式

content=“5;URL=”>

用于自动刷新页面。当过5秒之后,页面会跳到网页上

 

元素body表明是html文档主体部分。在之间通常会有很多其他元素,这些元素和元素属性构成html文档的主体部分

中的属性

·bgcolor     标志html文档的背景颜色。其值为616进制数,每两个代表一种颜色的比重,代表的三种颜色是RGB。如:

bgcolor = “#000000”  就是背景颜色为黑色

其他颜色对应的值为:银色:#c0c0c0

红色    #ff0000

绿色    #0000ff

蓝色    #00ff00

白色    #ffffff

黄色    #ffff00

海绿色  #00ffff

例:

           http-equiv =”Content-Type”  content =”text/html;charset = gb2312”>

        

</FONT></SPAN></P> <P style="MARGIN: 0cm 0cm 0pt 52.5pt; mso-para-margin-left: 5.0gd" class=MsoNormal><SPAN lang=EN-US><SPAN style="mso-tab-count: 3"><FONT face="Times New Roman">                  </FONT></SPAN></SPAN><SPAN style="FONT-FAMILY: 宋体; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman'">电脑培训部</SPAN></P> <P style="MARGIN: 0cm 0cm 0pt 52.5pt; mso-para-margin-left: 5.0gd" class=MsoNormal><SPAN lang=EN-US><FONT face="Times New Roman">

This is my first homepage!

 

·background 属性标志html文档的背景图片。可以使用的图片格式为GIFpng等。如果图片比较小,会被平铺。现在对屏幕进行放大时不会有滚动条出现。

 

      

              </FONT></SPAN></P> <P style="MARGIN: 0cm 0cm 0pt" class=MsoNormal><SPAN lang=EN-US><FONT face="Times New Roman"><SPAN style="mso-tab-count: 2">              </SPAN><SPAN style="mso-spacerun: yes">   </SPAN></FONT></SPAN><SPAN style="FONT-FAMILY: 宋体; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman'">背景图片</SPAN></P> <P style="MARGIN: 0cm 0cm 0pt" class=MsoNormal><SPAN lang=EN-US><FONT face="Times New Roman"><SPAN style="mso-tab-count: 2">              </SPAN>

                    

      

              HTML文件加一个GIF格式的背景图片

      

其中1.png是和这个html文件同在一个文件目录下面。这里的目录可以是相对目录,也可以是绝对目录。如果写成1\1.png就是在相对目录下面

 

·bgproperties =fixed   使背景图片成水印效果,即图片不随着滚动条的滚动而滚动

 

·text  标志html文档的正文文字的颜色。如text = “#FF6666”。这个属性定义的颜色将应用于整篇文档

 

·超链接颜色  linkvlinkalink分别控制普通超链接、访问过的超链接和当前活动超链接颜色。如:

·leftmargintopmargin    设置网页主体内容距离网页顶端和左端的距离,如:

leftmargin = “20” topmargin = “30”

设置好这个之后,下面的元素就全部是这样的。

 

 

 

阅读(2517) | 评论(0) | 转发(0) |
给主人留下些什么吧!~~