HTML语言基础.docx

上传人:b****6 文档编号:2987282 上传时间:2022-11-16 格式:DOCX 页数:18 大小:30.27KB
下载 相关 举报
HTML语言基础.docx_第1页
第1页 / 共18页
HTML语言基础.docx_第2页
第2页 / 共18页
HTML语言基础.docx_第3页
第3页 / 共18页
HTML语言基础.docx_第4页
第4页 / 共18页
HTML语言基础.docx_第5页
第5页 / 共18页
点击查看更多>>
下载资源
资源描述

HTML语言基础.docx

《HTML语言基础.docx》由会员分享,可在线阅读,更多相关《HTML语言基础.docx(18页珍藏版)》请在冰豆网上搜索。

HTML语言基础.docx

HTML语言基础

[第一章][第二章][第三章][第四章][第五章][第六章]

 

第一章:

HTML语言的结构

  html文件是标准的ASCII文件,它看起来象是加入了许多被称为链接签(tag)的特殊字符串的普遍文本文件。

从结构上讲,html文件由元素(element)组成,组成html文件的元素有许多种,用于组织文件的内容和指导文件的输出格式。

绝大多数元素是“容器”,即它有起始标记和结尾标记。

元素的起始标记叫做起始链接签(starttag),元素结束标记叫做结尾链接签(endtag),在起始链接签和结尾链接签中向的部分是元素体。

每一个元素都有名称和可选择的属性,元素的名称和属性都在起始链接签内标明。

比如体元素(body)

  

  

demo

  Thisismyfirsthtmlfile.

  

  第一行是体元素的起始链接签,它标明体元素从此开始。

因为所有的链接签都具有相同的结构,所以我们将仔细分析这个链接签的各个部分,以便读者对链接签的写法有一大概了解。

  <起始链接签开始

  body元素名称,由于元素和链接签一一对应,所以元素名也叫链接签名。

需要注意的是<和body之间不能有空格。

元素名称不分大小写。

background属性名。

一个元素可以有多个属性,属性及其属性值不分大小写。

本属性指明用什么方法来填充背景。

  =指明属性值

  “background.gif”属性值,表示用background.gif文件来填充背景。

  属性名,=,属性值合起来构成一个完整的属性,一个元素可以有多个属性,各个属性用空格分开。

  >起始链接链结束

  第二行和第三行是body元素的元素体,最后一行是body元素的结尾链接签。

结尾链接签用

>。

  从上面的例子中,我们可以看出,一个元素的元素体中可以有另外的元素。

(上例中第二行的标题元素

和第三行的分段元素

实际上,html文件仅由一个html元素组成,即文件以开始,以结尾,文件其部分都是html的元素体。

html元素的元素体由两大部分,即头元素…和体元素…和一些注释组成。

头元素和体元素的元素体又由其它的元素和文本及注释组成。

也就是说,一个html文件应具有下面的结构:

    html文件开始

    文件头开始

   文件头

   文件头结束

    文件体开始

   文件体

   文件体结束

    html文件结束

  需要说明的是,html是一门发展很快的语言,早期的html文件并没有如此严格的结构,因而现在流行的浏览器(如Netscape,Mosaic等)为保持对早期html文件的兼容性,也支持不按上述结构编写的html文件。

还需要说明的是,各种浏览器对html元素及其属性的解释也不完全一样,本书中所讲的元素,元素的属性及其输出是以Netscape2.0浏览器为准的,作者将尽量给出别的浏览器对某一元素的解释。

  一般来讲,html的元素有下列三种表示方法:

  1)<元素名>文件或超文本</元素名>

  2)<元素名属性名=“属性值…>文本成超文本</元素名>

  3)<元素名>

  第三种写法仅用于一些特殊的元素,比如分段元素P,它仅仅通知www浏览器在此处分段,因而不需要界定作用范围,所以它没有结尾链接签。

htlm3.0标准中,也定义了

链接签,它用于需要界定作用范围的段落,比如增加对齐方式属性的段落。

  html文件中,有些元素只能出现在头元素中,绝大多数元素只能出现在体元素中。

在头元素中的元素表示的是该html文件的一般信息,比如文件名称,是否可检索等等。

这些元素书写的次序是无关紧要的,它只表明该html有还是没有该属性。

与此相反,出现在体元素中的元素是次序敏感的,改变元素在html文件中的次序会改变该html文件的输出形式。

[第一章][第二章][第三章][第四章][第五章][第六章]

 

第二章:

构成网页的基本元素

  2.1题目(TITLE)

  Title元素是文件头中唯一一个必须出现的元素,它也只能出现在文件头中。

title元素的格式为:

  文件题目

  title标明该html文件的题目,是对文件内容的概括。

一个好的题目应该能使读者从中判断出该文件的大概内容。

文件的题目一般不会显示在文本窗口中,而以窗口的名称显示出来。

  除了标识窗口外,当将某一homepage存入书签或文件时,title还用作书签名或缺省的文件名。

  title的长度没有限制,但过长的题目会导致折行,一般情况下它的长度不应超过64个字符。

