细谈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最基本的组成单位,用 ”<”和 ”>”表示。一般是成对出现的如 <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”“安卓手机”等,希望大家喜欢。

时间: 2024-11-10 16:43:55

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

细谈Spring(一)spring简介

Spring 是一个开源框架,是为了解决企业应用程序开发复杂性而创建的.框架的主要优势之一就是其分层架构,分层架构允许您选择使用哪一个组件,同时为 J2EE 应用程序开发提供集成的框架.  然而,Spring的用途不仅限于服务器端的开发.从简单性.可测试性和松耦合的角度而言,任何Java应用都可以从Spring中受益. Spring的核心是个轻量级容器(container),实现了IoC(Inversion of Control)模式的容器,Spring的目标是实现一个全方位的整合框架,在Spr

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

在上篇博客中,我们介绍了<hibernate基本概念和体系结构>,也对hibernate框架有了一个初步的了解,本文我将向大家简单介绍Hibernate的核心API调用库,并讲解一下它的基本配置.核心API的底层实现和源码解析将在以后的博客中一一为大家讲解. 首先我们一起来看一下开发一个hibernate应用程序的大体流程是什么样的(流程顺序可以颠倒): •创建Hibernate的配置文件 •创建持久化类 •创建对象-关系映射文件 •通过Hibernate API编写访问数据库的代码 关于配置

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

原创作品,可以转载,但是请标注出处地址:http://www.cnblogs.com/V1haoge/p/6724223.html 1.回顾 上面的几篇解析了类型模块,在MyBatis中类型模块包含的就是Java类型与Jdbc类型,和其间的转换处理.类型模块在整个MyBatis功能架构中属于基础组件之一,是提前注册到注册器中,并配置到Configuration中备用. 从这一篇开始解析Parsing解析模块,这个模块不同于Type模块,这个模块更像是一套工具模块.本篇先解析通用标记解析器Gene

[爬虫学习笔记]C#基于ARSoft.Tools.Net的DNS解析模块(半成品)

      最近在做爬虫的作业,今天学习的内容是关于DNS解析模块的制作的.使用的库为ARSoft.Tools.Net,它是一个非常强大的开源DNS控件库,包含.Net SPF validation, SenderID validation以及DNS Client.DNS Server接口.使用该接口可轻松实现DNS客户请求端及服务器解析端.项目地址:http://arsofttoolsnet.codeplex.com/,Nuget包地址:https://www.nuget.org/packag

细谈RDD的弹性

细谈RDD的弹性 弹性之一:自动的进行内存和磁盘数据存储的切换   弹性之二:基于Lineage(血缘)的高效容错   弹性之三:Task如果失败会自动进行特定次数的重试 弹性之四:Stage如果失败会自动进行特定次数的重试,而且只会计算失败的分片 弹性之五:checkpoint和persist Checkpoint是比较重量级的操作,RDD操作,一般每次都会产生新的RDD,除了最后一个action操作触发作业以外.但是有时候,链条比较长或者计算比较笨重,考虑把数据放到磁盘上,这就是Checkp

JAVA基础细谈

JAVA基础细谈 一. 源文件和编译后的类文件     源文件的本质就是程序文件,是程序员编写,是人看的.而编译后的类文件是给电脑看的文件.一个类就是一个文件,无论这个类写在哪里,编译以后都是一个文件.源文件通过java编译生成类文件,后缀名为”.java“的是源文件,后缀为“.class”的为类文件.如图 这就是一个源文件和一个和它同名的类文件,文件名和类名一样,方便开发中的文件管理. 二. 语句    java程序的组成是类文件,类文件的组成是方法,方法的组成语句.语句是任何程序的基本单位,

Css的使用细谈

Css的使用细谈 Css可以通过简单的更改CSS文件,改变网页的整体表现形式,可以减少我们的工作量,所以她是每一个网页设计人员的必修课. Css简介              (1) CSS是用于布局(layout)与美化网页的. (颜色,字体)       (2) CSS是Cascading Style Sheets的英文缩写,即层叠样式表       (3) CSS语言是一种标记语言,因此不需要编译,可以直接由浏览器执行(属于浏览器解释型语言).        (4) CSS文件是一个文本文

细谈 对象的初始化过程------内存中的实现过程?

今天对于内存的理解 又加深了一步: 对下面代码的理解: class Person { private String name="xiaohong"; private int age=23; private static String country="CN"; { System.out.println(name+" "+age); } public Person(String name,int age) { this.name = name; t

python:argparse命令行解析模块详解

argparse命令行解析模块学习 import argparse parser = argparse.ArgumentParser() #类似于初始化吧 parser.parse_args() #解析参数 //默认存在-h,--help参数 输出如下 python test.py --help usage: prog.py [-h] optional arguments: -h, --help show this help message and exit 接下来 import argpars