通过首周对PHP的入门了解,大体上对PHP有了初步的认识。下面对本周的学习进行总结。
首先了解了两种网站默认首页:index.html和default.html。
div
接着学习了div,本意上div就是方框,但我们把所有可以自动换行的元素都可以看成div,也就是盒子模型。div中一些命令:background-color背景色、width宽、height高、float浮动,以及清除浮动.clear。还有border边框、margin外边距、padding内边距、border-radius圆角。
文字
文字的添加和设置:<h1>-<h6>文字大小、<p>段落标签、<br>换行、 空格、text-indent缩进(这里只段落的首行缩进)。
列表
列表:<ul>无序列表、<ol>有序列表、list-style:none去点、text-align:center文本水平居中、line-height行高(列表中通过设置行高来设置文本的水平居中)、<li>定义列表、hover选择鼠标移动到链接上的特殊样式(可用于所有元素,不只是链接)。
图片
图片:<img>图片标签、<img src="图片地址" alt="图片说明“></img>、alt的作用有两个1.当图片不存在时,显示占位 2.利于SEO(搜索引擎)优化。
超链接
超链接:<a>超链接、<a herf="地址"></a>,<a>标签的作用有三个:1.作为本地文件的超链接 2.超链接至网页 3.作为锚点,打开新网页保留原网页。<a target="_blank">使用target属性定义被链接文档在何处显示</a>、text-decoration文字链接去除下划线。
表格
表格:<table>表格、<caption>表格标题、<th>表头、<tr>行、<td>列、<thead><tbody>表格表头及内容,利于SEO(搜索引擎)的区分,不显示任何效果、colspan合并行单元格、rowcolspan合并列单元格、font-size字号。
背景图片
背景图片:background-p_w_picpath背景图片url属性添加地址、background-repeat背景重复(分三个属性no-repeat不重复、repeat-x横向重复、repeat-y纵向重复)background-size背景图片尺寸。
首周主要以入门了解为基础,对于代码格式的安排比较重要,要清楚地表达其父子包含关系,养成一个良好的书写习惯之后会很有条理性,便于后期代码的检查与更改。