web前端基础.doc

1. 建立你的第一个网页 1.1 任务描述 创建一个HTML文件，比如task0001.html文件，在里面实现一些代码，完成你的第一个网页。 这个页面中，需要有以下内容： 一个一级标题，内容是你的Github账号 一个无序列表，包括2个项目，里面每一个项目是一个链接，分别链接到task0001.html以及你的微博（或其他什么网站） 一个二级标题，内容随意（不能违法、反动、色情等） 一个段落，内容随意（不能违法、反动、色情等） 一个图片（不能违法、反动、色情等） 1.2 期望达成 了解什么是Web 了解什么是HTML 了解一些基本的HTML语法及标签 能够写出自己的第一个HTML 1.3 参考资料  HYPERLINK /question知乎上的一些Web基本概念介绍  HYPERLINK /learn/9 慕课网HTML+CSS基础课程  HYPERLINK /html/index.asp w3school html教程  HYPERLINK /zh-CN/docs/Web/HTML/Introduction MDN HTML 2. 给你的网页加点样式  HYPERLINK /baidu-ife/ife/tree/master/task/task0001 \l 21-任务描述 2.1 任务描述 学习以下CSS是怎么运作的，然后创建一个task0001.css的文件，并在task0001.html中引入它，然后我们对task0001.html做一些让他变得花哨一点的事情： 让一级标题的文字颜色变成蓝色 二级标题的文字大小变成14px 段落的文字大小变成12px，文字颜色是黄色，带一个黑色的背景色 图片有一个红色的，2px粗的边框 效果如下图： 2.2 期望达成 了解什么是CSS 了解HTML与CSS是如何一起工作的 了解基本的CSS语法 尝试使用几个简单的CSS属性  HYPERLINK /baidu-ife/ife/tree/master/task/task0001 \l 23-参考资料 2.3 参考资料  HYPERLINK /zh-CN/docs/Web/Guide/CSS/Getting_started MDN CSS的1，2，3节  HYPERLINK /css/index.asp w3school css  HYPERLINK /learn/9 慕课网HTML+CSS基础课程 4. CSS基础  HYPERLINK /baidu-ife/ife/tree/master/task/task0001 \l 41-任务描述 4.1 任务描述 接下来我们深入学习HTML、CSS，首先深入了解CSS的各种选择器、继承、层叠、样式优先级机制。  HYPERLINK /baidu-ife/ife/tree/master/task/task0001 \l 42-期望达成 4.2 期望达成 掌握CSS各种选择器 掌握CSS的继承、层叠、样式优先级机制  HYPERLINK /baidu-ife/ife/tree/master/task/task0001 \l 43-参考资料 4.3 参考资料  HYPERLINK /zh-CN/docs/Web/Guide/CSS/Getting_started MDN CSS的第4、5节  HYPERLINK /css/index.asp w3school css 5. 让页面样式丰富起来  HYPERLINK /baidu-ife/ife/tree/master/task/task0001 \l 51-任务描述 5.1 任务描述 在你的task0001.html中，快速实践以下文本相关的所有属性内容： text-indent text-transform text-decoration text-align word-spacing white-space color line-height font font-family font-size font-weight font-face  HYPERLINK /baidu-ife/ife/tree/master/task/task0001 \l 52-期望达成 5.2 期望达成 掌握文本、文字、链接相关的样式属性 掌握背景属性 掌握列表相关的样式属性 深入了解行高属性  HYPERLINK /baidu-ife/ife/tree/master/task/task0001 \l 53-参考资料 5.3 参考资料  HYPERLINK /zh-CN/docs/Web/Guide/CSS/Getting_started MDN CSS  HYP