1、html第一天重点复习,经过一个案例html
1.什么是html----超文本标记语言ide
2.html做用-----控制网页内容,描述内容。布局
3.制做一个html文档,制做过程优化
4.网页中内容,使用适合的标记来进行描述spa
2、制做过程:
设计
1.先分析页面结构,这个页面内容大概分为哪些部分htm
2.在适合的html标记中,加入页面的内容(信息)---信息载体---文字、图片图片
*****记住,某些html标记,都有默认值资源
h1~h6标记,默认文字是怎么显示,加粗显示文档
3、传统的网页布局方式-----使用table表格
其实tale表格,原来是用于保存数据的,保存这种有格式清晰的数据。
布局-----table
布局思想----排版----
1.从大向小排版
2.从左向右排版
3.从上向下----按人视觉
*****在editpuls代码中,缩进技巧:tab键---向右缩进,向左缩进---shift+tab键
4、表格标记
1.合并的思想:当将多个内容合并时,就会有多余的东西,删除
例如:有三列 3个td,当合并时,就须要删除2个
合并单元格,就是删除多余的 td
推出一个合并删除td公式:删除的个数=合并的个数-1
2.立体表格效果,其实就是将表格的亮边框颜色与暗边框颜色进行对比。
*******表格自身有边框; 单元格自身也有边框。
*******细线表格效果公式:
【1】、将表格自身的 border=0
【2】、给表格设置背景颜色====细线颜色
【3】、给表格设置,单元格之间距离====细线粗细
******当<td></td>之间没有内容时,默认是不显示边框,若是想看见
3.表格基本结构:
<table>...</table>---定义表格
<tr>...</tr>----定义表行
<td>...</td>----定义表列(单元格)
<th>...</th>----定义标题栏(文字加粗,居中)
5、仿站---www.hao123.com
1.结构分析图
2.布局有小技巧,能够经过标签嵌套实现一些复杂布局
3.******使用hml标签时,最好的方式是用适合的标签描述数据
4.******一个网页设计水平,代码精简程度
<table>标签下的边框设置
frame: void---不显示表格的边线
above---只显示出表格的上边线
below---只显示出表格的下边线
hsides---只显示表格的上下边线
lhs---只显示表格的左边线
rhs---只显示表格的右边线
border/box---显示表格的全部边线
(该属性必须在border的属性值不为0的状态下!)
rules: rows---只显示出横行的格框线
cols---只显示出直行的格框线
all---显示所有格框线
groups---表示列组合水平部分
none---不显示任何格框线
6、超连接:就像人体的血液,是互联网血液。
有了连接就能够把互联网资源联系起来。
连接重要的使用原则,必须是回路,有去有回。----优化相关连接
连接分类:
【1】、站内连接
【2】、站外连接
【3】、邮箱连接
【4】、锚点链接-----能够跳转到某个页面的某个位置