1. !DOCTYPE html 标签的作用是什么？
答：此标签告知浏览器你的HTML文档是基于哪一个标准开发的。例如，！DOCTYPE html标签告知浏览器HTML文档是基于html5开发而成。DOCTYPE标签一定要放到开头的位置。
2. head元素中必须要有的元素是哪一个？
答：head元素中必须要有的元素是title元素。
3. 通常，在网页中可见的内容是包含于哪个标签中？
答：通常在网页中可见的内容是body标签中的。
4. 请写出下图中 A、B、C、D 的名称。
答：A . href 属性；B . href 的属性值；C .a 元素的内容；D . a 元素
5. 请问下面代码存在什么问题？（共有 6 处错误）
<DOCTYPE html5>
<html>
<head>
<title>第一个程序</title>
</head>
<body>
<h1>Hello</h1>
<img src='img/FishC.png"alt="鱼C-Logo" width="256px" height="256px">
<a href="http://bbs.fishc.com" target="blank">学习中遇到不会的问题，可以在鱼C论坛提问哦~</a>
<p>I <h3>love</h3> FishC.com!</p>
</body>
</html>
答：第一行改正如下：
<!DOCTYPE html>
第八行改正如下：
<img src="img/FishC.png" alt="鱼C-Logo" width="256px" height="256px
注释：
1.多个属性间应该使用至少一个空格分隔。
2.可以使用成对的单引号或双引号将属性值包裹起来，但绝对不能混用。
第九行改正如下：
<a href="http://bbs.fishc.com" target="_blank">学习中遇到不会的问题，可以在鱼C论坛提问哦~</a>
注释：注意 _blank 前面是有下划线的。
第十行改正如下：
<p>I love FishC.com!</p>
注释：属于标题标签的滥用，<h1>~<h6>标签永远只用于表示标题的层级关系。）
6. 请自己动手编写一个网页，内容如下（点击“传送门”可以打开一个新窗口，跳转到对应的网页）
自己做题的时候答案如下：
<!DOCTYPE html>
<html>
<head><title>配套学习资料</title>
</head>
<body>
<h1>《零基础入门学习Web开发》配套学习资料</h1>
<p>课堂案例在线演示：<a src="www.baidu.com">传送门</a></p>
<p>HTML5速查宝典：<a src="www.baidu.com">传送门</a></p>
<p>CSS3速查宝典：<a src="www.baidu.com">传送门</a></p>
<p>扩展阅读、知识点备忘、课后作业和阶段考核：<a src="www.baidu.com">传送门</a></p>
</body>
</html>
运行后发现并没有链接成功，仔细检查后发现应该为a href="……"
正确答案应该为：
<!DOCTYPE html>
<html>
<head><title>配套学习资料</title>
</head>
<body>
<h1>《零基础入门学习Web开发》配套学习资料</h1>
<p>课堂案例在线演示：<a href="www.baidu.com">传送门</a></p>
<p>HTML5速查宝典：<a href="www.baidu.com">传送门</a></p>
<p>CSS3速查宝典：<a href="www.baidu.com">传送门</a></p>
<p>扩展阅读、知识点备忘、课后作业和阶段考核：<a href="www.baidu.com">传送门</a></p>
</body>
</html>
运行后的界面截图如下：
279
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
