HTML的理解

来源：互联网发布：retrofit2 json解析编辑：程序博客网时间：2024/04/30 17:20

前言

前面分析过通过网络我们可以得到字符串。但是我们如何让我们的字符串变成一个排版优美的网页，这里我们统一定义了一种每台计算机都理解的规则，这种规则是建立在一门语言的基础之上的他就是html。这种规则是有w3c即万维网联盟规定的。他把网页分成不同的种类。包括标题段落表格类表图片音频视频等等。通过这些元素来构成我们的网页。然后通过css来创造出我们自己的网页风格。这是我们之后要解决的问题。

基础元素

html么个元素都是有以下特性的：

都有开始标签和结束标签。
元素的内容是开始到结束之间的内容
可以嵌套
可以为空
可以拥有自己的属性
例如

<html><head><title>我的第一个 HTML 页面</title></head><body><h1>hello world</h1><p>title 元素的内容会显示在浏览器的标题栏中。</p></body></html>

这是一个最简单的html网页，里面包含了head标签。当中规定了title的内容是我的第一个html页面。这是用来规定浏览器tab显示的内容。bady是我们网页显示的内容，仅仅规定了一个hello world标题和一个段落。
下面我们开始主要介绍下主要网页元素。当然这些都要放在body中的。我将这些分为两类。第一种是用来显示的。第二类是用来是排版用的。
显示的比较简单。这里我仅仅是列出了几种简单的常用的元素。并且简单那介绍他们的常见的属性。

标签作用常用属性 <hr/> 水平线无 <br /> 另起一行无 <address> 定义住址信息包含电话邮箱等无 <h+<x> 标题 aline(规定位置信息，不推荐使用） <a> 可以定义超链接 href、target <b> 粗体字无 <blockquote> 长引用 cite规定来源 <code> 代码无 <form> 定义供用户输入的 HTML 表单好多 <img> 图片 <p> 段落 <table> 表格 <ol> 有序列表 <ul> 无序列表

这里主要是用来显示的元素。对于位置的与布局的元素比较少但是杜很重,我们为了便于控制可以吧一个网页分成多个块<div>这个块级元素。通过css可以吧他放在特定的位置作为一个块处理。在一定是后可以用table作为容器布局。这里就不在详细说了。<frameset>这个可以作为框架显示不同的内容。
这里本来想详细介绍下table和列表以及form了但是忽然发现自己表达远不及form、table、列表.这里我就不再详述，其实所有的定西强烈推荐那个系类的教程。

总结

这里的标签还是比较简单。为了显示内容而已。但是这篇文章缺少了对于系统内容定义的东西，这里大家自己慢慢摸索。

1 0