30分钟内让你明白HTML是什么,并对它有一些基本的了解。一旦入门后,你可以从网上找到更多更详细的资料来继续学习。
什么是HTML
【推荐教程:HTML教程】
HTML是英文Hyper Text Mark-up Language(超文本标记语言)的缩写,它规定了自己的语法规则,用来表示比“文本”更丰富的意义,比如图片,表格,链接等。浏览器(IE,FireFox等)软件知道HTML语言的语法,可以用来查看HTML文档。目前互联网上的绝大部分网页都是使用HTML编写的。
HTML是什么样的
简单地来说,HTML的语法就是给文本加上表明文本含义的标签(Tag),让用户(人或程序)能对文本得到更好的理解。
下面是一个最简单的HTML文档:
第一个Html文档 欢迎访问deerchao的个人网页!
所有的HTML文档都应该有一个标签,标签可以包含两个部分:和。
标签用于包含整个文档的一般信息,比如文档的标题(
标签用于表示链接,在浏览器(如IE,Firefox等)中查看HTML文档时,点击标签括起来的内容时,通常会跳转到另一个页面。这个要跳转到的页面的地址由标签的href属性指定。上面的中,href属性的值就是http://deerchao.net。
通过不同的标签,HTML文档可以包含不同的内容,比如文本,链接,图片,列表,表格,表单,框架等。
HTML对文本的支持是最丰富的,你可以设置不同级别的标题,分段和换行,可以指定文本的语义和外观,可以说明文本是引用自其它的地方,等等等等。
表格是按行与列将数据组织在一起的形式。也有不少人使用表格进行页面布局。
表单通常由文本输入框,按钮,多选框,单选框,下拉列表等组成,使HTML页面更有交互性。
HTML文档可以用任何文本编辑器(比如记事本,UltraEdit等)创建,编辑,因为它的内容在本质也只是一些文本。
某些标签包含的内容中还可以有新的标签,新的标签名甚至可能还可以与包含它的标签的名称相同(哪些标签可以包含标签,可以包含哪些标签也是有规定的)。比如:
加粗,下划线,斜体字也是常用的文字效果,它们分别用,,表示:
还有一些标签,用来指出包含的文本有特殊的意义,比如(表示缩写),(表示强调),(表示更强地强调),(表示引用),
(表示地址)等等。这些标签不是为了定义显示效果而存在的,所以从浏览器里看它们可能没有任何效果,也可能不同的浏览器对这些标签的显示效果完全不同。一篇很长的文章,如果有合适的小标题的话,就可以快速地对它的内容进行大致的了解。在HTML里,用来表示标题的标签有:
HTML 30分钟教程
什么是HTML
...HTML是什么样的
...
图片
标签用于在页面上添加图片,src属性指定图片的地址,如果无法打开src指定的图片,浏览器通常会在页面上需要显示图片的地方显示alt属性定义的文本。
链接
由于HTML文档会忽略空白符,所以要想保证正常的分段换行的话,必须指出哪些文字是属于同一段落的,这就用到了标签
,而用
。
只表示换行,不表示段落的开始或结束,所以通常没有结束标签。
有时,要把文档看作不同的部分组合起来的,比如一个典型的页面可能包括三个部分:页头,主体,页脚。
页头内容主体内容页脚内容
表格
HTML文档在浏览器里通常是从左到右,从上到下地显示的,到了窗口右边就自动换行。为了实现分栏的效果,很多人使用表格(
标签,每个 | 代表一个单元格。
登录后复制
|
||||||
和 | 非常相似,也用在 | |||||||
---|---|---|---|---|---|---|---|---|
代表这个单元格是它所在的行或列的标题。
登录后复制
列表 表格用于表示二维数据(行,列),一维数据则用列表表示。列表可以分为无序列表(
|