细谈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. spring计时工具类stopwatch用法

    public class Test { public static void main(String[] args) { StopWatch stopWatch = new StopWatch(); ...

  2. 定时任务crontab如何实现每秒执行？

    linux crontab 命令,最小的执行时间是一分钟.如需要在小于一分钟内重复执行,可以有两个方法实现. 方法一:crontab -l内容如下,则每10秒执行一次/home/fdipzone/ph ...

  3. 3.【nuxt起步】-下面以一个SPA单页程序为例子

    spa:single page applcation 1.components目录新建header.vue,footer.vue Header.vue Footer.vue Pages/index.v ...

  4. stateMachine 相关知识

    一个state的基本构造,processMessage 以及可选的enter exit 和getName. processMessager是用于处理数据. enter 和exit 则是类似于 面向编程 ...

  5. [LeedCode OJ]#85 Maximal Rectangle

     [ 声明:版权全部,转载请标明出处.请勿用于商业用途. 联系信箱:libin493073668@sina.com] 题目链接:https://leetcode.com/problems/maxima ...

  6. python3 查看已安装的模块

    一.命令行下使用pydoc命令 在命令行下运行$ pydoc modules即可查看 二.在python交互解释器中使用help()查看 在交互式解释器中输入>>> help(&qu ...

  7. 禁用Clusterware在系统启动后自己主动启动

    以下是禁用及启用Clusterware随系统启动而自己主动启动的方法 10g下我们用例如以下方法: 禁用Clusterware随系统启动而自己主动启动 /etc/init.d/init.crs dis ...

  8. ActiveMQ测试工具

    1. 测试工具 目前使用两种测试工具进行压力测试 1. Jmeter 测试单客户端收发多主题,测试高并发,大数据量时的接收效率 2. emqtt_benchmark测试多客户端收发主题,测试高吞吐量下 ...

  9. leetcode第一刷_Symmetric Tree

    必须承认,一開始这道题我是不会做的.由于我心目中的树遍历仅仅能用一个节点发起.多么天真而无知. 我想不通如何同一时候遍历两颗子树.由于根节点一定是一个啊.但是,作为对称轴上的它.从一開始就不应该被考虑 ...

  10. Ubuntu16.04下屏幕侧边栏的设置

    ubnutu的任务栏都是在左侧: zhang@zhang-virtual-machine:~$ gsettings set com.canonical.Unity.Launcher launcher- ...