Python 实战：week1 动手做网页

作业截图：

代码 github 地址

�小结

---

网页常见文件类型

.js文件，控制HTML页面代码，实现复杂的页面效果或功能

JS 资料

.css文件，控制HTML如何展示，让页面展示美观漂亮

CSS 资料

.html文件，用于描述网页的结构、布局，以及基本的页面组件的布放

HTML 资料

相对路径与绝对路径

在页面中，需要指定要使用的 css 、image、js 等静态文件，这就涉及到文件路径，即去哪个找这个文件了

• 相对路径

通常使用相对路径引用静态文件

以当前页面的 HTML 文件定位其他文件的路径。相对于当前文件的路径，网页中一般使用相对路径表示文件的路径。.表示当前目录，..表示上级目录

homework.css    # 当前目录中的 homework.css 文件
./homework.css  # 同上
../homework.css  # 上级目录中的 homework.css 文件

• 绝对路径

从顶级目录\盘符\域名开始，定位静态文件的路径

/homework.css  # Linux 或 mac 中，根目录下的 homework.css 文件
c:\homework.css # windows 系统中，c盘根目录下的 homework.css 文件
http://www.example.com/homework.css # 网站根目录下的 homework.css 文件

相对路径与绝对路径

网页的�构建

需要先分析网页的结构，用div、table进行布局，将页面进行划分，就像房子的户型设计

可以通过div简单区分 HTML 页面头部、内容、底部，然后再在每个div中进一步细分

接着，在每一个div中根据需要，放置table``ul``ol``img``标题``内容等组件元素，元素可以嵌套

要用缩进体现 元素/标签 层次结构，段落标签应该换行

图片、标题等，是块元素，会自动换行

详细见HTML 资料

CSS

学习CSS 资料，写了CSS 学习笔记

JS

这次还没有接触到……

链接的跳转

<a href="#">Home</a>表示不跳转，点击后页面没有反应

<a href="">Home</a>表示跳转到当前页面，点击后回重新加载当前页面

特殊符号

<p>©chaonet</p>

特殊符号的写法