html基础与表格笔记..docxVIP

1.****千万不要你的网页裸奔hr标记，标示分割线（单个标记）html标记的语法标记分为两种：单标记双标记只有标记符没有结束的标记为单标记双标记：有头有尾单标记分两种形式：只有标记名没有属性值；有属性值的单标记****源代码效果往往不是网页上的效果口诀：标记分单双div+css布局方式，从2000年开始，国外就有了，2005以后在国内流行出来了在xthml中，所有html标记都要小写，所有标记都要有关闭比如单标记br /换行（不换段）标记当中属性与属性之间用空格来区分，属性不区分先后顺序且不是必须的，所有标记都用小写网页的头部信息是给搜索引擎看的html元素 html标签 html标记这三个其实是一个东西有些html元素，有默认的值html文件最好用英文名来命名****html语义说明我们在写html代码时流程如下：先写我们的控制内容的标记，例如这内容比较重要，可以在语义上加权（有利于搜索引擎），例如：strong关键字/strong这部门内容是该文章网页的主题————推荐使用h1文章标题/h1 该标记能自动加粗换行html用于控制网页的内容2.网页段落文字内容---p段落内容/ph1-h6实际应用当中一般就是用到4***记住我们写代码，或者效果的演变过程********用适合的html标记，去描述我们网页的内容---网站优化技巧在html中，所有标签都必须要用属性值，如果没有，则使用属性名，例如：hr noshade=noshade /------xhtml hr noshade------html定义一个块引用：使用文本缩进blockquote.../blockquotecite url 被引用的地址（表示某某信息来源于那个网站）预格式化：pre/pre用来表示文档当中的原来的代码显示效果图：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注意：当td/td之间没有内容时，默认是不显示边框的，如果想看到，加个nbsp；