细谈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. 什么叫PV,UV,PR值

    1.PV PV(page view),即页面浏览量:用户每1次对网站中的每个网页访问均被记录1次.用户对同一页面的多次访问,访问量累计. 2．什么是UV uv(unique visitor),指访问某 ...

  2. 【mybatis】mybatis中insert操作，返回自增id

    需求是这样的: mybatis中insert操作,返回自增id,因为这个自增id需要给后续业务用到. 原本是这样的: 将insert语句传入,正常执行insert操作,返回int永远是 0[失败] 或 ...

  3. scp 时出现permission denied

    如果scp到 /usr/local/目录下,则无权限,可更改到用户目录下

  4. win10 安装git

    http://jingyan.baidu.com/article/a3a3f811d4cd308da2eb8ad1.html 双击exe安装包,在弹出的安全提示中点击“允许”.   安装向导的头两步都 ...

  5. 转帖：HttpStatusCode状态说明C#版

    Continue 等效于 HTTP 状态 100.Continue 指示客户端可能继续其请求. SwitchingProtocols 等效于 HTTP 状态 101.SwitchingProtocol ...

  6. Linux问题，磁盘分区打不开了

    Metadata kept in Windows cache, refused to mount. chkdsk /f http://www.bubuko.com/infodetail-1184937 ...

  7. project 2013 激活 key 7YHNW-RVCQY-VBDB2-QX69Q-B96WK viso 66DNF-28W69-W4PPV-W3VYT-TJDBQ

    project 2013 激活 key :7YHNW-RVCQY-VBDB2-QX69Q-B96WK viso2013  激活 key:66DNF-28W69-W4PPV-W3VYT-TJDBQ 软件 ...

  8. Centos7-安装Apache2.4+PHP5.6

    linux系统CentOS7先下载Apache需要依赖的软件1.APR下载地址http://apr.apache.org/download.cgiwget下载路径http://mirror.bit.e ...

  9. ORA-00600: internal error code, arguments: [2662], [0], [1106971], [0], [1107731], [12583040]

    今天是2014-06-06,在进行数据库恢复的时候出现了一个久违的ora-600 [2662]错误.特整理例如以下: 问题描写叙述: system及数据文件误删,採用恢复数据文件的方式将数据库恢复到開 ...

  10. spring boot Mybatis多数据源配置

    关于 有时候,随着业务的发展,项目关联的数据来源会变得越来越复杂,使用的数据库会比较分散,这个时候就会采用多数据源的方式来获取数据.另外,多数据源也有其他好处,例如分布式数据库的读写分离,集成多种数据 ...