HTML基础知识点总结

HTML学问点总结第一章学问总结

1.bHTML文档结构/「（括号里面的是注释）!DOCTYPE html*注!DOCTYPE标签没有结束标签！html head（头部部分）meta-equiv=Content-Type”content=text/html”;charset=gb2312（可写可不写）〈title）显示在阅读器标题栏中的标题〈/title〉/headbody（主体部分）（页面内容）/body/html标签body中的属性有bgcolor=颜色（背景颜色）background二图片的确定路径或相对路径（背景图片）2class选择器语法O类名{属性:属性值；style type=text/css”.my{font-size:20px;color:blue/style调用在须要运用的地方做为属性来调用class二类名3ID选择器语法#名称{属性:属性值；style type=text/css”#my{font-size:20px;color:blue/style调用在须要运用的地方做为属性来调用ID二名称

2.常用的样式属性1文本属性font-size:字体大小font-family:字体类型font-style:字体样式斜体color:字体颜色text-algin:文本的对齐方式left/right/center2背景属性background-color:背景颜色background-image:url“图片地址”背景图片background-repeat:repeat/no-repeat/repeat-x/repeat-y背景图片如何被重复显示3方框属性1边界属性margin-left:设置对象的左边距margin-right:设置对象的右边距margin-top:设置对象的上边距margin-bottom:设置对象的下边距2填充属性padding-left:设置内容及左边框之间的距离padding-right:设置内容及右边框之间的距离padding-top:设置内容及上边框之间的距离padding-bottom:设置内容及下边框之间的距离3边框属性border-style:soild细边框/dashed/虚边框边框样式border-width:边框宽度border-color:边框颜色4）超链接样式A:link{}未被访问的链接样式A:visited被访问过的链接样式A:hover{}鼠标悬浮在链接上时的样式A:active{}鼠标下在按下时链接文字的样式

3.样式表的3类应用方式1）行内样式表（变更某一行文字的样式）语法P style二属性属性值；文字/P2）内嵌样式表（在一个页面内运用）语法style type=test/css”〃样式规则/style3）外部样式表（变更多个页面中的不同页面元素的样式）以CSS为后缀名的文件链接外部样式表的两种方式（l）〈link标签声明link rel=stylesheet”type=text/css”href二”样式表文件”

（2）导入方式style type=Text/css”©import样式表文件.css;/style第五章学问点总结

1.网站开发流程1）需求分析、确认需求2）网站制作3）测试网页4）发布网站

2.网站测试主要包括三个方面1）页面是否美观,布局是否合理2）链接是否完好,有无无效链接3）在不同阅读器中的兼容状况）2标题标签〈HnX/Hn＞n取16（设置文字标题）:〜）1〈Hl＞一级标题＜/Hl〉）2〈H2＞二级标题＜/H2〉）3＜H3＞三级标题＜/H3＞）4＜H4＞四级标题＜/H4＞）5〈H5〉五级标题＜/口5＞）6＜H6＞六级标题＜/H6〉

3.＜fontX/font＞标签（设置文字属性）＜font size二〃字体大小〃color-〃字体颜色〃face=〃字体类型〃〉要设置的文字＜/font＞

4.特殊符号特殊符号代码空格nbsp;大于号（》gt;小于号（）lt;引号quot;版权号（©）copy;

5.行的限制相关标签段落标签pX/pp align二〃left”（左对齐）/right（右对齐）/“center（居中）〉（段落的对其方式）换行标签〈br/

6.图片标签imgimg src二〃图片地址〃width二〃图片宽度〃height二〃图片高度〃alt二〃图片的提示文字〃align=〃top/bottom/niiddle/left/right border=”图片的边框宽度〃〉（align是用于调整图片相对于四周文本的对其方式）

7.文字布局）1水平线〈hr size=〃厚度〃width=〃宽度〃color=颜色》）有序列表的语法ol type二序号类型》（序号类型有

1、a、A、i、I）li填写信息/li（必需用GiX/li将内容包括起来）Gi填写信息/li li填写信息/li/ol）3无序列表语法ul type二〃序号类型〃（序号类型有disc（默认值，实心圆点）、circle（空心圆环）、square（空心正方形））Gi所写内容Qi（必需用QiX/li》将内容包括起来）/ul）4预格式文本语法pre（具体的文本格式，这个格式在时是不变更的哦！）/pre

8.页面链接语法）1链接到其他页面a href=链接地址”连接标记/a）2链接到本页面首先创建一个锚链接的锚记点href:#锚记点名称”主题名称/a然后在具体要链接到的地方设置name:a name=锚记点名称X/a（锚记点前面要加上#号））3电子邮件链接a href=u mailto邮件地址”站长邮箱/a（留意不能忘了mailto）〈marquee scrolldelay=滚动延迟时间

9.滚动标签的语法direction=up/down/left/right（滚动方向）onmouseover=this,stop（）”（当鼠标指在上面时停止滚动）onmouseout=this,start（）”（当鼠标离开时接着滚动）滚动的文字和图像/marquee其次章学问点总结

1.表格的基本框架语法table border;表格的边框的宽度（一般不超过5）width;表格的宽度height二表格的高度bordercolor二表格边框线的颜色bgcolor二整个表格的背景颜色background二表格的背景图片地址（背景图片）align;表格对齐方式〉tr bgcolor二行的背景颜色）（行）td colspan二跨的列数rowspan二跨的行数bgcolor二本单元格的背景颜色background=本单元格的背景图片地址（背景图片）align二单元格中的内容对齐方式（right/left/center/）/td（单元格）/tr/table

2.填充、间距属性cellpadding:内容及单元格内边框线的距离（内填充）cellspacing单元格之间的距离（外间距）第三章学问点总结

1.表单的基本结构form action二〃URL〃name二表单名字method=提交数据的方式（post/get）具体的内容/form

2.表单中的元素1）.〈input〉元素〈input name=type=text size二文本框的大小maxlenght二限制输入的最大字符》（单行文本框）〈input name=type=password size二文本框的大小maxlenght=限制输入的最大字符》（单行文本框一一设置密码）input name=name type=radio value=男checked（默认选定）》（单选按钮一一男）（设置单选按钮的时候名字确定要一样）〈input name=name type=radio value=“女”〉（单选按钮------女）〈input name=type=submit value=提交〉（按钮---提交）input name=type=reset value二重置〉（按钮-------重置）input name=type=checkbox value=play（必需有）checked〉玩游戏（复选框）2）.〈select＞〈/select＞下拉列表元素option value=（必需有）》内容〈/option〉option（必需有）》内容〈/option》option（必需有）》内容〈/opt ion〉option（必需有）》内容〈/option》语法〈select name=/select3）.〈仇*1@「阳＞〈八3*1@「砥〉多行文本框元素语法〈textarea name=cols=“宽度”rows=高度（不要和合并单元格的rowspan和colspan相混淆）》具体的内容/textarea

3.框架1）.框架的基本结构（留意此时不能要〈bodyX/body〉）＜framset cols=25%,*（分隔成左右两部分）rows=25%,*”（分隔成上下两部分）border=框架边框的大小bordercolor二框架边框的颜色frame name=窗口的名字”src=此窗口要显示的文件地址”scrolling二yes/no（有无滚动条）noresize（禁止变更框架窗口的大小）/framset2）.框架页面之间的链接第一步在设计好的框架页面中给每个部分定义一个名字；Eg:frame name=窗口的名字src=其次步设置导航栏中的超链接的target目标窗口属性；Eg:a href=lianjie.html”target=要显示的窗口的名字”链接标记/@第四章学问点总结

1.样式类型，分为三种1）标签选择器语法标签{属性:属性值；）style type=text/css”P{font-size:20px;color:blue}/style不须要调用，干脆创建标签就能运用。