由于title的作用是标明文件内容,所以太短的title也是不可取的,比如:

introduction这个题目,读者不可能根据它判断出本文介绍的是什么。

一个好的例子是:

  AnIntroductiontoHTML2.0

  在头元素中还可以出现其他元素,如等等。

这些元素都不是必须的,而且也不常用。

这些元素的用法和它们的含义可以参考有关文献。

  下面是一个最简单的html文件

  

  thesimplesthtmlfile

  Thisismyfirsthtmlfile.

  

  §2.2标题(hn)

  标题元素有6种,分别为h1,h2,…h6,用于表示文章中的各种题目。

标题号越小,字体越大。

一般情况下,浏览器对标题作如下解释:

  h1黑体,特大字体,居中,上下各有两行空行。

  h2黑体,大字体,上下各有一到两行空行

  h3黑体(斜体),大字体,左端微缩进,上下空行

  h4黑体,普通字体,比h3更多缩进,上边一空行

  h5黑体(斜体),与h4相同缩进,上边一空行

  h6黑体,与正文有相同缩进,上边一空行

  hn可以有对齐属性,align=#,#表示

    left标题居左

    center标题居中

    right标题居右

  例:

Chapter2

  下面给出hn的例子及其输出:

    

Todayisfine!

</h1>Todayisfine!

    

Todayisfine!

</h2>Todayisfine!

    

Todayisfine!

</h3>Todayisfine!

    

Todayisfine!

</h4>Todayisfine!

    

Todayisfine!

</h5>Todayisfine!

    

Todayisfine!

</h6>Todayisfine!

  §2.3分段

  html的浏览器是基于窗口的,用户可以随时改变显示区的大小,所以html将多个空格以及回车等效为一个空格,这是和绝大多数字处理器不同的。

html的分段完全依赖于分段元素

比如下面两段源文件有相同的输出。

  

ThisisalevelTwoHeading

  paragraphyone

paragraphtwo

  …………………………

  

ThisIsaLevelTwoHeading

  paragraphone

  paragraphTwo

  

也可以有多种属性,比较常用的属性是:

  aligh=##可以是left,center,right,其含义同上文。

  例:

Thisisacenteredparagraph

  当html文件中有图形,图形可能占据了窗口的一端,图形的周围可能还有较大的空白区。

这时,不带clear属性的

可能会使文章的内容显示在该空白区内。

为确保下一段内容显示在图形的下方,可使用clear属性。

clear属性的含义为:

  clear=left下一段显示在左边界处空白的区域

  clear=right下一段显示在右边界处空白的区域

  clear=all下一段的左右两边都不许有别的内容

  §2.4清单List

  清单用于列举事实,常用的清单有3种格式,即无序清单(unorderedList),有序清单(orderedlist)和定义清单(definitionlist)

  2.4.1无序清单(ul)

  无序清单用(ul)开始,每一个清单条目用

  • 引导,最后是,注意清单条目不需要结尾链接签
  • 输出时每一清单条目缩进,并且以黑点标示。

      例:

    源文件

      

        

    • Today

        

    • Tommorow

        

      输出为

     ●Today

     ●Tommorow 

      2.4.2有序清单

        有序清单与无序清单相比,只是在输出时清单条目用数字标示,下面是一个例子及其输出:

       

        

          

      1. Today

          

      2. Tommorow

          

        输出为:

       1.Today

       2.Tommorow

        2.4.3定义清单

        定义清单用于对清单条目进行简短说明的场合,用

      开始,清单条目用
      引导,它的说明用
      引导。

        

        

      Item1

        

      Thedefinitionofitem1

        

      Item2

        

      Definitionorexplainationofitem2

        

        输出为:

       Item1

       Thedefinitionofitem1

       Item2

       Definitonorexplainationofitem2

        2.4.4改变条目标记

        1.改变无序清单条目标记

        无序清单输出时,每一条目前都有一个黑色圆点,用户可以用type序性修改条目的标记。

      type可以是

        disc实心圆点 cirde圆圈square实心方点

        

          ONE

          TWO

          THREE

          

        输出为:

       ●ONE

       ○TWO

       ■THREE

        2.改变有序清单条目标记

        有序清单条目标记的缺省值是阿拉伯数字,可以用type属性修改。

      方法为

         #=A,大写字母

         a,小写字母

         I,大写罗马数字

         i,小写罗马数字

         l,缺省,阿拉伯数字

        

        ONE-ONE

          

      1. ONE-TWO

        A.ONE-ONE

        B.ONE-TWO

        

        ONE-ONE

          

      1. ONE-TWO

    展开阅读全文
    相关资源
    猜你喜欢
    相关搜索

    当前位置:首页 > 幼儿教育 > 幼儿读物

    copyright@ 2008-2022 冰豆网网站版权所有

    经营许可证编号:鄂ICP备2022015515号-1