细谈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. ios- nil NULL 和 NSNull

    因为objective-c的集合对象,比如nsarray, nsdictionary, nsset等,都有可能包含nsnull对象,所以,如果以下代码中的item为nsnull,则会引起程序崩溃. N ...

  2. ASP复制文件

    <% dim fs,oldpath,newpath Set fs=Server.CreateObject("Scripting.FileSystemObject") oldp ...

  3. 如何用迅雷下载在网页中的Flash动画或课件

    对于框架网页而言,看地址栏可以发现后缀不是SWF,就是说该网站没有直接把Flash给你,右击该Flash也没有下载选项.   此时虽然右下角是Flash,但是左边和上面网页部分还是正常的元素,右击这些 ...

  4. d3js 添加数据

    <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8&quo ...

  5. codeforces 553 D Nudist Beach

    题意大概是.给出一个图,保证每一个点至少有一条边以及随意两点间最多一条边.非常显然这个图有众多点集,若我们给每一个点定义一个权值,那每一个点集都有一个最小权值点,如今要求出一个点集,这个点集的最小权值 ...

  6. android相关文件夹的存取方式与函数解析---全

    因为排版问题.转为markdown编辑: http://blog.csdn.net/self_study/article/details/58587412

  7. Linux基础（3）- 正文处理命令及tar命令、vi编辑器、硬盘分区、格式化及文件系统的管理和软连接、硬连接

    一.正文处理命令及tar命令 1)  将用户信息数据库文件和组信息数据库文件纵向合并为一个文件1.txt(覆盖) 2)  将用户信息数据库文件和用户密码数据库文件纵向合并为一个文件2.txt(追加) ...

  8. 小数运算需要注意什么？ 接口和抽象类 WinForm窗体上两个panel，怎么实现一个panel固定漂浮在另一个panel之上

    小数运算需要注意什么? 1. 生活中0.1+0.2=0.3, 计算机中可不是这样,为什么呢? 大家都知道计算机类型都是有数据范围的.整形int范围是 正负21亿左右,小数类型同样也是有范围的,但是即使 ...

  9. SD 卡PIN定义

    转载:http://blog.sina.com.cn/s/blog_56e19aa70101avnw.html SD卡和TF卡接口引脚定义  

  10. Python标准库：内置函数set([iterable])

    本函数是从迭代对象生成集合.集合能够添加或删除元素. 样例: #set() tset = set([1, 2, 3, 3, 4, 5, 6, 6]) print(tset) tset.add(20) ...