文档库 最新最全的文档下载
当前位置:文档库 › html基础与表格笔记

html基础与表格笔记

html基础与表格笔记
html基础与表格笔记

1.****千万不要你的网页裸奔

hr标记,标示分割线(单个标记)

html标记的语法标记分为两种:单标记双标记

只有标记符没有结束的标记为单标记

双标记:有头有尾

单标记分两种形式:只有标记名没有属性值;有属性值的单标记

****源代码效果往往不是网页上的效果

口诀:标记分单双

div+css布局方式,从2000年开始,国外就有了,2005以后在国内流行出来了

在xthml中,所有html标记都要小写,所有标记都要有关闭比如单标记
换行(不换段)标记当中属性与属性之间用空格来区分,属性不区分先后顺序且不是必须的,所有标记都用小写

网页的头部信息是给搜索引擎看的

html元素html标签html标记这三个其实是一个东西

有些html元素,有默认的值

html文件最好用英文名来命名

****html语义说明我们在写html代码时流程如下:先写我们的控制内容的标记,例如这内容

比较重要,可以在语义上加权(有利于搜索引擎),例如:关键字

这部门内容是该文章网页的主题————推荐使用

文章标题

该标记能自动加粗换行

html用于控制网页的内容

2.网页段落文字内容---

段落内容

-

实际应用当中一般就是用到4

***记住我们写代码,或者效果的演变过程*****

***用适合的html标记,去描述我们网页的内容---网站优化技巧

在html中,所有标签都必须要用属性值,如果没有,则使用属性名,

例如:


------xhtml


------html

定义一个块引用:使用文本缩进

...

cite url 被引用的地址(表示某某信息来源于那个网站)

预格式化:

用来表示文档当中的原来的代码显示

效果图:

3.传统的网页布局方式————使用table表格table原用于保存数据,保存有格式的清晰的数据布局————table————改用div+css

布局思想————排版

从大到小排版

从左到右排版,从上向下排版————按人视觉

效果如下图:

表格用于固定数据在网页上的位置。

例子效果如下图:

代码效果如下图:

表格的边框和单元格的边框在默认的情况下cellspacing的值为2,改为0之后,在下面的例子效果图可以看到效果:

单元格的合并:

合并思想:当将多个内容合并时,就会有多余的东西,删除;例如:有三列3个td,当合并时,需要删除2个。注:合并单元格就是删除多余的td。

效果图如下:

表格的合并行效果:

表格应用小练习:

效果图如下:

表格的凸起效果:

bordercolorlight表示表格边框左边和上边的颜色,却是单元格边框右边和下边的颜色;而bordercolordark与之相反。

注:立体表格效果其实就是将表格的亮边框颜色与暗边框颜色进行对比;表格自身有边框,单元格自身也有边框。

凹陷效果就是将bordercolorlight和bordercolordark的颜色只对调即可。

细线表格效果:

公式:1.将表格自身边框粗细(border=0)

2.给表格设置背景颜色

3.给表哥设置单元格之间的距离(该距离就是线条的粗细)

th标签还会自动居中

如上图红圈里面所示,td改为th

注意:当之间没有内容时,默认是不显示边框的,如果想看到,加个 ;

韩顺平html笔记

HTML 一、HTML有关知识点 1.html介绍 html是一种标记语言,主要的用途是开发网页,使用html可以展现文字、图片、视频、声音,html是我们web开发(网站开发)。 2.html可以做什么 ?html可以编写静态网页 ?该静态网页可以包括文字、图像、动画、声音、表格、链接。从而构成一个个漂亮的网页 3.Html发展历史 4.Html的基本结构 5.是标记(也叫元素),标记的一般格式: <元素名[属性=“属性值”]>元素内容 如果没有内容可以用:<元素名[属性=“属性值”]/> 6.Html实体标记 7.Html常用标记

?html超链接 ●_blank 新的窗口 ●_self 本窗口 ●_parent 父窗口 ●_top整个浏览器窗口 ?html图像元素 ?html表格

--用于说明行 --用于说一小格
?无序列表
?有序列表
?框架 ?表单元素 文本框: 密码框: 单选框: 复选框:checked是指默认选中的 隐藏域: 图片按钮: ?文本域: ?下拉菜单: