2025年HTML入门必备核心知识点深度解析

知识点总结HTML第一章:知识总结文档构造（括号里面的是注释）

1.vbHTML v/b!DOCTYPE html★注v!DOCTYPE〉标签没有结束标签！html（头部部分）headu,,t,（可写可不写）meta http-equiv=Content-Type content=text/htmr;charset=gb2312显示在浏览器标题栏中的标题tle v/title/head（主体部分）body（页面内容）/body/html标签中的属性有vbody颜色（背景颜色）图片的绝对途径或相对途径（背景图片）bgcolor=background=标题标签取（设置文字标题）

2.vHnv/Hn n1~6）一级标题1vH1v/H1）二级标题2vH2v/H2）三级标题3vH3v/H3）四级标题4vH4v/H4）五级标题5vH5v/H5）六级标题6vH6v/H6）标签（设置文字属性）7vfontv/font字体大小字体颜色字体类型”,要设置的文字font size=color=face=/font）.特殊符号8特殊符号代码空格nbsp;不小于号（）gt;不不小于号（）lt;引号quot;版权号（©）copy;）.行的控制有关标签9段落标签vpv/pn（左对齐）/（右对齐）/（居中）乂段落的对其方式）换行p align=left“right”“center”标签vbr/）.图片标签10vimg图片地址图片宽度图片高度图片的提醒文字”img src=width=height=alt=“align=,top/bottom/middle/left/rightH border・图片的边框宽度”,（是用于调整图片相对于周围文本的对其方式）align）.文字布局111）水平线vhrsize・厚度width=宽度color=颜色”,）有序列表的语法2序号类型,（序号类型有、、、、）ol type=1a Ai I填写信息〈（必须用八将内容包括起来）vli4i vlivi填写信息vli v/li填写信息/vli Ii/ol）无序列表语法3序号类型,（序号类型有（默认值,实心圆点）、（空心圆环）、ul type1disc circlesquare（空心正方形））所写内容（必须用〃将内容包括起来）vli|i vlivi/ul）预格式文本语法4pre（详细的文本格式，这个格式在时是不变化的哦！）/pre.页面链接语法8）链接到其他页面1仁“链接地址”连接标志a hrev/a）链接到本页面2首先创立一种锚链接的锚记点锚记点名称、主题名称href=#v/a然后在详细要链接到的地方设置锚记点名称”,（锚记点前面要加上#号）name:a name=v/a）电子邮件链接3u邮件地址”〉站长邮箱（注意不能忘了）a href=mailto v/a mailto.滚动标签的语法9滚动延迟时间（滚动方向）marquee scrolldelay=direction=up/down/left/right（）（当鼠标指在上面时停止滚动）门仁，川只（）（当鼠标离开时继onmouseover=this.stop”05211”续滚动）〉滚动的文字和图像/marquee第二章知识点总结表格的基本框架语法

1.仁表格的边框的宽度（一般不超过）表格的宽度表格的高度table borde5width=height=bordercolou表格边框线的颜色整个表格的背景颜色表格的背景图片地址（背景图片）狙伪bgcolor=background=9表格对齐方式〉行的背景颜色乂行）tr bgcolor=际跨的列数跨的行数本单元格的背景颜色单元格td0211=rowspan=bgcolor=background=^的背景图片地址（背景图片）单元格中的内容对齐方式（）乂单元格）align=right/left/center/v/td/tr/table.填充、间距属性2内容与单元格内边框线的距离（内填充）单元格之间的距离（外间cellpadding:cellspacing总目）第三章知识点总结,表单的基本构造1血表单名字（提交数据的方式（）form action=URL”1716=1713m0:1=post/get详细的内容/form.表单中的元素2）元素

1.vinput文本框的大小限制输入的最大字符乂单行input name=type=text size=maxlenght=文本框）文本框的大小限制输入的最大字符》（单input name=type=password size=maxlenght=行文本框——设置密码）input name=“name”type=radio valueh男checked（默认选定）乂单项选择按钮----------男）（设置单项选择按钮的时候名字一定要同样）inputname=u namentype=radiovalue=“女（单项选择按钮------女）inputname=untype=submitvalue=提交》（按钮------提交）input name=type=reset value二重置乂按钮------重置）un（必须有）〉玩游戏（复选框）input name=type=checkbox value=play checked）下拉列表元素

2.vselectv/select语法select name=”（必须有）〉内容〈/〉option value=option（必须有）,内容〈/〉option value=option（必须有）,内容〈/〉option value=option（必须有）内容〈/〉option value=option/select）多行文本框元素

3.vtextareav/textarea语法宽度”高度（不要和合并单元格的和textarea name=cols=rows=rowspan colspan相混淆）,详细的内容/textarea框架

3.）.框架的基本构造（注意此时不能要）1vbodyv/body*”（分隔成左右两部分）u*”（分隔成上下两部分）仁框架framset cols=“25%,rows=25%,borde边框的大小框架边框的颜色,bordercolor=二窗口的名字”此窗口要显示的文献地址（有无滚动条）frame namesrc=“scrolling=yes/no（严禁变化框架窗口的大小）,noresize/framset）框架页面之间的链接

2.第一步在设计好的框架页面中给每个部分定义一种名字；二窗口的名字u,Eg:frame namesrc=第二步设置导航栏中的超链接的目的窗口属性；target仁仁要显示的窗口的名字”,链接标志Eg:a hre“lianjie.html”targe v/a第四章知识点总结.样式类型，分为三种1）标签选择器1语法标签{属性:属性值；）,,5,style type=text/css P{font-size:20px;color:blue}/style不需要调用，直接创立标签就能使用）选择器2class语法类名{o属性:属性值;},,nstyle type=text/css,my{font-size:20px;color:blue}/style调用在需要使用的地方做为属性来调用（类名）class=）选择器3ID语法#名称{属性:属性值；）,5nstyle type=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{}.样式表的类应用方式33）行内样式表（变化某一行文字的样式）1语法属性:属性值;文字P style=〜v/P）内嵌样式表（在一种页面内使用）2语法style type=,,test/css,,〃样式规则/style）外部样式表（变化多种页面中的不一样页面元素的样式）3以为后缀名的文献CSS链接外部样式表的两种方式⑴标签申明vlinklink rel=,5stylesheef,type=,,text/css,J href=样式表文献”〉（）导入方式2style type=,,Text/css,,@import样式表文献.css;/style第五章知识点总结网站开发流程

1.）需求分析、确认需求1）网站制作2）测试网页3）公布网站

4.网站测试重要包括三个方面2）页面与否美观，布局与否合理1）链接与否完好，有无无效链接2）在不一样浏览器中的兼容状况3。