<002>帮小甲鱼完成宣传页面

戴宇轩 · 发表于 2015-7-2 12:00:51

马上注册，结交更多好友，享用更多功能^_^

您需要登录才可以下载或查看，没有账号？立即注册

x

本帖最后由戴宇轩于 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/
看答案之前自己先试一试！
答案：
游客，如果您要查看本帖隐藏内容请回复

完工了吗？

你已经写出了一个带标记的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>加一点样式

章伯魂 · 发表于 2015-7-2 12:41:33

此帖仅作者可见

小人 · 发表于 2015-7-2 13:35:06

此帖仅作者可见

hldh214 · 发表于 2015-7-3 11:56:57

此帖仅作者可见

shark_cf · 发表于 2015-7-5 23:01:29

此帖仅作者可见

2413780002 · 发表于 2015-7-6 22:00:39

此帖仅作者可见

大冬瓜 · 发表于 2015-7-7 06:51:10

此帖仅作者可见

菱角 · 发表于 2015-7-7 22:24:44

此帖仅作者可见

煈愛 · 发表于 2015-7-8 09:01:17

此帖仅作者可见

shao15232 · 发表于 2015-7-8 19:30:30

此帖仅作者可见

repostaring · 发表于 2015-7-13 12:08:26

此帖仅作者可见

谈笑喝毒酒 · 发表于 2015-7-21 21:38:00

此帖仅作者可见

tuzimina · 发表于 2015-7-28 11:02:43

此帖仅作者可见

王鹏啊 · 发表于 2015-7-28 11:15:40

此帖仅作者可见

小甲鱼 · 发表于 2015-8-6 22:10:15

此帖仅作者可见

癫疯孤独 · 发表于 2015-8-7 14:08:44

此帖仅作者可见

癫疯孤独 · 发表于 2015-8-7 14:12:54

此帖仅作者可见

q450652415 · 发表于 2015-8-10 11:49:15

此帖仅作者可见

2011mapping · 发表于 2015-8-10 21:37:47

此帖仅作者可见

戴宇轩 · 发表于 2015-8-11 08:21:25

此帖仅作者可见

账号		自动登录	找回密码
密码			立即注册

章伯魂章伯魂当前离线 UID 294447 日志相册贡献荣誉积分 745 狗仔卡	发表于 2015-7-2 12:41:33 \| 显示全部楼层此帖仅作者可见
	想知道小甲鱼最近在做啥？请访问 -> ilovefishc.com
	使用道具举报显身卡

小人小人当前离线 UID 303308 日志相册贡献荣誉积分 1634 狗仔卡	发表于 2015-7-2 13:35:06 \| 显示全部楼层此帖仅作者可见
小人小人当前离线 UID 303308 日志相册贡献荣誉积分 1634 狗仔卡	想知道小甲鱼最近在做啥？请访问 -> ilovefishc.com
	使用道具举报显身卡

hldh214 hldh214 当前离线 UID 263749 日志相册贡献荣誉积分 1795 狗仔卡	发表于 2015-7-3 11:56:57 \| 显示全部楼层此帖仅作者可见
	想知道小甲鱼最近在做啥？请访问 -> ilovefishc.com
	使用道具举报显身卡

shark_cf shark_cf 当前离线 UID 211456 日志相册贡献荣誉积分 714 狗仔卡	发表于 2015-7-5 23:01:29 \| 显示全部楼层此帖仅作者可见
	想知道小甲鱼最近在做啥？请访问 -> ilovefishc.com
	使用道具举报显身卡

[技术交流] <002>帮小甲鱼完成宣传页面

马上注册，结交更多好友，享用更多功能^_^

评分

本帖被以下淘专辑推荐:

2413780002 2413780002 当前离线 UID 321682 日志相册贡献荣誉积分 135 狗仔卡	发表于 2015-7-6 22:00:39 \| 显示全部楼层此帖仅作者可见
	想知道小甲鱼最近在做啥？请访问 -> ilovefishc.com
	使用道具举报显身卡

大冬瓜大冬瓜当前离线 UID 312557 日志相册贡献荣誉积分 161 狗仔卡	发表于 2015-7-7 06:51:10 \| 显示全部楼层此帖仅作者可见
	想知道小甲鱼最近在做啥？请访问 -> ilovefishc.com
	使用道具举报显身卡

