不经意邂逅的HTML
人生中串连起来的记忆大多是很多个不经意瞬间,就像与HTML的初次相见。
曾经对网络是如此的向往,但是陌生。对于网络的陌生让我感觉烦恼,就像遇见自己倾心的人,或许并不能让对方倾心,但对自己的倾慕,至少要让对方知道。于是,HTML联系了起了彼此。
HTML,文本标记语言,即Hypertext Markup Language。百度很多关于HTML的详细介绍,无需赘述。
诚如大多数人所言,HTML不应该被称作是一种语言,它只是起到解释作用——告知浏览器该如何显示网页上的元素,HTML并不会进行编译,所以,称之为网页标签或许更为恰当。然而,一个网页该是如何构成呢?
在HTML中,一个“<html>”表示一个网页的开始,而“</html>”则表示一个网页的结束。而在“<html>”与“</html>”之间还包括“<head>”、“</head>”、“<body>”以及“</body>”标签。这三个标签构成了一个最基本的网页。

这样的标签用记事本就可以编写,只要把文件名改为xxx.html它便是一个最简单的网页文件,用浏览器打开之后,什么内容都没有,它只是一个空网页。但是如何让他表现内容呢?我们应该在"<head>"与"</head>"标签之间加入“<title>”与“</title>”使其显示网页标题。
代码:
效果:
这个网页便有了标题,但这个网页与平时看到的网页还是有太大的不同。如果让它显示内容呢?应该在它的“<body>”与“</body>”标签之间加入内容。因此引进“<p>”、“</p>”标签。它表示要显示一个段落。
代码:
代码:
这里有一个要特别说一下的地方,那就是在段落的末尾并没有加段落结束标签“</p>”。这是因为每个段落的开始也就意味着上一个段落的结束,所以“</p>”经常会被省略。到这里,可以很明显的感觉到HTML的一个特性,即HTML都是以一个"<标签名>"开始,然后以一个“</标签名>”结束。因此它可以很好的限制某个标签的某种属性应用的范围。然而什么是标签属性呢?标签属性也就是每个标签各自的属性,不同标签有不同的属性,正是各种标签属性的不同才表现出网页的多样性。例如上面的网页,显然过于单调。用一个简单的例子说明下吧。
代码:
效果:
这里用到的是“<font>”标签的color属性。
由此可以看出,HTML有很多标签,而每个标签还有很多属性。所以,用记事本来编辑开发网站显得异常笨拙。而Dreamweaver简化了一个繁琐的工作。
有了HTML,网页被定义出来,形式多样的网页就可以用文本来描述。然而,对HTML修改来说,成千上万条的HTML无疑会把人逼疯。而且,HTML也面临着一个严重的问题,那就网页的安全性,网页代码完全暴露在世人的眼底。
这是谷歌浏览器Chrome的一个小功能,网页元素审查

刚才的简单网页所有源码全部暴露出来,而对于网站所有者来说,这并不是一件什么好事。网站所有者希望被用户看到的只是源码所呈现出来的效果,并没想把后台代码显现出来。这样也容易让设计者精心设计的成果,很容易被人Ctrl+C(复制),所以,现今单纯的HTML站几乎绝迹。
也正是由于这个原因,新的技术被开发出来。那就是动态网页制作技术。
本文来源 我爱IT技术网 http://www.52ij.com/jishu/1153.html 转载请保留链接。
- 评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)
-
