关于我
一点自我介绍
大家好,我是 mengziqian,这学期开始 正式学 网页制作。
刚接触的时候觉得标签又多又容易记混,后来发现
自己动手敲一遍比光看课本记得牢得多。
我比较习惯 安静的 地方写代码,一旦开始改页面就会 特别 投入。
上面那段话我原本写的是 网页设计,后来改成了 网页制作,
因为现在还在打基础的阶段。
接下来想先做到 把 HTML 学扎实,样式和交互以后再说。
这个页面就是边学边做出来的。
顺便记一下课上讲到的上下标写法:二氧化碳 CO2, 面积单位 m2,一千也可以写成 103。
我的爱好
课余时间喜欢做的事情大概是这些:
- 听音乐
- 民谣
- 纯音乐
- 以前的老歌
- 打羽毛球
- 看小说
- 随手画点东西
- 整理笔记
其中和这门课最相关的还是整理笔记, 把学过的标签归类写下来,复习的时候翻一遍就够了。
学习计划
这学期打算分两步走,先把眼前的事情做好:
- 课本上的例子自己重新敲一遍
- 整理一份常用标签的速查表
- 每次上机课当天把作业补完
- 独立完成一个完整的静态页面
基础部分结束之后,再往下继续:
- 学 CSS,把页面排整齐
- 了解 JavaScript 能做些什么
- 试着把页面放到网上,让别人也能打开
另外有几个概念一直容易混,单独列出来提醒自己:
- DOCTYPE
- 写在文件第一行的声明,告诉浏览器按 HTML5 的规则来解析这个页面。
- 属性
- 写在开始标签里的补充信息,比如 src 说明图片在哪,href 说明链接去哪。
- 锚点
- 先给某个元素起一个 id,再写一个 href 以井号加这个 id 开头的链接,点了就能跳到页面里的这个位置,比如上面导航栏的那几个链接。
标签笔记
把这段时间用到的标签整理成一张表,以后忘了可以直接翻。
| 标签 | 作用 | 容易出错的地方 | 分类 |
|---|---|---|---|
| <h1>~<h6> | 标题 | 一个页面只写一个 h1 | 结构类 |
| <p> | 段落 | 段落之间不要手动敲空行 | |
| <a> | 链接 | 要新窗口打开得加 target="_blank" | 内容类 |
| <img> | 图片 | alt 不能省,图挂了要靠它说明 | |
| <ul> / <ol> | 列表 | 文字必须包在 li 里面 | 列表类 |
| 小结 | 上面这些在这次练习里都实际用到了 | ||
做这个表格的时候,我一开始把跨行和跨列弄反了,
重新数了一遍格子才改对:rowspan 是往下占位,colspan 是往右占位。