HTML知识点总结_第1页
HTML知识点总结_第2页
HTML知识点总结_第3页
HTML知识点总结_第4页
HTML知识点总结_第5页
免费预览已结束，剩余10页可下载查看

付费下载

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

1、HTML知识点总结第一章知识总结1. HTML文档结构（括号里面的是注释）<html><head> （头部部分）Vmetahttp-equiv= “ ContenType” Content= “text/htmlCharSet=gb2312 > （可写可不写）Vtitle>显示在浏览器标题栏中的标题<title><head><body> （主体部分）（页面内容）<body><html>1）标签<body>中的属性有：bgcolor=颜色（背景颜色）backgrou nd=图片的绝对路径或

2、相对路径（背景图片）2. 标题标签VHn><Hn>n取16 （设置文字标题）：1）<H1> 一级标题 <H1>2）<H2> 二级标题 <H2>3) <H3>三级标题<H3>4) <H4>四级标题vH4>5) <H5>五级标题<H5>6) <H6>六级标题<H6>3.vfontvfont标签（设置文字属性）Vfont size="字体大小"color="字体颜色"face="字体类型"

3、;要设置的文字font4.特殊符号特殊符号代码空格&n bsp;大于号（）&gt；小于号（V）& It;引号& quot;版权号（？）&copy;5行的控制相关标签段落标签ppVP align="left"（左对齐）/ "right"（右对齐）/ "center"（居中）（段落的对其方式）换行标签br6.图片标签imgVimg src="图片地址"width="图片宽度"height="图片高度"alt="图片的提示文字&qu

4、ot;align="top/bottom/middle/left/right"border="图片的边框宽度">（align是用于调整图片相对于周围文本的对其方式）7. 文字布局1）水平线 Vhr size="厚度"width="宽度"color="颜色">2）有序列表的语法<oltype=序号类型 > （序号类型有：1、a、A、i、I）<li>填写信息</li> （必须用<li>vli>将内容包括起来）<li>填写信

5、息</li><li>填写信息</li></ol>3）无序列表语法Vul type="序号类型"> （序号类型有：disc（默认值，实心圆点）、CirCle（空心圆环）、SqUare（空心正方形）<li>所写内容<li> （必须用<li><li>将内容包括起来）<ul>4）预格式文本语法 <pre>（具体的文本格式，这个格式在时是不改变的哦！）vpre>8. 页面链接语法1）链接到其他页面Va href=链接地址”连接标志 <a>2）

6、链接到本页面首先创建一个锚链接的锚记点：Va href='锚记点名称”主题名称<a>然后在具体要链接到的地方设置name:Vaname= “锚记点名称” >a>（锚记点前面要加上#号）3）电子邮件链接Va href= mailto :邮件地址”站长邮箱<a>（注意不能忘了 mailto）9. 滚动标签的语法Vmarqueescrolldelay= 滚 动 延 迟 时 间direction=up/downleftright （滚动方向）OnmOUSeoVer= “this.stop（）（当鼠标指在上面时停止滚动）onmouseout= “this.st

7、art（）（当鼠标离开时继续滚 动）>滚动的文字和图像Vmarquee>第二章知识点总结1.表格的基本框架语法VtabIe border=表格的边框的宽度（一般不超过 5） Width=表格的宽度 height=表格的高度 bordercolor=表格边框线的颜色 bgcolor=整个表格 的背景颜色background=表格的背景图片地址（背景图片）align=表格对齐 方式>Vtrbgcolor=行的背景颜色 >（行）Vtd colspa n= 跨的列数 rowspa n= 跨的行数 bgcolor= 本单元格的 背景颜色background=本单元格的背景图片地址

8、（背景图片）align=单元格中的内容对齐方式（right/left/center） ><td>（单元格）<tr><table>2. 填充、间距属性cellpaddi ng:内容与单元格内边框线的距离（内填充）cellspaci ng :单元格之间的距离（外间距）第三章知识点总结1. 表单的基本结构<form actio n="URL" n ame=表单名字method=提交数据的方式（PoSt/get） >具体的内容vform2.表单中的元素1）.input 元素VinPUt name= “” type= text S

