2023年HTML基础知识点总结.docx

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

1、HTML知识点总结第一章：知识总结1. vbHTML文档结构v/b （括号里面的是注释）*注:v! DOCTYPE标签没有结束标签！ （头部部分） m e t a h t t p -equiv=MCont e n t -T y peco n t e nt = Hte x t / h tml”; char s e t =gb 2312 乂可写可不写）显示在浏览器标题栏中的标题v / tit 1 e（主体部分）（页面内容）标签vbody中的属性有：bgcol。H颜色（背景颜色）back ground =图片的绝对途径或相对途径（背景图片）2.标题标签vHnv/H n n取16（设M文字标题）：1）

2、 VH1一级标题 v/H12） vH 2二级标题v/H23） vH3三级标题v/H33）外部样式表（改变多个页面中的不同页面元素的样式） 以CSS为后缀名的文献。链接外部样式表的两种方式：（1）标签声明import样式表文献.css;/ stylo第五章知识点总结.网站开发流程1）需求分析、确认需求2）网站制作3）测试网页4）发布网站.网站测试重要涉及三个方面1）页面是否美观，布局是否合理。2 ）链接是否完好，有无无效链接3）在不同浏览器中的兼容情况4） vH4四级标题V/H45） vH5五级标题V/H56） vH6六级标题v / H63 . 标签（设立文字属性）4.特殊符号特殊符号代码空格&

3、nb s p;大于号（）>小于号（V）& 11;引号&qu ot;版权号（）©.行的控制相关标签段落标签.图片标签vimg（align是用于调整图片相对于周边文本的对其方式）.文字布局1）水平线vhr size=厚度width=宽度 co 1 or=颜色,2）有序列表的语法ol t y pe=序号类型,（序号类型有:1、a、A、i、I）填写信息v / I i （必须用vliv / li将内容涉及起来）填写信息v/liVli填写信息v/li3）无序列表语法（序号类型有：d i sc （默认值，实心圆点）、c ircl e （空心圆环）、square（空心正方形）vli所写内容vl

4、i （必须用vliv/l i 将内容涉及起来）4）预格式文本语法（具体的文本格式，这个格式在时是不改变的哦!）.页面链接语法1）链接到其他页面连接标志2）链接到本页面一方面创建一个锚链接的锚记点：va 11e=#锚记点名称”主题名称然后在具体要链接到的地方设立nam e :（锚记点前面要加上#号）3）电子邮件链接（注意不能忘了 mailto）.滚动标签的语法滚动的文字和图像第二章知识点总结1 .表格的基本框架语法t a b Ie border=表格的边框的宽度（一般不超过5） width=表格的宽度heigh表格的高度 bord e r c o Io r =表格边框线的颜色bgcolor=整个

5、表格的背景颜色ba ckgro und=表格的背景 图片地址（背景图片）a均11=表格对齐方式b gcol。=行的背景颜色（行）v/ td（单元格）2.填充、间距属性c e lip a dd i ng:内容与单元格内边框线的距离（内填充）cellspac i ng：单元格之间的距离 （外间距）第三章知识点总结1 .表单的基本结构 具体的内容.表单中的元素。1 ）.元素i n pu t name=MM type=texts ize=文本框的大小maxle n gh t =限制输入的最大字符（单行文本框） input n a me-t y pe=p ass word size=文本框的大小 max

6、 1 eng h 1=限制输入 的最大字符（单行文本框一设立密码） input name=name t ype = ra d i o value:男checked（默认选定）,（单选按 钮一男）（设立单选按钮的时候名字一定要同样）（单选按钮女） i np u t n ame-t yp e =s u bmit va 1 ue=提交（按钮提交）in p u t name=, type=re s et v a lue=重置乂按钮重置）input nam e = ty p e=c h eckbox v a 1 u e =pl a y（必须有）checked玩游戏（复选框）2 ） .下拉列表元素语法:V

7、 s e 1 ect n ame=MM内容内容V/op t ionoption value=（必须有）,内容3 ） .多行文本框元素语法:vt e xtar e a nam e = c 咬 rows=（不要和合并单元格的 r o ws p an 和c ol s p a n相混淆）具体的内容4 .框架.框架的基本结构（注意：此时不能要vb ody）fr a me name=窗口的名字src=此窗口要显示的文献地址s c r o II i ng=yes/n0（有无滚动条）noresiz e （严禁改变框架窗口的大小）,.框架页面之间的链接。第一步：在设计好的框架页面中给每个部分定义一个名字；g :

8、第二步：设立导航栏中的超链接的t a r g e t目的窗口属性；Eg:链接标志v/a第四章知识点总结.样式类型，分为三种。1）标签选择器语法：标签属性:属性值；）Pfon t -size: 2 Opx;color: b lue1） / style不需要调用，直接创建标签就能使用2） class选择器。语法:。类名。属性:属性值；）.m y fo n t-size: 2 0 p x;color:blue调用：在需要使用的地方做为属性来调用（c 1 ass=类名）3） I D选择器语法：#名称属性:属性值；）#myfont-si z e： 2 0 p x； c ol o r:blue调用:在需要

9、使用的地方做为属性来调用（ID=名称）.常用的样式属性1 ）文本属性ton t -s i z e:字体大小font -fami 1 y：字体类型font-style:字体样式（斜体）c o 1 or:字体颜色te x t- a I g in:文本的对齐方式（left/ r i ght/cen t er）2）背景属性back g rou n d -color：背景颜色back g rou n d-ima g e:url（图片地址）背景图片backgroun d repe a t： （repeat/no-r e p eat/re p eat-x/repea t -y）背景图片,如何被反复显示3）方

10、框属性（1 ）边界属性m a rgin-l e ft:设立对象的左边距mar g in-r i ght:设立对象的右边距m a r g i n top:设立对象的上边距ma r gin-b o t tom:设立对象的下边距（2）填充属性padding-left:设立内容与左边框之间的距离P adding-ri g h t:设立内容与右边框之间的距离padding-top：设立内容与上边框之间的距离padding-bottom:设立内容与卜边框之间的距离（3）边框属性borde r - sty Ie: （so i Id细边框/dashed /虚边框）边框样式borde r -width:边框宽度borde r c olo r ：边框颜色4）超链接样式A:l i nk未被访问的链接样式A:visite d 被访问过的链接样式A:hover鼠标悬浮在链接上时的样式A:active鼠标下在按下时链接文字的样式.样式表的3类应用方式1）行内样式表（改变某一行文字的样式）语法:VP style=属性:属性值;”文字v/P2）内嵌样式表（在一个页面内使用）语法：/ /样式规则