html知识点.docx

1、html知识点HTML基本标签:开始标签，以结束，这代表一个开始标签。，标签在HTML一般是成对，在XML或其他标签语言中必须成对。html标签意味一份html文档的开始:结束标签html标签的内容一般有两部分：headbodyhead里有一个很重要的标签：标题title标题的内容页面内容成对标签：标签内容.bgcolor=red:背景色为红，颜色用单词bgcolor=#FF0000可以用6位16进制数表示，前面2位表示红色部分中间2位表示绿色部分最后2位表示蓝色部分background表示背景图片单独标签：例如：hr:align属性表示对齐方式（有：left、right、center）默认是

2、居中（center），width表示宽度，可以用像素或百分比，size表示大小，noshade使得横线进行填充。相对路径与绝对路径：绝对路径：以驱动器开始出发到达目的地的一串地址相对路径：以当前路径为出发地到达目的地的一串地址（路径）例如：绝对路径相对路径获取网上的图片HTML中的注释：:段落，段前段后都要换行，同样可以通过align设置对齐方向。注意：在html文本中不管你输入多少个空格和或者回车，网页结果只空一格，要想空多格或回车需要有特殊字符或者标签。特殊字符：(>全称：great than) (<全称：less than) 空格( ) &(&) 引号（&qu

3、ot;）(©):预定义格式，能够保持html文本中的格式，把空格转为 ；把回车转为.字体：:size属性值是17，由小到大字体越来越大，不会换行，并且3号是正常大小的字体，color属性可以设置字体颜色，size=“+1”表示在size=“3”的基础上加大一号，“-1”表示减少一号,face设置字体的样式。:h1h6,由小到大字体是越来越小，会换行，并且h4是正常的大小字体。:斜体字。、:粗体字。:字体有下划线。:字体有删除线。:字体移动、跑马灯。与其上二流大学 不如读硅谷学院Direction：方向left、right、up、downScrolldelay:移动的速度Scr

4、ollamount:每次移动的长度onMouseOver=this.stop();鼠标移上去就停止滚动onMouseOut=this.start();鼠标离开就继续滚动超链接：普通链接（内部链接、外部链接）：例如：链接第二个页面 链接本地（站点内部）的网页XX页面 链接网络上(站点外部)的一个网页下载 下载文件锚链接（书签链接）：1、 设置锚的链接(抛锚)文本2、 创建一个连接本网页的锚的超链接文本例如：downtop3、 创建一个连接到别的网页的锚的超链接：链接第一个网页的抛锚处邮件链接：联系站长其他：链接记事本 链接其他的文件下载 下载文件标签的嵌套使用：超链接的target属性：Targ

5、et属性值有：_blank 、_self、_top、_parent、框架的名称在默认情况下超链接的target属性是_self._self:在本窗口打开目标页面。_blank:在新窗口打开目标页面。框架的名称:在设置的框架中打开目标页面。_parent:在父窗口打开目标页面。_top:在最顶部的窗口打开目标页面。表格表格 行 单元格可选的标签：thead、tbody、tfoot、caption（表格的标题）、th（列名，居中加粗）可选标签的前面三个主要是将表格进行优化，如果表格数据很多时，就必须所有的内容下载完成后才能显示给用户，用tbody分段，可以一部分一部分地显示，不用等整个表格都下载完

6、成。例如： 姓名 年龄 张三 23 表格标签的先后顺序：table-tr-td表格中存储数据的标签是：td表格中设置Bgcolor、Background属性的优先级：tdtrtableTable的属性：Border：边框的粗细的大小Width：表格的宽度，可以是像素和百分比。Align：设置整个表格的对齐方式。Height：整个表格的高度。Bgcolor：表格的背景颜色。Background：表格的背景图片。Cellspacing:单元格之间的间距。Cellpadding：单元格中文本与单元格边框的间距。Tr的属性中有个属性valign(垂直方向的对齐方式top、bottom、middle)。

7、表格中的跨行、跨列：Rowspan:跨行（纵向）Colspan：跨列（横向）例如： 学员信息 张三 23 李四 24 王五 表单表单的作用：客户端（浏览器）与服务器进行信息交互。哪些地方使用了表单？ 搜索、注册、登陆.表单：表单的元素：文本框： Type：设置标签类型。Name：给标签取个名字，可以使服务器通过名字来取得标签中的信息。Size：文本框的宽度。Maxlength：文本框中最多能输入几个字符。Value：文本框初始时的文本。密码框： 单选框： 男 女注意：name属性值要相同，value属性是单选框的值。复选框：篮球音乐排球旅游注意：name属性值可以不相同，如果不相同服务器获取数

8、据时需要一个一个获取，checked属性是设置复选框初始时被选中。文本区域：本人喜欢IT行业，IT行业好前景注意：textarea要设置初始的文本，是将文本写在标签中间，而不是通过value属性来设置，cols设置一行能显示多少个字母的宽度，rows设置可以显示多少行。文件上传：选择框（下拉列表）： 广东 北京 湖南 纽约 华盛顿 注意：size属性不是设置宽度，而是设置初始显示的选项的个数，value设置值，selected设置初始时被选中，optgroup对选项进行分组。提交按钮：将表单中的数据提交给服务器处理。重置按钮：将表单还原成初始的状态。普通按钮：Fieldset的使用 登陆 用户

