HTML揭秘
Hypertext Markup Language，直译过来就是超文本标记语言，听起来好像很复杂的样子，抛开超文本标记不谈，它其实就是一门语言，一门Web世界能识别的语言，就好比你打算跟一个英国人交流，必须得先学会英语一样，要想进入Web世界，就得先学会它的语言，这门语言也很简单，就是在我们常用的文本前面加上一些标记，这样浏览器就会按照相应的规则将对应的文本展示在屏幕上，文本标记语言由此得名，那所谓的超文本又是指什么呢，也就是在上述的标记中有一些特殊功能的标记，它能够让你摆脱单个页面的束缚，链接到其他页面，从而畅游整个Web世界。
听完上面这个描述，是不是觉得HTML就没那么神秘了呢。接下来用一个简单的例子让你从整体上更加直观的认识下HTML，交上HTML这个朋友，领略Web世界的风采，图片是在浏览器显示的结果。（你也可以亲自动手在电脑中输入体验下效果，Windows系统打开Notepad，Mac系统打开TextEdit，将下面内容复制进去，并确保将文件保存为带“.html“扩展名的文件，最后打开浏览器，找到刚保存的文件，直接拖入到打开的浏览器即可。）
<!DOCTYPE html>
<html>
<head>
<title>My First Page</title>
</head>
<body>
<h1>This is My First Page</h1>
<p>Hello World!!!!!!!!</p>
</body>
</html>
HTML结构
任何语言除了有基本的元素外，还必须有相应的语法结构，就像英语除了有基本的单词外，还得有主谓宾这样的句式结构，只有按照大家都认可的结构写出来的英语才能交流，同样HTML除了包含文本跟标签这样的元素外，也有对应的结构，以指导浏览器按照大家熟知的结构进行显示，如下就是HTML最基本的结构，可以对照上面刚刚讲的例子好好琢磨下，注意只有body部分的内容才会在浏览器中显示，你平时看到的更加复杂的网页，都是在此基础上进行演变的。
HTML标签
<html></html> <head></head> <title></title> <body></body> <h1></h1> <p></p>
这是在基本结构里出现的所有标签对，我们称之为标签对，是因为他们都是成对出现的，带“/”的都是结束标签，不带“/”的都是开始标签，这样他们就能很好将各自的文本约束好了，当然也有些标签只有开始标签，总共没几个，实际多用几次就记住了，由于现在在用的便签总共有100多个，就不在这里逐个讲解了，附上完整的链接，里面每个标签都有相应的实例展示，有时间可以都点开看看，并不需要每个都记住，知道在哪里能找得到就行。HTML标签查询
标签属性
为了对标签显示的内容有更好的控制，以及对标签进行操作，HTML还特地为每个标签增加了属性，比如img是用来展示图片的，为了告诉浏览器这个图片来自哪里就为其添加了src属性，为了更好控制图片的大小，为其添加了width/height属性，一个完整的示例如下：
<img src="图片存放地址" width=50px height=80px>
总结
以上是对HTML的一个总体介绍，参照对应的链接，你也可以尝试着写一个属于你自己的网页，你可能会觉得不好看，或者跟你平时看都的网页还存在很大的差距，为了给你的网页增加一些样式，你可能需要了解CSS相关的知识，为了让你的网页跟用户产生交互，你可能还需要了解JavaScript相关的知识，但是看完这篇文章的你，对HTML已不再是那么陌生，欢迎你正式步入Web世界。
389
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
