| 希望对想自己做模板的同学有帮助:)
1. html常识 html是网页的基本语言,代码是英文,往往由头尾一对*代码组成,开头和结尾的符号分别是<></>。比如: <table></table> <tr></tr> <span></span>
在pinbu,按回车键的话,代码默认为换段落的行为,转成符号就是<p></p> 比如,"输入A-回车-输入B",见到的效果是 A
B 代码为:<p>A</p><p>B</p>
如果想不要这么隔一行的换行,按shift+回车就可以: A B 代码:<p>A<br>B</p>
*所以html里也有单句代码,比如<br>这个换行的符号。
作业1:请写出这一段的代码 A
B
C D
2. table / 表格 表格在做网页时几乎不能不用,用来排版(但表格不是唯一的排版途径)。 table代表表格:<table></table> tr代表行/row:<tr></tr> td代表列/column:<td></td>
对熟悉word的人来说,表格应该很好理解,比如这三个表格的代码分别是:

表格1:<table><tr><td></td></tr></table>
表格2:<table><tr><td></td><td></td></tr></table>
表格3:<table><tr><td></td><td></td></tr> <tr><td></td><td></td></tr></table>
作业2:请写出这2个表格的代码

3. 表格的宽度&高度 宽度代码是width,高度是height,由数字或百分比来确定。
以mollychicken的模板为例,先看她的博客的主体部分,可以说由三个列/column组成,列的宽度都固定不变:

这样的表格做出来的网页页面固定,不会因为浏览器缩放而变化:

我们照着来做一个这样的表格,表格总的宽度是1200pixel,第1列和第3列的宽度各为250,中间那列的宽度为700:
 代码如下: <table width=1200><tr><td width=250></td><td width=700></td><td width=250></td></tr></table>
注意:做这样的网页时,要考虑到浏览者用的电脑屏幕的分别率
...........................
我的模板主体部分其实也有三个列,只是最左边一列很窄:

和上面模板的区别是,浏览器缩放时,旁边两列宽度不变,但中间一列宽度可随之变化:
 代码大概如下,把整个table的宽度定义成百分比,中间一列宽度不定义即可: <table width=100%><tr><td width=20></td><td></td><td width=250></td></tr></table>
作业3:如果做这样一个表格,只有1行,只有1列,宽度800,高度300。代码是什么?

今天先写到这里了,收到三个问题的准确答案后,我才会勤奋地继续 |