首页 | 编程语言 | 网站建设 | 游戏天堂 | 冲浪宝典 | 网络安全 | 操作系统 | 软件时空 | 硬件指南 | 病毒相关 | IT 认证
软讯网络 > 网站建设 > 网页制作 > 第一章 HTML基础
【标  题】:第一章 HTML基础
【关键字】:HTML
【来  源】:http://www.cublog.cn/u/33007/showart.php?id=256012

第一章 HTML基础

HTML概述与基本结构

     一、HTML的概述 
                                                                                                                      
   HTML的英语意思是:Hypertext Marked Language,即超文本标记语言,是一种用来制作超文本文档的简单标记语言。超文本传输协议规定了浏览器在运行 HTML 文档时所遵循的规则和进行的操作.HTTP协议的制定使浏览器在运行超文本时有了统一的规则和标准.用HTML编写的超文本文档称为HTML文档,它能独立于各种操作系统平台,自1990年以来HTML就一直被用作WWW(是World Wide Web的缩写,也可简写WEB、中文叫做万维网) 的信息表示语言,使用HTML语言描述的文件,需要通过WEB浏览器显示出效果。

   所谓超文本,是因为它可以加入图片、声音、动画、影视等内容,事实上每一个HTML文档都是一种静态的网页文件,这个文件里面包含了HTML指令代码,这些指令代码并不是一种程序语言,它只是一种排版网页中资料显示位置的标记结构语言,易学易懂,非常简单。HTML的普遍应用就是带来了超文本的技术----通过单击鼠标从一个主题跳转到另一个主题,从一个页面跳转到另一个页面与世界各地主机的文件链接。直接获取相关的主题。如下所示:

       通过HTML可以表现出丰富多彩的设计风格:

               图片调用:<IMG SRC="文件名">
               文字格式: <FONT SIZE="+5 " COLOR="#00FFFF">文字</FONT>

       通过HTML可以实现页面之间的跳转: 

               页面跳转:〈A HREF="文件路径/文件名"></A> 

       通过HTML可以展现多媒体的效果: 

                声频:<EMBED SRC="音乐地址" AUTOSTART=true>
                视频:<EMBED SRC="视频地址" AUTOSTART=true>

    从上面我们可以看到HTML超文本文件时需要用到的一些标签。在HTML中每个用来作标签的符号都是一条命令、它告诉浏览器如何显示文本。这些标签均由"<"和">"符号以及一个字符串组成。而浏览器的功能是对这些标记进行解释,显示出文字、图像、动画、播放声音。这些标签符号用“<标签名字 属性>”来表示。

    HTML只是一个纯文本文件。创建一个HTML文档,只需要两个工具,一个是HTML编辑器,一个WEB浏览器。HTML编辑器是用于生成和保存THML文档的应用程序。WEB浏览器是用来打开WEB网页文件,提供给我们查看WEB资源的客户端程序。

      二、 HTML的基本结构

    一个HTML文档是由一系列的元素和标签组成.元素名不区分大小写.HTML用标签来规定元素的属性和它在文件中的位置,

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

下面是一个最基本的html文档的代码:1-1.html

<HTML> ----------------------------------------     开始标签

<HEAD>   --------------------------------------
<TITLE> 一个简单的HTML示例 </TITLE>             |     头部标签
</HEAD>  --------------------------------------

<BODY> ----------------------------------------
<CENTER>                                       |
<H1>欢迎光临我的主页</H1>                      |
<BR>                                           |
<HR>                                           |     文件主体
<FONT SIZE= 7 COLOR= red>                      |
这是我第一次做主页                             |
</FONT>                                        |
</CENTER>                                      |
</BODY> ---------------------------------------