9、名：密  码：个人简介： Tabindex: 用来设定按下tab键时焦点的移动顺序,数字越小越先访问。Title：用弹出式帮助来给用户提示。Accesskey：设定页面快捷键，IE为alt+accesskey属性值，FireFox 为alt+shift+accesskey属性值 Readonly：用户不能修改表单控件，控件值将被传送到服务器，控件可以被鼠标和通过tab键选定。Disabled：用户不能修改表单控件，控件值将不会被传送到服务器，控件不能被鼠标和通过tab键选定。表单的属性：Action(必选属性)：表单数据要提交的页面。Method：提交数据的方法。Get（默认）

10、：数据提交，url会显示数据，不安全，并且url字符=255,例如：file:/D:/MyHTML/表单.html?uid=aaa&pwd=123&sex=male&hobby=on Post：数据提交，url不会显示提交的数据。例如：D:MyHTML表单.htmlID与name属性的区别：name的值可以相同（姓名），会传给服务器，方便服务器获取数据，id一般情况下不提倡取相同的值（学号）不会传给服务器。列表和框架无序列表： 星期一 星期二 星期三 星期四 星期五 星期六 星期日Type:设置无序列表的显示情况，属性值有：disc（默认，实心圆）、square（实心正方形）、circle（空

11、心圆）。有序列表： 星期一 星期二 星期三 星期四 星期五 星期六 星期日Type:设置有序列表的显示情况，属性值有：1（默认）、a、A、i、I。框架： 对不起，您使用的浏览器不支持框架！frameset:设置框架的布局。 Cols：纵向设计框架。 Rows：横向设计框架 Bordercolor:设置框架的边框颜色。 Border：设置边框的宽度。Frame：框架。 Src：框架中要显示的页面。 Noresize：设置不能让客户调节框架的大小。 Scrolling：设置框架中不出现滚动条，属性值：no、yes（默认）。Noframe：如果使用的浏览器不支持框架页，就显示noframe中的文本。

12、Iframe:可以单独的作为一个框架插入到网页中。Src 用来指定内联框架中显示的网页Align 设置内联框架在相邻文档中的位置Width，height 设置内联框架区域的宽度和高度Frameborder 设置是否有3维边框(“yes”或”no”)Scrolling 设置是否有滚动条(同)Base标签：作用：为没有包含显示的target属性的当前文档中的每一个超链接设置一个默认目标。例如： 学员老师层叠样式表（CSS）：行内样式：语法：style=”属性：属性值；属性：属性值；.”例如：这句是加了样式表的和下面的类似：这句是加了属性的 注意：其他的样式属性，请参考ftp中的“常用样式属性.tx

13、t”文件。内嵌样式：语法： 选择器属性：属性值；属性：属性值；.分类：标签选择器、类选择器、ID选择器、伪类选择器标签选择器（HTML选择器）： h2color:red;text-align:center;font-style:italic类选择器： .myfontcolor:green;font-family:隶书;font-size:50px使用的地方：硅谷学院注意：调用类选择器样式的时候，需要在标签中加入class=“类选择器名称”。ID选择器： #mhcolor:yellow;font-family:隶书;font-size:30px好好学习 天天向上注意：id属性为以后程序员获取标签

14、设置的，同时也可以设置id的ID选择器样式。伪类选择器： a:linkcolor:black;text-decoration:none/正常情况下 a:hovercolor:red;text-decoration:underline/鼠标悬浮 a:activecolor:green;text-decoration:underline/鼠标点击 a:visitedcolor:yellow;text-decoration:none/访问后超级链接注意：并不是只有超链接可以设置伪类样式，其他的选择器也可以设置伪类样式，比如.myfont:link、.myfont: hover外部样式表：作用：外部样

15、式表其实就是将网页中的样式进行封装，一个外部样式表可以在多个网页中使用，使得样式的编写和html（页面显示）实现了分离。样式表的引入：1、 import 外部样式表.css; 2、注意：rel=stylesheet主要表示外部的意思。 type=text/css表示类型是样式表。样式表的创建步骤：1、 创建样式表文件（文件名.css），并对样式进行设计。2、 将样式表与网页关联。3、 浏览网页，看效果。样式表混合使用时要注意的：从优先级方面：行内内嵌外部从范围方面：外部内嵌行内细边框：方法一： 方法二：注意：使用border属性，语法 boder:边框宽度 边框的样式 边框的颜色Div标签：D

16、iv既可以在平面设计（xy轴），也可以立体设计（xyz轴）。有一个比较重要的属性： position:absolute设置了这个属性后就能在z轴上进行页面的布局。其他属性：Top：设置div与顶部的距离。Left：设置div与左边的距离。Right：设置div与右边的距离。Bottom：设置div与底部的距离。z-index:设置div在Z轴上的高度，越大高度就越高。filter:alpha(opacity=不透明值)设置div不透明度，适用IE。例如：filter:alpha(opacity=60)Div使用：这是第一个区域网页设计时，经常使用div+table+css、div+css进行设计。Span标签作用：没其他特殊的含义，主要就是为了加样式。广东汕头