<002>帮小甲鱼完成宣传页面
本帖最后由 戴宇轩 于 2015-7-3 08:34 编辑如果上一课你选了A,B或D，那你现在可以关掉这个页面……
小甲鱼知道你要帮忙，很高兴，于是在便笺上潦草地写下了这些东西，然后递给你。。。
来看看便笺上写了什么。你能确定它的大致结构吗?换句话说，有没有明显的标题，段落?有没有少了点什么，比如页面标题?
画个草图，在上面标出你看到的结构，再增加你认为缺少的内容。
创建鱼C的页面
当然，现在唯一的问题是，你还没有创建过任何Web页面。。。
别担心，以下就是你要做的工作:1. 用你喜欢的文本编辑器创建一个HTML文件（.html）
2. 写下小甲鱼在便笺上写下的菜单，不要考虑标签
3. 将文件保存为"index.html"
4. 在你喜欢的浏览器中打开"index.html"等待见证奇迹的时候吧!这是编辑器里的内容，看起来很不错!
我用的编辑器是Visual Studio Code，https://www.visualstudio.com/products/code-vs
下面是在浏览器中的实际效果。。。
如果你看到的是乱码，右键单击页面，然后在编码里选中"Unicode(UTF-8)"
增加一些结构
我们刚才只是写入了一些文本，然后在浏览器中查看而已，所以我们并没有告诉浏览器其中的结构，下面我们就来给这段文字加上结构！
这是我们输入的内容，上面已经有了一些结构，试着补全它的结构<h1>零基础入门学习Python, ￥0.00</h1>
在这里，你可以学到面向对象的Python编程，甚至还有Tkinter和Pygame!!!
极客首选之Python, ￥0.00
<p>大坑待填Oo……</p>
更多信息请访问http://blog.fishc.com/
看答案之前自己先试一试！
答案：**** Hidden Message *****
完工了吗？
你已经写出了一个带标记的HTML页面，但是你已经见过了<html>, <head>, <body>和<title>这样的标记，我们只要增加这些标记，让它成为一个一流的HTML页面！<html>
<head>
<title>FishC Study</title>
</head>
<body>
<h1>零基础入门学习Python, ￥0.00</h1>
<p>在这里，你可以学到面向对象的Python编程，甚至还有Tkinter和Pygame!!!</p>
<h1>极客首选之Python, ￥0.00</h1>
<p>大坑待填Oo……</p>
<p>更多信息请访问http://blog.fishc.com/</p>
</body>
</html>1. 首先，我们用<html>将整个文档包围起来
2. <head>标签负责告诉浏览器关于这个页面的信息，比如标题
3. 在<head>里插入<title>，使标题显示在浏览器顶端
4. 页面主体包括<body>和</body>，还有它里面的所有内容，也就是我们看到的内容
再次测试
太棒了！页面正确地显示了我们想要的内容！
标记剖析
好的，你已经见过不少标记，我们来看看这些标记是怎样工作的。。。
小练习
小甲鱼匆忙跑过来，对你说
然后拿出一张纸条
你能帮小甲鱼完成宗旨页面吗？（回复在本帖）
答案下一课揭晓。。。
下一课
<003>加一点样式