</HTML> ---------------------------------------     结尾标签

    

     <HTML></HTML>在文档的最外层, 文档中的所有文本和html标签都包含在其中,它表示该文档是以超文本标识语言(HTML)编写的。事实上,现在常用的Web浏览器都可以自动识别HTML文档,并不要求有 <html>标签,也不对该标签进行任何操作,但是为了使HTML文档能够适应不断变化的Web浏览器,还是应该养成不省略这对标签的良好习惯。

    <HEAD></HEAD>是HTML文档的头部标签, 在浏览器窗口中,头部信息是不被显示在正文中的,在此标签中可以插入其它标记, 用以说明文件的标题和整个文件的一些公公属性。若不需头部信息则可省略此标记,良好的习惯是不省略。

    <title>和</title>是嵌套在<HEAD>头部标签中的,标签之间的文本是文档标题,它被显示在浏览器窗口的标题栏。

    <BODY> </BODY>标记一般不省略,标签之间的文本是正文,是在浏览器要显示的页面内容。

    上面的这几对标签在文档中都是唯一的,HEAD标签和BODY标签是嵌套在HTML标签中的。

      三、 HTML的标签与属性:

    对于刚刚接触超文本的朋友,遇到的最大的障碍就是一些用“<”和 “>”括起来的句子,我们称它为标签,是用来分割和标签文本的元素,以形成文本的布局、文字的格式及五彩缤纷的画面。标签通过指定某块信息为段落或标题等来标识文档某个部件。属性是标志里的参数的选项,

    HTML的标签分单标签和成对标签两种。成对标签是由首标签<标签名> 和尾标签</标签名>组成的,成对标签的作用域只作用于这对标签中 的文档。单独标签的格式<标签名>,单独标签在相应的位置插入元素就可以了,大多数标签都有自己的一些属性, 属性要写在始标签内,属性用于进一步改变显示的效果, 各属性之间无先后次序,属性是可选的,属性也可以省略而采用默认值;其格式如下:

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

    作为一般的原则,大多数属性值不用加双引号。但是包括空格、%号,#号等特殊字符的属性值必须加入双引号。为了好的习惯,提倡全部对属性值加双引号。如:

               <font color="#ff00ff" face="宋体" size="30">字体设置</font>

    注意事项:输入始标签时,一定不要在“<”与标签名之间输入多余的空格,也不能在中文输入法状态下输入这些标签及属性,否则浏览器将不能正确的识别括号中的标志命令,从而无法正确的显示你的信息。

第二章 HTML主体标签及属性、颜色的设定:【上一篇】
显示傅里叶级数:【下一篇】
【相关文章】
  • 第二章 HTML主体标签及属性、颜色的设定
  • JavaScript遍历html元素属性
  • sqEditor HTML 编辑器 for .net v1.0 By shawl.qiu
  • 关于“C++中产生随机数”(引用 http://hi.baidu.com/vincey/blog/item/5c145d08dd1e6d950a7b824b.html)
  • inerHTML
  • ORA-01779错误的处理方法(转贴:http://tech.inspiremedia.org/archives/82.html,原作者:charlee)
  • xml 基础 《 xml+xsl=>html 》
  • HTML标签解释
  • C#运用正则表达式智能获取html模版页中模版信息的应用
  • 根据html页面模板动态生成html页面(c#类)
  • 【随机文章】
  • 布林效益工资管理 (ACCESS)
  • 基于Linux的集群系统(四)
  • 一个简陋的,破烂的,自家产的文本数据库系统
  • 解决过滤王不刷卡上机网络配置问题(总结篇)
  • vs2005/.net2.0 控件实例之 下拉列表《DropDownList》
  • 报表的发布
  • SQL语法4
  • JAVA最简单常识
  • 浅析LMDS多点分配接入技术(8)
  • ASP+ACCESS实现的无限级目录树
  • 【相关评论】
    没有相关评论
    【发表评论】
    姓名:
    邮件:
    随机码*
    评论*
          
    |  首 页  |  版权声明  |  联系我们   |  网站地图  |
    CopyRight © 2004-2007 软讯网络 All Rigths Reserved.