HTML基础知识点总结.pdf

《HTML基础知识点总结.pdf》由会员分享，可在线阅读，更多相关《HTML基础知识点总结.pdf（9页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、HTML知识点总结第一章:知识总结1.HTML 文档结构（括号里面的是注释）VDOCTYPE html*注:标签没有结束标签！（头部部分）（可写可不写）显示在浏览器标题栏中的标题（主体部分）（页面内容）标签中的属性有：bgcolor=颜色（背景颜色）backgrou nd=图片的绝对路径或相对路径（背景图片）2.标题标签n 取 16（设置文字标题）1）一级标题 2）二级标题 3）三级标题4）四级标题5）五级标题6）六级标题3.标签（设置文字属性）要设置的文字4.特殊符号特殊符号代码空格&n bsp;大于号（）>小于号（）&It;引号"版权号（？）©5.行的控制相关标签

2、段落标签（段落的对其方式）换行标签6.图片标签（align 是用于调整图片相对于周围文本的对其方式）7.文字布局1）水平线 2）有序列表的语法（序号类型有：1、a、A、i、I）填写信息（必须用将内容包括起来）填写信息填写信息 3）无序列表语法（序号类型有：disc（默认值，实心圆点）、circle（空心圆环）、square（空心正方形）所写内容（必须用将内容包括起来）4）预格式文本语法（具体的文本格式，这个格式在时是不改变的哦！）8.页面链接语法1）链接到其他页面a href=链接地址”连接标志2）链接到本页面首先创建一个锚链接的锚记点：然后在具体要链接到的地方设置（锚记点前面要加上#号）3）

3、电子邮件链接a href=“mailto 邮件地址”站长邮箱（注意不能忘了mailto)a href=锚记点名称主题名称name:9.滚动标签的语法vmarquee scrolldelay=滚动延迟时间 onmouseover=滚动的文字和图像direction=up/down/left/right(滚动方“this.stop（）（当鼠标指在上面时停止滚动 继续滚动）向)onmouseout=“this.start()(当鼠标离开时第二章知识点总结1.表格的基本框架语法（行）（单元格）2.填充、间距属性cellpaddi ng:内容与单元格内边框线的距离（内填充）间距）cellspaci ng

4、:单元格之间的距离（外第三章知识点总结1.表单的基本结构vformaction=URL name=表单名字method=提交数据的方式（post/get）具体的内容2.表单中的元素1）.元素input行文本框）（单符（单行文本框一一设置密码）（单选按钮-男）（设置单选按钮的时候名字一定要一样）input name=name”type干adiovalue=女”（单选按钮-女）（按钮-提交）（按钮-重置）玩游戏（复选框）2）.下拉列表元素语法：必须有）内容opti onvalue=（内容内容 必须有）内容opti onvalue=（3）.多行文本框元素语法：具体的内容3.框架1）.框架的基本结构（

5、注意：此时不能要 ）vframset cols=“25%*”分隔成左右两部分）rows=“25%,*”分隔成上下两部分）border=框架边框的大小vframe2）.框架页面之间的链接第一步：在设计好的框架页面中给每个部分定义一个名字；Eg:name=窗口的名字”src=此窗口要显示的文件地址”scrolling=yes/no（有无滚动条）noresize（禁止改变框架窗口的大小）Eg:接标志 第四章知识点总结1.样式类型，分为三种1）标签选择器语法：标签属性:属性值；style type=”ext/css”Pfo nt-size:20px;color:blue不需要调用，直接创建标签就能使用

6、2）class 选择器语法：。类名属性:属性值；style type=”ext/css”.my font-size:20px;color:blue调用：在需要使用的地方做为属性来调用（class=类名）3）ID 选择器语法：#名称属性:属性值；style type=”ext/css”#my font-size:20px;color:blue调用：在需要使用的地方做为属性来调用（ID=名称）2 常用的样式属性1）文本属性font-size:字体大小font-family:字体类型font-style:字体样式（斜体）color:字体颜色text-algin:文本的对齐方式（left/right/

7、center）2）背景属性backgro un d-color:背景颜色background-image:url（图片地址”背景图片background-repeat:3）方框属性（1）边界属性margin-left:设置对象的左边距margi n-right:设置对象的右边距margi n-top:设置对象的上边距margi n-bottom:设置对象的下边距（2）填充属性padding-left:设置内容与左边框之间的距离paddi ng-right:设置内容与右边框之间的距离padd in g-top:设置内容与上边框之间的距离paddi ng-bottom:设置内容与下边框之间的距离（

8、3）边框属性border-style:（soild 细边框/dashed/虚边框）边框样式 border-width:边框宽度border-color:边框颜色4）超链接样式A:link未被访问的链接样式A:visited被访问过的链接样式A:hover鼠标悬浮在链接上时的样式A:active鼠标下在按下时链接文字的样式3.样式表的 3 类应用方式1）行内样式表（改变某一行文字的样式）语法：P style=属性:属性值；”文字2）内嵌样式表（在一个页面内使用）语法：style type=”test/css”/样式规则3）的样式）以 CSS 为后缀名的文件。链接外部样式表的两种方式：(1)标签声明外部样式表（改变多个页面中的不同页面元素（repeat/no-repeat/repeat-x/repeat-y）背景图片如何被重复显示link rel=”stylesheet”type=”text/css”样式表文件(2)导入方式style type=”Text/css”import 样式表文件.css;第五章知识点总结1.网站开发流程1）需求分析、确认需求2）网站制作3）测试网页4）发布网站2.网站测试主要包括三个方面1）页面是否美观，布局是否合理2）链接是否完好，有无无效链接3）在不同浏览器中的兼容情况