菱角菱角当前离线 UID 295346 日志相册贡献荣誉积分 97 狗仔卡	发表于 2015-7-7 22:24:44 From FishC Mobile \| 显示全部楼层此帖仅作者可见
菱角菱角当前离线 UID 295346 日志相册贡献荣誉积分 97 狗仔卡	想知道小甲鱼最近在做啥？请访问 -> ilovefishc.com
	使用道具举报显身卡

煈愛煈愛当前离线 UID 307932 日志相册贡献荣誉积分 132 狗仔卡	发表于 2015-7-8 09:01:17 \| 显示全部楼层此帖仅作者可见
煈愛煈愛当前离线 UID 307932 日志相册贡献荣誉积分 132 狗仔卡	想知道小甲鱼最近在做啥？请访问 -> ilovefishc.com
	使用道具举报显身卡

shao15232 shao15232 当前离线 UID 326930 日志相册贡献荣誉积分 4 狗仔卡	发表于 2015-7-8 19:30:30 \| 显示全部楼层此帖仅作者可见
	想知道小甲鱼最近在做啥？请访问 -> ilovefishc.com
	使用道具举报显身卡

repostaring repostaring 当前离线 UID 310116 日志相册贡献荣誉积分 22 狗仔卡	发表于 2015-7-13 12:08:26 \| 显示全部楼层此帖仅作者可见
	想知道小甲鱼最近在做啥？请访问 -> ilovefishc.com
	使用道具举报显身卡

谈笑喝毒酒谈笑喝毒酒当前离线 UID 328371 日志相册贡献荣誉积分 8 狗仔卡	发表于 2015-7-21 21:38:00 \| 显示全部楼层此帖仅作者可见
	想知道小甲鱼最近在做啥？请访问 -> ilovefishc.com
	使用道具举报显身卡

tuzimina tuzimina 当前离线 UID 328647 日志相册贡献荣誉积分 1 狗仔卡	发表于 2015-7-28 11:02:43 \| 显示全部楼层此帖仅作者可见
	想知道小甲鱼最近在做啥？请访问 -> ilovefishc.com
	使用道具举报显身卡

王鹏啊王鹏啊当前离线 UID 329019 日志相册贡献荣誉积分 23 狗仔卡	发表于 2015-7-28 11:15:40 \| 显示全部楼层此帖仅作者可见
王鹏啊王鹏啊当前离线 UID 329019 日志相册贡献荣誉积分 23 狗仔卡	想知道小甲鱼最近在做啥？请访问 -> ilovefishc.com
	使用道具举报显身卡

小甲鱼小甲鱼当前离线 UID 9 日志相册贡献荣誉积分 93750 狗仔卡	发表于 2015-8-6 22:10:15 \| 显示全部楼层此帖仅作者可见
小甲鱼小甲鱼当前离线 UID 9 日志相册贡献荣誉积分 93750 狗仔卡	想知道小甲鱼最近在做啥？请访问 -> ilovefishc.com
	使用道具举报显身卡

癫疯孤独癫疯孤独当前离线 UID 267014 日志相册贡献荣誉积分 166 狗仔卡	发表于 2015-8-7 14:08:44 \| 显示全部楼层此帖仅作者可见
	想知道小甲鱼最近在做啥？请访问 -> ilovefishc.com
	使用道具举报显身卡

癫疯孤独癫疯孤独当前离线 UID 267014 日志相册贡献荣誉积分 166 狗仔卡	发表于 2015-8-7 14:12:54 \| 显示全部楼层此帖仅作者可见
	想知道小甲鱼最近在做啥？请访问 -> ilovefishc.com
	使用道具举报显身卡

q450652415 q450652415 当前离线 UID 321053 日志相册贡献荣誉积分 10 狗仔卡	发表于 2015-8-10 11:49:15 \| 显示全部楼层此帖仅作者可见
	想知道小甲鱼最近在做啥？请访问 -> ilovefishc.com
	使用道具举报显身卡

2011mapping 2011mapping 当前离线 UID 324632 日志相册贡献荣誉积分 57 狗仔卡	发表于 2015-8-10 21:37:47 \| 显示全部楼层此帖仅作者可见
	想知道小甲鱼最近在做啥？请访问 -> ilovefishc.com
	使用道具举报显身卡

戴宇轩戴宇轩当前离线 UID 298230 日志相册贡献荣誉积分 1537 狗仔卡	楼主\| 发表于 2015-8-11 08:21:25 \| 显示全部楼层此帖仅作者可见
	想知道小甲鱼最近在做啥？请访问 -> ilovefishc.com
	使用道具举报显身卡