HTML基础知识点总结

HTML知识点总结第一章：知识总结1.bHTML文档结构/b（括号里面的是注释）!DOCTYPEhtml*注：!DOCTYPE标签没有结束标签！htmlhead（头部部分）metahttp-equiv=“Content-Type”content=“text/html”;charset=gb2312(可写可不写)title显示在浏览器标题栏中的标题/title/headbody（主体部分）（页面内容）/body/html标签body中的属性有：bgcolor=颜色（背景颜色）background=图片的绝对路径或相对路径（背景图片）2.标题标签Hn/Hnn取1~6（设置文字标题）：1)H1一级标题/H12)H2二级标题/H23)H3三级标题/H34)H4四级标题/H45)H5五级标题/H56)H6六级标题/H63.font/font标签（设置文字属性）fontsize=字体大小color=字体颜色face=字体类型要设置的文字/font4.特殊符号5.行的控制相关标签段落标签p/ppalign=left(左对齐)/right(右对齐)/center(居中)(段落的对其方式)换行标签br/6.图片标签imgimgsrc=图片地址width=图片宽度height=图片高度alt=图片的提示文字align=top/bottom/middle/left/rightborder=图片的边框宽度(align是用于调整图片相对于周围文本的对其方式)7.文字布局1)水平线hrsize=厚度width=宽度color=颜色2)有序列表的语法oltype=序号类型（序号类型有：1、a、A、ⅰ、I）li填写信息/li（必须用li/li将内容包括起来）li填写信息/lili填写信息/li……/ol3)无序列表语法ultype=序号类型（序号类型有：disc(默认值,实心圆点)、circle(空心圆环)、square(空心正方形)）li所写内容li（必须用li/li将内容包括起来）/ul4)预格式文本语法pre(具体的文本格式，这个格式在时是不改变的哦！)特殊符号代码空格 大于号()>小于号（）<引号"版权号（©）©/pre8.页面链接语法1)链接到其他页面ahref=“链接地址”连接标志/a2)链接到本页面首先创建一个锚链接的锚记点：ahref=“#锚记点名称”主题名称/a然后在具体要链接到的地方设置name:aname=“锚记点名称”/a（锚记点前面要加上#号）3)电子邮件链接ahref=“mailto：邮件地址”站长邮箱/a(注意不能忘了mailto)9.滚动标签的语法marqueescrolldelay=滚动延迟时间direction=up/down/left/right(滚动方向)onmouseover=“this.stop()”(当鼠标指在上面时停止滚动)onmouseout=“this.start()”(当鼠标离开时继续滚动)滚动的文字和图像/marquee第二章知识点总结1.表格的基本框架语法tableborder=表格的边框的宽度(一般不超过5)width=表格的宽度height=表格的高度bordercolor=表格边框线的颜色bgcolor=整个表格的背景颜色background=表格的背景图片地址(背景图片)align=表格对齐方式trbgcolor=行的背景颜色(行)tdcolspan=跨的列数rowspan=跨的行数bgcolor=本单元格的背景颜色background=本单元格的背景图片地址(背景图片)align=单元格中的内容对齐方式(right/left/center/)/td(单元格)/tr/table2.填充、间距属性cellpadding:内容与单元格内边框线的距离（内填充）cellspacing：单元格之间的距离（外间距）第三章知识点总结1.表单的基本结构formaction=URLname=表单名字method=提交数据的方式（post/get）具体的内容/form2.表单中的元素1).input元素inputname=“”type=textsize=文本框的大小maxlenght=限制输入的最大字符(单行文本框)inputname=“”type=passwordsize=文本框的大小maxlenght=限制输入的最大字符(单行文本框——设置密码)inputname=“name”type=radiovalue=“男”checked(默认选定)(单选按钮——男)(设置单选按钮的时候名字一定要一样)inputname=“name”type=radiovalue=“女”(单选按钮——女)inputname=“”type=submitvalue=提交(按钮——提交)inputname=“”type=resetvalue=重置(按钮——重置)inputname=“”type=checkboxvalue=play(必须有)checked玩游戏(复选框)2).select/select下拉列表元素语法：selectname=“”optionvalue=“”(必须有)内容/optionoptionvalue=“”(必须有)内容/optionoptionvalue=“”(必须有)内容/optionoptionvalue=“”(必须有)内容/option……/select3).textarea/textarea多行文本框元素语法：textareaname=“”cols=“宽度”rows=“高度”(不要和合并单元格的rowspan和colspan相混淆)具体的内容/textarea3.框架1).框架的基本结构(注意：此时不能要body/body)framsetcols=“25%，*”(分隔成左右两部分)rows=“25%，*”(分隔成上下两部分)border=框架边框的大小bordercolor=框架边框的颜色framename=“窗口的名字”src=“此窗口要显示的文件地址”scrolling=yes/no(有无滚动条)noresize(禁止改变框架窗口的大小)/framset2).框架页面之间的链接第一步：在设计好的框架页面中给每个部分定义一个名字；Eg:framename=”窗口的名字”src=“”第二步：设置导航栏中的超链接的target目标窗口属性；Eg:ahref=“lianjie.html”target=“要显示的窗口的名字”链接标志/a第四章知识点总结1.样式类型，分为三种1）标签选择器语法：标签{属性:属性值;}styletype=”text/css”P{font-size:20px;color:blue}/style不需要调用，直接创建标签就能使用2）class选择器语法：。类名{属性:属性值;}styletype=”text/css”.my{font-size:20px;color:blue}/style调用：在需要使用的地方做为属性来调用（class=类名）3）ID选择器语法：#名称{属性:属性值;}styletype=”text/css”#my{font-size:20px;color:blue}/style调用：在需要使用的地方做为属性来调用（ID=名称）2.常用的样式属性1)文本属性font-size:字体大小font-family:字体类型font-style:字体样式（斜体）color:字体颜色text-algin:文本的对齐方式（left/right/center）2)背景属性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)行内样式表(改变某一行文字的样式)语法：Pstyle=”属性:属性值;”文字/P2)内嵌样式表(在一个页面内使用)语法：styletype=”test/css”//样式规则/style3)外部样式表(改变多个页面中的不同页面元素的样式)以CSS为后缀名的文件。链接外部样式表的两种方式：(1)link标签声明linkrel=”stylesheet”type=”text/css”href=”样式表文件”(2)导入方式styletype=”Text/css”@import样式表文件.css;/style第五章知识点总结1.网站开发流程1)需求分析、确认需求2)网站制作3)测试网页4)发布网站2.网站测试主要包括三个方面1)页面是否美观,布局是否合理2)链接是否完好,有无无效链接3)在不同浏览器中的兼容情况