html标记语言基础知识

做为网络时代的伪Geek,还是需要知道一些网页知识的。

其实每个网页都是一个纯文本文件,浏览器的作用就是将这个文本文件转换成我们所见到的网页。

我们可以开启任何你喜欢的文本编辑器,写上几行html代码,然后保存后缀为htm或html,之后用浏览器来打开它,就可以看到自己所写的页面了。

再次提到,如果你右击网页的空白区,一般可以看到“查看源代码”或者”View Page Source”之类的选项,选中之就可以查看当前页面在木有浏览器的作用时的样子。如果你打开的网页不是过于牛X,一般都是html语言或者其派生语言(XML、XHTML等)所写。

html语言使用“标签”来定义网页元素,格式是<tagname>。比如作用域最大的<html>标签,就是管理整个源码,在这个标签的作用域之外的东西浏览器是不会显示出来的。(但是在源代码中可以看到)

与此同时,每个html标签都是成对的,就像括号一样,闭合的标签格式是</ tagname>,规范的代码每个标签都应该闭合。(虽然有时候即使你不闭合浏览器也能正常显示)

//特别需要注意的是由于换行也是一个标签<br>,所以要写成<br></br>或者<br />,同理类似的还有图片标签<img />等。

大体上来说,一个网页分为两部分。

第一部分位于<head>与</head>之间。

这部分的内容一般不会直接显示在页面上,用来给百度之外的搜索引擎提供搜索信息,定义一下本网页使用的编码,或者写一些Javascript或者其他语言的代码。

但是由于<meta>标签的滥用,貌似Google也不是很在意这部分了,但是好好写还是有用的。

其中能够在浏览器上直接看到的也就是<title>标签,这部分的内容显示在浏览器标题(IE的低端版本)或者浏览器的标签上(此标签非彼标签)。

第二部分位于<body>与</body>之间。

这部分就是网页的主要部分,也是网页的主体结构,也是网页的内容。

现在就是最复杂困难的工作了,用标签定义网页中的每一个元素。

比如用<div>定义板块,<h1>-<h6>来定义不同层次的标题,<p>定义段落,<span>定义一段文字,<table>定义表格等,又是繁杂的过程。

 

考虑到链接标签<a>,初学者可能会写出类似&lt;a&gt;http://www.wikipedia.org&lt;/a&gt;这样的代码,但是这样是无效的(http://www.wikipedia.org),标签对之间的内容会被显示在页面上,但是单击没有效果。

所以如果需要真正的链接,那么需要在<a>标签内定义其他信息,比如链接的地址,比如这样:&lt;a href="http://www.wikipedia.org"&gt;维基百科&lt;/a&gt;(效果:维基百科)。

其他标签也有一些类似的属性,又是一次大学习。

特别注意的是基本上所有的标签都有id与name等属性,是这个标签的“身份信息”,在之后的样式文件以及动态页面中需要对特定标签进行编辑的时候十分有用。

暂时就写到这里吧,自己动手才是最好的教程。

Update:T神指出<br>标签用<br />来闭合。