细谈HTML解析模块

 细谈HTML解析模块

Html在网页中所占的位置,用一个简单直观的图给展示一下:

    细谈HTML解析模块

    HTML基本介绍

(1) HTML是用来制作网页的标记语言。

   (2) HTML是Hypertext Markup Language的英文缩写,即超文本标记语言。

   (3) HTML语言是一种标记语言,不需要编译,直接由浏览器执行。 

   (4) HTML文件是一个文本文件,包含了一些HTML元素,标签等.HTML文件必须使用html或htm为文件名后缀。

   (5) HTML是大小写不敏感的,HTML与html是一样的。 

   (6)HTML是由W3C的维护的 。

文件类型:文本文件,二进制文件,可执行文件(我们的程序)

HTML 的组成部分

  (1)DTD头,用于告诉浏览器用什么语言来解析当前页面。

  (2) Head 告诉浏览器一些相关的信息。

  (3) Body 包含的是给人看的数据。

    细谈HTML解析模块

    HTML基本组成元素

标签是html最基本的组成单位,用 ”<”和 ”>”表示。一般是成对出现的如 <title></title>  也有单独出现的如 <hr />。

        成对出现的标签,在两个之间写的东西是标签的内容,而在标签里面的是标签的属性。

        细谈HTML解析模块

        上面的例子中“阿童木与小丸子”就是要显示的内容而{rowspan =“2”}就是此标签的属性。

    标签的种类

      1 格式标签

      <br/> 换行标签 ;  <p></ p>段落标签 ; <center></center>居中标签;

           <pre></pre>按原文显示标签;<ul>< ul>无序列表标签;<ol>< ol>有序列表标签;<li><li>列表项目标签;<hr/>水平分割线标签。

           用其中一个为例子演示:

          细谈HTML解析模块

            在网页的表现出来的样子是

            细谈HTML解析模块

       2 文本标签

          <hn></hn>文本标签;<b></b>粗体;<i></i>斜体标签;<u><u/>下划线标签;<small><small/>小型标签<big><big/>大型标签。

           以上边的其中一个为例 :

          细谈HTML解析模块

          在网页中表现出来的形式是:

         细谈HTML解析模块

          3 图像标签

       将图像连接进来的标签,直接举一个例子如:

      细谈HTML解析模块

      属性中的“src”表示是图片位置, “alt”表示图片属性,“width”表示图片宽度,“height”表示图片高度。

      4 连接标签

      直接举例如下

     细谈HTML解析模块

   这是一个简单的连接在网页中点击“阿童木与小丸子”就会调到“herf”中的那个网页,并在新的窗口中打开。

     5 HTML框架标签

        其中就是用<frameset>标签来代替<body>标签,由于此类复杂很难被浏览器搜索到,这个致命伤使得网上大多数网站不用这样的标签形式,但是像学校的官网,后台等都用的是这样的形式。如下图:

       细谈HTML解析模块

      这就是一个简单的构架,将网页分成了三个大的部分,而我们在设计这个网页的时候需要建立四个html文件,一个来构架,另外的三个分别对这三个板块进行设计。

     6 HTML表格标签

      就是用<table>标签在网页中建立一个表格示例:

     细谈HTML解析模块

      在网页中表现出来的形式是:

     细谈HTML解析模块

     7 HTML表单标签

     是其中最重要的部分,它是实现网站和用户的信息交换部分,例如申请表,用户填写完后,提交给网站的页面:

     细谈HTML解析模块

         这是一个简单的信息表编码如下:

        细谈HTML解析模块

       细谈HTML解析模块

      这就是我第一篇随笔,完全手打的,为了说清楚内容,做了一些实例的演示,并且给截图,更加直观的明白HTML一些的应用,希望大家喜欢,你以后会继续发表,一个星期大概一篇到两篇后面会介绍“css”“java”“linux”“javaSE”“Oracle”“安卓手机”等,希望大家喜欢。

上一篇:Java学习之IO之File类二


下一篇:Tamper Data