我们可以把互联网想象成一个图书馆，而网站就是图书馆里面的书，而网页就相当于书的每一页，没有互联网谈网页就跟没有妹子你谈一件裙子很漂亮一样，因为大街上不会有裙子在街上自己走。
作为20世纪最伟大的发明，我觉得我30岁以前最伟大的发现就是遇见了互联网和苍老师，前者告诉了我世界是那个样子的，后者告诉我女人的世界是那个样子的，再后来我玩互联网玩的很666，然后苍老师就结婚了。
这个故事教育我们，互联网玩的太6的男人容易没有头发和女朋友。
1987年发生了两个著名的事件，第一个是中国互联网的诞生，第二个就是大彬哥的诞生。我想那个时候同意把互联网引入中国的某领导一定很后悔，他一定想的是无非就是人民日报的电子版，可是他不知道的是，电脑是有键盘的，好吧，就说到这里吧，说多了容易被和谐……
我倒不是想说互联网的黑历史，我只是想说网页其实跟报纸还是很像的。
比如：
2-1.png
苍老师结婚了，我只想说，给我一个微信我想给你随点份子钱。一个外国人，不远万里来到中国，毫不利己，专门利人，为了中国男人的娱乐事业， 这是什么精神。这是国际主义精神，这是共产主义精神。一个人能力有大小，但只要有这点精神，就是一个高尚的人，一个纯粹的人，一个有道德的人，一个脱离了低级趣味的人，一个有益于人民的人。我决定删除我的d:\学习资料\css资料\img\隐藏文件夹，所有教学视频。
但是，我得让她发挥点余热。
比如这么一个网页，怎么写出来。
好吧，Let's do her a Ticket.
我们说了，前端HTML是负责结构的，那么结构具体都有什么呢？
先甭管别的，先把这个架子先复制粘贴过去，我们先写内容。软件安装不墨迹了，webstorm会装游戏就会装这个软件，一直next就OK.先干一梭子代码。
2-2.png
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
这里是写代码的，我擦嘞，居然能够，在页面内显示
</body>
</html>
妥妥的，你的第一个网页就写完了，简单吧。
但是我们的目标是，苍老师的页面。
首先作为新闻得有标题，
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<h1>苍老师:大彬哥，别想我，我走了</h1>
<h2>苍老师:大彬哥，我走了</h2>
<h3>苍老师:我真的走了</h3>
<h4>苍老师:我走了</h4>
<h5>苍老师:走了</h5>
<h6>苍老师:了……</h6>
<h7>别逼逼，走吧没有h7</h7>
</body>
</html>
有标题，一个页面就有一个h1,一般用h2 h3比比较多，就得有正文：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<h1>苍老师，你好，苍老师再见！</h1>
<p> 一天去医院输液，一个护士过来给我化验抽血，我突然想起一个段子，于是装作不懂的样子，问到：这绑在我胳膊上的皮筋是啥啊？</p>
<p>护士答：压脉带。</p>
<p>我：什么啊？</p>
<p>护士急：压脉带，压脉带。</p>
</body>
</html>
你懂的，无图无真相。
2-3.jpg
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<h1>苍老师，你好，苍老师再见！</h1>
<p> 一天去医院输液，一个护士过来给我化验抽血，我突然想起一个段子，于是装作不懂的样子，问到：这绑在我胳膊上的皮筋是啥啊？</p>
<p>护士答：压脉带。</p>
<p>我：什么啊？</p>
<p>护士急：压脉带，压脉带。</p>
<img src="2-3.jpg">
</body>
</html>
我知道你想干啥，是不是每次你看见这个都想点进去，看看番号什么的？搞个超链接，
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<h1>苍老师，你好，苍老师再见！</h1>
<p> 一天去医院输液，一个护士过来给我化验抽血，我突然想起一个段子，于是装作不懂的样子，问到：这绑在我胳膊上的皮筋是啥啊？</p>
<p>护士答：压脉带。</p>
<p>我：什么啊？</p>
<p>护士急：压脉带，压脉带。</p>
<img src="2-3.jpg">
<a href="http://www.baidu.com">点我啊，有本事点我啊</a>
</body>
</html>
好，到不目前为止，我们有标题，有内容了，有图片了，还有链接了，现在就像裸奔的妹子一样不好看（特殊爱好的私聊），剩下的事儿就是弄个装饰什么的，比如搞点颜色，文字颜色了，比如图片大小了，比如文字怎么对齐了，这些下节课讲。
临走，记住一句话，JS大法好，信彬哥，得永生。
网友评论