码迷,mamicode.com
首页 > Web开发 > 详细

细谈HTML解析模块

时间:2015-07-27 14:37:52      阅读:397      评论:0      收藏:0      [点我收藏+]

标签:

 细谈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最基本的组成单位,用 ”<”和 ”>”表示。一般是成对出现的如 <title></title>  也有单独出现的如 <hr />。

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

 

        技术分享

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

 

    标签的种类

     格式标签

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

 

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

 

           用其中一个为例子演示:

          技术分享

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

            技术分享

       2 文本标签

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

 

           以上边的其中一个为例 :

 

          技术分享

 

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

         技术分享

          3 图像标签

 

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

      技术分享

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

      连接标签

      直接举例如下

     技术分享

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

     5 HTML框架标签

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

       技术分享

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

     6 HTML表格标签

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

     技术分享

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

     技术分享

     7 HTML表单标签

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

     技术分享

 

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

 

        技术分享

       技术分享

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

 

 

 

 

 

 

 

 

 

 

 

 

细谈HTML解析模块

标签:

原文地址:http://www.cnblogs.com/atongmyuxiaowanzi/p/4679958.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!