HTML基础知识点总结.doc
HTML基础知识点总结.doc
- 配套讲稿：
如PPT文件的首页显示word图标，表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制：
部分文档作品中含有的国旗、国徽等图片，仅作为作品整体效果示例展示，禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词：
- HTML 基础 知识点 总结
- 资源描述：
-
HTML知识点总结 第一章 :知识总结 1. <b>HTML文档结构</b>(括号里面得就是注释) <!DOCTYPE html > *注:<!DOCTYPE> 标签没有结束标签！ <html > <head>(头部部分) <meta equiv=“ContentType”content=“text/html”; charset=gb2312 >(可写可不写) <title>显示在浏览器标题栏中得标题</title> </head> <body>(主体部分) (页面内容) </body> </html> 标签<body>中得属性有: bgcolor=颜色 (背景颜色) background=图片得绝对路径或相对路径(背景图片) 2. 标题标签<Hn></Hn> n取1~6(设置文字标题): 1) <H1>一级标题</H1> 2) <H2>二级标题</H2> 3) <H3>三级标题</H3> 4) <H4>四级标题</H4> 5) <H5>五级标题</H5> 6) <H6>六级标题</H6> 3、<font></font>标签(设置文字属性) <font size="字体大小" color="字体颜色" face="字体类型">要设置得文字</font> 4、特殊符号 特殊符号 代码 空格 大于号(>) > 小于号(<) < 引号 " 版权号(©) © 5、行得控制相关标签 段落标签<p></p> <p align="left" (左对齐)/ "right" (右对齐)/ "center" (居中)>(段落得对其方式) 换行标签<br /> 6、图片标签<img> <img src="图片地址" width="图片宽度" height="图片高度" alt="图片得提示文字" align="top/bottom/middle/left/right" border="图片得边框宽度"> (align就是用于调整图片相对于周围文本得对其方式) 7、文字布局 1) 水平线<hr size="厚度" width="宽度" color="颜色"> 2) 有序列表得语法 <ol type=序号类型>(序号类型有:1、a、A、ⅰ、I) <li>填写信息</li>(必须用<li></li>将内容包括起来) <li>填写信息</li> <li>填写信息</li> …… </ol> 3) 无序列表语法 <ul type="序号类型">(序号类型有:disc(默认值,实心圆点)、circle(空心圆环)、square(空心正方形)) <li>所写内容<li>(必须用<li></li>将内容包括起来) </ul> 4) 预格式文本语法 <pre> (具体得文本格式,这个格式在时就是不改变得哦！) </pre> 8、页面链接语法 1) 链接到其她页面 <a href=“链接地址”>连接标志 </a> 2) 链接到本页面 首先创建一个锚链接得锚记点:<a href=“#锚记点名称”>主题名称</a> 然后在具体要链接到得地方设置name:<a name=“锚记点名称”></a> (锚记点前面要加上#号) 3) 电子邮件链接 <a href=“mailto:邮件地址”>站长邮箱 </a>(注意不能忘了mailto) 9、滚动标签得语法 <marquee scrolldelay=滚动延迟时间 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>下拉列表元素 语法:<select name=“”> <option value=“”(必须有)>内容</option> <option value=“”(必须有)>内容</option> <option value=“”(必须有)>内容</option> <option value=“”(必须有)>内容</option> …… </select> 3)、<textarea></textarea>多行文本框元素 语法:<textarea name=“” cols=“宽度” rows=“高度”(不要与合并单元格得rowspan与colspan相混淆)> 具体得内容 </textarea> 3. 框架 1)、框架得基本结构(注意:此时不能要<body></body>) <framset cols=“25%,*”(分隔成左右两部分) rows=“25%,*”(分隔成上下两部分) border=框架边框得大小 bordercolor=框架边框得颜色> <frame name=“窗口得名字” src=“此窗口要显示得文件地址” scrolling=yes/no(有无滚动条) noresize(禁止改变框架窗口得大小)> </framset> 2)、框架页面之间得链接 第一步:在设计好得框架页面中给每个部分定义一个名字; Eg:<frame name=”窗口得名字” src=“”> 第二步:设置导航栏中得超链接得target目标窗口属性; Eg:<a href=“lianjie、html” target=“要显示得窗口得名字”>链接标志</a> 第四章知识点总结 1、样式类型,分为三种 1)标签选择器 语法: 标签{ 属性:属性值; } <style type=”text/css”> P{fontsize:20px;color:blue} </style> 不需要调用,直接创建标签就能使用 2)class选择器 语法: 。类名{ 属性:属性值; } <style type=”text/css”> 、my{fontsize:20px;color:blue} </style> 调用:在需要使用得地方做为属性来调用(class=类名) 3)ID选择器 语法: #名称{ 属性:属性值; } <style type=”text/css”> #my{fontsize:20px;color:blue} </style> 调用:在需要使用得地方做为属性来调用(ID=名称) 2、常用得样式属性 1)文本属性 fontsize:字体大小 fontfamily:字体类型 fontstyle:字体样式(斜体) color:字体颜色 textalgin:文本得对齐方式(left/right/center) 2)背景属性 backgroundcolor:背景颜色 backgroundimage:url(“图片地址”)背景图片 backgroundrepeat:(repeat/norepeat/repeatx/repeaty)背景图片如何被重复显示 3)方框属性 (1)边界属性 marginleft:设置对象得左边距 marginright: 设置对象得右边距 margintop: 设置对象得上边距 marginbottom: 设置对象得下边距 (2)填充属性 paddingleft:设置内容与左边框之间得距离 paddingright: 设置内容与右边框之间得距离 paddingtop: 设置内容与上边框之间得距离 paddingbottom: 设置内容与下边框之间得距离 (3)边框属性 borderstyle:(soild细边框/dashed/虚边框)边框样式 borderwidth:边框宽度 bordercolor:边框颜色 4)超链接样式 A:link{}未被访问得链接样式 A:visited{}被访问过得链接样式 A:hover{}鼠标悬浮在链接上时得样式 A:active{}鼠标下在按下时链接文字得样式 3、样式表得3类应用方式 1)行内样式表(改变某一行文字得样式) 语法:<P style=”属性:属性值;”>文字</P> 2)内嵌样式表(在一个页面内使用) 语法: <style type=”test/css”> //样式规则 </style> 3)外部样式表(改变多个页面中得不同页面元素得样式) 以CSS为后缀名得文件。 链接外部样式表得两种方式: (1)<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)在不同浏览器中得兼容情况展开阅读全文
咨信网温馨提示：1、咨信平台为文档C2C交易模式，即用户上传的文档直接被用户下载，收益归上传人（含作者）所有；本站仅是提供信息存储空间和展示预览，仅对用户上传内容的表现方式做保护处理，对上载内容不做任何修改或编辑。所展示的作品文档包括内容和图片全部来源于网络用户和作者上传投稿，我们不确定上传用户享有完全著作权，根据《信息网络传播权保护条例》，如果侵犯了您的版权、权益或隐私，请联系我们，核实后会尽快下架及时删除，并可随时和客服了解处理情况，尊重保护知识产权我们共同努力。
2、文档的总页数、文档格式和文档大小以系统显示为准(内容中显示的页数不一定正确)，网站客服只以系统显示的页数、文件格式、文档大小作为仲裁依据，个别因单元格分列造成显示页码不一将协商解决，平台无法对文档的真实性、完整性、权威性、准确性、专业性及其观点立场做任何保证或承诺，下载前须认真查看，确认无误后再购买，务必慎重购买；若有违法违纪将进行移交司法处理，若涉侵权平台将进行基本处罚并下架。
3、本站所有内容均由用户上传，付费前请自行鉴别，如您付费，意味着您已接受本站规则且自行承担风险，本站不进行额外附加服务，虚拟产品一经售出概不退款（未进行购买下载可退充值款），文档一经付费（服务费）、不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。
4、如你看到网页展示的文档有www.zixin.com.cn水印，是因预览和防盗链等技术需要对页面进行转换压缩成图而已，我们并不对上传的文档进行任何编辑或修改，文档下载后都不会有水印标识（原文档上传前个别存留的除外），下载后原文更清晰；试题试卷类文档，如果标题没有明确说明有答案则都视为没有答案，请知晓；PPT和DOC文档可被视为“模板”，允许上传人保留章节、目录结构的情况下删减部份的内容；PDF文档不管是原文档转换或图片扫描而得，本站不作要求视为允许，下载前可先查看【教您几个在下载文档中可以更好的避免被坑】。
5、本文档所展示的图片、画像、字体、音乐的版权可能需版权方额外授权，请谨慎使用；网站提供的党政主题相关内容(国旗、国徽、党徽－－等)目的在于配合国家政策宣传，仅限个人学习分享使用，禁止用于任何广告和商用目的。
6、文档遇到问题，请及时联系平台进行协调解决，联系【微信客服】、【QQ客服】，若有其他问题请点击或扫码反馈【服务填表】；文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“【版权申诉】”，意见反馈和侵权处理邮箱：1219186828@qq.com；也可以拔打客服电话：0574-28810668；投诉电话：18658249818。
实名认证
平台协调中心【客服】
自信AI助手
微信客服
客服QQ
发送邮件
意见反馈
链接地址：https://www.zixin.com.cn/doc/4375871.html