html次日笔记

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>之间没有内容时,默认是不显示边框,若是想看见&nbsp;

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】、锚点链接-----能够跳转到某个页面的某个位置

相关文章
相关标签/搜索