9、iZe=文本框的大小maxlenght=限制输入的最大字符 （单行文本框）VinPUtname= “” type= PaSSWOrd SiZe= 文本框的大小maxlenght=限制输入的最大字符 （单行文本框设置密码）VinPUt name= "name ” type= radio VaIUe= 男” CheCked （默认选 定）（单选按钮一一男）（设置单选按钮的时候名字一定要一样）VinPUt name= “name ” type= radio VaIUe= 女” 单选按钮女）Vin PUt n ame= “” type=bmit VaIUe=提交 （按钮提交）Vin PUt

10、n ame= “” typeset VaIUe=重置 （按钮重置）VinPUt name= “” type= checkbox VaIUe=PIay （必须有） CheCked 玩游戏（复选框）2）.VSeIeCt>vselect> 下拉列表元素语法：VSeIeCtname= “” >Vopti On ValUe=必须有）> 内容 V/opti on>Vopti On ValUe=必须有）> 内容 V/opti on>VoPti On VaIue= “必须有）> 内容 v/opti on>VoPti On VaIUe= “必须有）>

11、内容 v/opti on><select>3）.VteXtarea><textarea> 多行文本框元素语法：VteXtarea name= “” ColS=宽度” rows镐度”（不要和合并单元格的 rowspan 禾口 colspan 相混淆）>具体的内容<textarea>3.框架1）.框架的基本结构（注意：此时不能要<body><body> ）VframSet cols= “25% * ”分隔成左右两部分）rows= “25% * ”分隔成上下两部分）border=框架边框的大小bordercolor=框架边

12、框的颜色>Vframe name=窗口的名字” SrC=此窗口要显示的文件地址”scrolling=yesno（有无滚动条）nOreSiZe（禁止改变框架窗口的大小）>Vframset>2）.框架页面之间的链接第一步：在设计好的框架页面中给每个部分定义一个名字；Eg:Vframe name= ”窗口 的名字 ” SrC=第二步：设置导航栏中的超链接的target目标窗口属性；Eg:Va href= “ Iianiie.html target=要显示的窗口的名字 ” >接标志va>第四章知识点总结1. 样式类型，分为三种1) 标签选择器语法：标签属性:属性值；VSt

13、yIe type= ”ext/css ”Pfo nt-size:20px;color:blue<style>不需要调用，直接创建标签就能使用2) class选择器语法：.类名属性:属性值；VStyIe type= ”ext/css ”.my fon t-size:20px;color:bluevstyle>调用：在需要使用的地方做为属性来调用（CIaSS=类名）3） ID选择器语法：#名称属性:属性值；<style type= ”ext/css ”#my fon t-size:20px;color:blue</style>调用：在需要使用的地方做为属性来调用

14、（ID=名称）2. 常用的样式属性1）文本属性font-size:字体大小font-family:字体类型font-style:字体样式（斜体）color:字体颜色text-algin:文本的对齐方式（left/right/center）2）背景属性backgroUnd-color:背景颜色background-image: url（图片地址”背景图片backgro Un d-repeat: (repeat/no-repeat/repeat-x/repeat-y )背景图片女口何被重复显示3) 方框属性(1) 边界属性margin-left:设置对象的左边距margi n-right:设置对象

15、的右边距margi n-top:设置对象的上边距margi n-bottom: 设置对象的下边距(2) 填充属性Padding-left:设置内容与左边框之间的距离Paddi ng-right:设置内容与右边框之间的距离Paddi ng-top:设置内容与上边框之间的距离Paddi ng-bottom:设置内容与下边框之间的距离(3) 边框属性border-style: (soild细边框/dashed/虚边框)边框样式border-width:边框宽度border-color:边框颜色4) 超链接样式A:link未被访问的链接样式A:ViSited被访问过的链接样式A:hover鼠标悬浮在链接上时的样式A:active鼠标下在按下时链接文字的样式3. 样式表的3类应用方式1）行内样式表（改变某一行文字的样式）语法：VP Style= ”属性:属性值；”文字vP>2）内嵌样式表（在一个页面内使用）语法：VStyIe type= ” test/css ” >/样式规则<style>3）外部样式表（改变多个页面中的不同页面元素的样式 以CSS为后缀名的文件。链接外部样式表的两种

人人文库> 全部分类> 应用文书 > 作业报告

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论