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

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

1、精品_精品资料_HTML 学问点总结第一章 ：学问总结1.HTML文档结构 （括号里面的是注释 ）标签没有终止标签；* 注：（头部部分） 可写可不写 显示在浏览器标题栏中的标题 （主体部分）（页面内容）可编辑资料 - - - 欢迎下载精品_精品资料_标签中的属性有：bgcolor= 颜色 （背景颜色） background= 图片的肯定路径或相对路径 （背景图片）2.标题标签 n取 16（设置文字标题） ：1一级标题 2二级标题 3三级标题 4四级标题 5五级标题 6六级标题 3. 标签（设置文字属性）可编辑资料 - - - 欢迎下载精品_精品资料_要设置的文字 特别符号代码空格 大

2、于号 >小于号（ ）<引号"版权号（ . ）©4. 特别符号5. 行的掌握相关标签段落标签 段落的对其方式 换行标签 可编辑资料 - - - 欢迎下载精品_精品资料_6. 图片标签 align是用于调整图片相对于四周文本的对其方式7. 文字布局1) 水平线 2) 有序列表的语法（序号类型有：1、a、A、 I ）填写信息 （必需用 将内容包括起来）填写信息 填写信息 可编辑资料 - - - 欢迎下载精品_精品资料_3) 无序列表语法（序号类型有： disc 默认值 , 实心圆点 、circle空心圆环 、square 空心正方形 ） 所写内容 （必需用 将内容包括

3、起来）4) 预格式文本语法 详细的文本格式,这个格式在时是不转变的哦；8. 页面链接语法1) 链接到其他页面连接标志 2) 链接到本页面第一创建一个锚链接的锚记点：主题名称可编辑资料 - - - 欢迎下载精品_精品资料_然后在详细要链接到的的方设置name:（锚记点前面要加上 #号）3) 电子邮件链接站 长邮箱 留意不能忘了mailto9. 滚动标签的语法滚动的文字和图像可编辑资料 - - - 欢迎下载精品_精品资料_其次章学问点总结1. 表格的基本框架语法 行 单元格2. 填充、间距属性cellpadding: 内容与单元格内边框线的距离 （内填充） cellspacing ： 单元格之间的

4、距离（外间距）可编辑资料 - - - 欢迎下载精品_精品资料_第三章学问点总结1. 表单的基本结构详细的内容2. 表单中的元素1). 元素 单行文本框 单行文本框设置密码 单项按钮男 设置单项按钮的时候名字肯定要一样 单项按 钮女可编辑资料 - - - 欢迎下载精品_精品资料_ 按钮提交 按钮重置 玩嬉戏 复选框2). 下拉列表元素语法： 内容内容内容内容3). 多行文本框元素语法： 可编辑资料 - - - 欢迎下载精品_精品资料_详细的内容3. 框架1). 框架的基本结构 留意：此时不能要 2). 框架页面之间的链接第一步：在设计好的框架页面中给每个部分定义一个名字.Eg:其次步：设置导航栏

5、中的超链接的target目标窗口属性.可编辑资料 - - - 欢迎下载精品_精品资料_Eg:链接标志 第四章学问点总结1. 样式类型,分为三种1）标签挑选器 语法：标签属性: 属性值; Pfont-size:20px;color:blue不需要调用,直接创建标签就能使用2） class 挑选器语法：.类名 可编辑资料 - - - 欢迎下载精品_精品资料_属性: 属性值;.myfont-size:20px;color:blue调用：在需要使用的的方做为属性来调用（class= 类名）3） ID 挑选器语法：#名称属性: 属性值; #myfont-size:20px;color:blue调用：在需

6、要使用的的方做为属性来调用（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) 边界属性m

7、argin-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

8、) 超链接样式A:link未被拜访的链接样式A:visited被拜访过的链接样式A:hover鼠标悬浮在链接上时的样式可编辑资料 - - - 欢迎下载精品_精品资料_A:active鼠标下在按下时链接文字的样式3. 样式表的 3 类应用方式1) 行内样式表 转变某一行文字的样式 语法： 文字 2) 内嵌样式表 在一个页面内使用 语法：ss;第五章学问点总结1. 网站开发流程1) 需求分析、确认需求2) 网站制作3) 测试网页4) 发布网站可编辑资料 - - - 欢迎下载精品_精品资料_2. 网站测试主要包括三个方面1) 页面是否美观 , 布局是否合理2) 链接是否完好 , 有无无效链接3) 在不同浏览器中的兼容情形可编辑资料 - - - 欢迎下载