细谈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”“安卓手机”等,希望大家喜欢。