前言
前面分析过通过网络我们可以得到字符串。但是我们如何让我们的字符串变成一个排版优美的网页,这里我们统一定义了一种每台计算机都理解的规则,这种规则是建立在一门语言的基础之上的他就是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、列表.这里我就不再详述,其实所有的定西强烈推荐那个系类的教程。
总结
这里的标签还是比较简单。为了显示内容而已。但是这篇文章缺少了对于系统内容定义的东西,这里大家自己慢慢摸索。