细谈HTML解析模块

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

   

    HTML基本介绍

（1） HTML是用来制作网页的标记语言。

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

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

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

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

   （６）HTML是由W3C的维护的 。

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

HTML 的组成部分

  （1）DTD头，用于告诉浏览器用什么语言来解析当前页面。

  （2） Head 告诉浏览器一些相关的信息。

  （3） Body 包含的是给人看的数据。

   

    HTML基本组成元素

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

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

       

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

    标签的种类

      1 格式标签

      <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”表示图片高度。

      4 连接标签

      直接举例如下

    

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

     5 HTML框架标签

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

      

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

     6 HTML表格标签

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

    

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

    

     7 HTML表单标签

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

    

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

       

      

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

细谈HTML解析模块的更多相关文章

  1. Java程序员从笨鸟到菜鸟之（五十一）细谈Hibernate（二）开发第一个hibernate基本详解

    在上篇博客中,我们介绍了<hibernate基本概念和体系结构>,也对hibernate框架有了一个初步的了解,本文我将向大家简单介绍Hibernate的核心API调用库,并讲解一下它的基 ...

  2. 浅谈Python时间模块

    浅谈Python时间模块 今天简单总结了一下Python处理时间和日期方面的模块,主要就是datetime.time.calendar三个模块的使用.希望这篇文章对于学习Python的朋友们有所帮助 ...

  3. Spark RDD概念学习系列之细谈RDD的弹性（十六）

    细谈RDD的弹性  所谓,弹性,是指在内存不够时可以与磁盘进行交换. 弹性之一:自动的进行内存和磁盘数据存储的切换   弹性之二:基于Lineage(血缘)的高效容错   弹性之三:Task如果失败会 ...

  4. 浩哥解析MyBatis源码（十一）——Parsing解析模块之通用标记解析器（GenericTokenParser）与标记处理器（TokenHandler）

    原创作品,可以转载,但是请标注出处地址:http://www.cnblogs.com/V1haoge/p/6724223.html 1.回顾 上面的几篇解析了类型模块,在MyBatis中类型模块包含的 ...

  5. python命令行参数解析模块argparse和docopt

    http://blog.csdn.net/pipisorry/article/details/53046471 还有其他两个模块实现这一功能,getopt(等同于C语言中的getopt())和弃用的o ...

  6. MyBatis源码解析（十一）——Parsing解析模块之通用标记解析器（GenericTokenParser）与标记处理器（TokenHandler）

    原创作品,可以转载,但是请标注出处地址:http://www.cnblogs.com/V1haoge/p/6724223.html 1.回顾 上面的几篇解析了类型模块,在MyBatis中类型模块包含的 ...

  7. 细谈getRequestDispatcher()与sendRedirect()的区别

    问题?细谈getRequestDispatcher()与sendRedirect()的区别 首先我们要知道: (1)request.getRequestDispatcher()是请求转发,前后页面共享 ...

  8. python命令行解析模块--argparse

    python命令行解析模块--argparse 目录 简介 详解ArgumentParser方法 详解add_argument方法 参考文档: https://www.jianshu.com/p/aa ...

  9. $命令行参数解析模块argparse的用法

    argparse是python内置的命令行参数解析模块,可以用来为程序配置功能丰富的命令行参数,方便使用,本文总结一下其基本用法. 测试脚本 把以下脚本存在argtest.py文件中: # codin ...

随机推荐

  1. GOF 23种设计摩搜-建造者模式

    • 场景: – 我们要建造一个复杂的产品.比如:神州飞船,Iphone.这个复杂的产品的创建.有这样 一个问题需要处理: • 装配这些子组件是不是有个步骤问题? – 实际开发中,我们所需要的对象构建时 ...

  2. Python中的列表、元祖、字典

    一.列表 一组有序项目的集合.可变的数据类型[可进行增删改查] 列表是以方括号"[]"包围的数据集合,不同成员以","分隔. 列表中能够包括不论什么数据类型,也 ...

  3. C#给指定doc文件写入宏

    private void InsertMacro() { Word.Application oWord; Word.Document oDoc; VBIDE.VBComponent oModule; ...

  4. VC++的project文件

    VC++的project文件说明: *.dsp:是VC++的项目文件,文本格式. *.dsw:是工作区文件,它能够指向一个或多个.dsp文件. *.clw:是 ClassWizard信息文件,实际上是 ...

  5. Android 设计模式之单例模式

    设计模式是前人在开发过程中总结的一些经验,我们在开发过程中依据实际的情况,套用合适的设计模式,能够使程序结构更加简单.利于程序的扩展和维护.但也不是没有使用设计模式的程序就不好.如简单的程序就不用了, ...

  6. python--文件操作补充

    文件操作补充 f = open('file',encoding='utf-8')其中打开时不写模式默认只读f是文件句柄,文件操作符,不能使数字相当于content = f.read()content是 ...

  7. kubernetes之创建基于名称空间的内存和cpu限额示例

    系列目录 首先我们创建一个名称空间 kubectl create namespace quota-mem-cpu-example 创建资源配额 apiVersion: v1 kind: Resourc ...

  8. JSP页面的编码设置（转载）

    1. pageEncoding:<%@ page pageEncoding="UTF-8"%> jsp页面编码: jsp文件本身的编码 2. contentType: ...

  9. FreeCMS怎么动态訪问模板？

    原文地址:http://javaz.cn/site/javaz/site_study/info/2015/31166.html​ 项目地址:http://www.freeteam.cn/ FreeCM ...

  10. oracle指定访问某表或某视图

    在oracle中,想创建一个账号,然后只能只读地访问指定的表,怎么搞? 一.为特定的表创建视图 创建视图的时候还可以加上过滤条件,连访问哪些数据都可以指定. create or replace vie ...