网页制作html学习笔记

1HTML文档笔记001文件结构html文件开始head文件头/headbody文件主体/body/html002注意事项标记用括起，结束用/不区分大小写回车空格不起作用标记中可以放置各种属性003页面标题元素headtitle标题/title/head004元信息元素metametaname=””content=””namecontentgenerator编辑软件名Keywords关键字description页面说明Author作者姓名及信息copyright网页版权附加属性metahttp-equiv=””content=””http-equivcontentcontentText;charset=utf-8refresh跳转秒;url=页面url005body属性属性说明bgcolor背景颜色（名称或十六进制）background背景图片（图片地址）Text整体文字颜色link未访问连接颜色Alink正在访问连接颜色vlink已经访问连接颜色leftmarginIe左边界距离，像素topmarginIe上边界距离，像素bgproperties背景图片固定，仅取fixed006样式元素stylestyletype=”text/css”样式表/style007脚本元素script属性说明typeText/javascriptcharset外部脚本文件编码defer是否加载完显示language脚本语言，不要用src外部脚本url008字体属性font属性说明Face字体名，逗号分割size大小。1-7或-4--+4color字体颜色009标题元素h1到h6h1文字1/h1…………h6文字6/h6010段落元素pAlign对齐属性Leftrightcenter011文本间隔和布局br/换行nobr不换行文字/nobrpre保留空白文字/preqcite=”引用路径”行内引用文字/qblockquotecite=””块级引用文字/blockquote012水平分割线hr属性说明Size粗细width宽度noshade无立体阴影,无取值align对齐，left,center,rightcolor颜色013文本样式设置bigbig放大的文字/big/bigsmallsmall缩小文字/small/small斜体文字：i,em,cite粗体文字：strong,bsub作为下标的文字/subsup作为上标的文字/sup014无序列表ululli列表项1/lili列表项n/li/ul2Type（符号类型）Disc(实心圆)Circle(空心)Square(方形)菜单列表：menuli/li/menu目录列表：dirli/li/dir015有序列表ololli列表项1/lili列表项n/li/olType(符号类型)1（数字）a(小写英文)A（大写英文）I(大写罗马)i(小写罗马)olstart=”有序列表起始数字”016列表条目元素li属性说明type符号类型value条目编号，影响其后条目017定义列表dldldt定义名称1/dtdd缩进解释1/dddd缩进解释n/dd…………dt定义名称n/dtdd缩进解释1/dddd缩进解释n/dd/dl018图像元素img属性功能说明src图片的url路径width图片的显示宽度height图片的显示高度hspace图片的水平间距vspace图片的垂直间距align图片的对齐方式border图片的边框大小，单位像素alt图片的说明文字说明：宽度和高度单位为像素或百分比(相对于IE)，只定义一个，另一个等比例显示，定义两个则会失真。对齐方式有两种：绝对和相对，相对指与当前行文字的对齐方式。属性值说明bottom图片底与当前文字底对齐top图片顶与当前文字顶对齐middle图片中与当前文字中对齐left图片左对齐，相对于IEright图片右对齐,相对于IEcenter图片居中对齐,相对于IE水平间距和垂直间距用于设置图片与它附近的文字的水平和垂直距离。019背景音乐bgsound属性说明src声音文件的url，MP3，midi,wavloop循环播放次数，正值n,-1或infinite时无限次播放020滚动标记marquee用于移动文字，图片，表格。语法：marquee滚动的内容/marquee属性说明direction方向，up,down,left,rightbehavior方式，scroll(循环)，slide(1次)，alternate(交替滚动)loop滚动次数smallamount滚动速度，像素单位scrolldelay滚动时间间隔bgcolor滚动区域的背景颜色width背景宽度，默认IE同宽height背景高度，默认文字同高hspace背景与内容水平间距，像素vspace背景与内容垂直间距，像素021多媒体embed用于播放midi,wav,mp3,aiff,au等多媒体对象。语法：embed/embed属性说明src多媒体文件的urlloop循环次数，true(∞),false(1)autostart是否自动播放，true,falsewidth多媒体宽度height多媒体高度022超链接基础url两种书写方式：绝对地址（完全的路径），相对地址（简写的路径，与基3本地址合并）常用的URLhttp://进入万维网站点ftp://进入文件传输服务器news://启动新闻讨论组mailto://启动邮件023链接元素a语法：a链接的内容/a属性说明href指定链接地址name给链接命名title链接提示文字target链接显示目标窗口_self:相同的框架或窗口打开_blank新打开，未命名窗口打开_top:在整个窗口打开_parent:在父框架集中打开024设置不同的链接目标书签：aname=”书签名称”/aahref=”#书签名称”链接内容/a图片：ahref=”url”imgsrc=”url”/a邮件：ahref=”mailto:邮件地址”链接内容/a025表格元素的结构tabletrtd单元格内容1/td………………………….td单元格内容n/td/tr…………………………trtd单元格内容1/td………………………….td单元格内容n/td/tr…………………………trtd单元格内容1/td………………………….td单元格内容n/td/tr/table026table表格元素的属性属性说明border边框宽度，默认0align对齐方式，left,center,rightheight高度，像素或百分比width宽度，像素或百分比bordercolor边框颜色，border0bordercolorlight亮边框颜色，border0bordercolordark暗边框颜色，border0bgcolor表格背景颜色background表格背景图片cellspacing每个单元格之间间距cellspadding单元格内容与边界距离027tr行元素的属性属性说明align水平对齐，left,center,rightvalign垂直对齐，top,middle,bottombgcolor行背景颜色background行背景图片bordercolor行边框颜色bordercolordark行背光（暗）边框颜色bordercolorlight行向光（亮）边框颜色028td单元格元素属性属性说明width宽度，像素或百分比height高度，像素或百分比bgcolor背景颜色background背景图片align水平对齐,left,center,rightvalign垂直对齐,top,bottom,middlebordercolor单元格边框颜色colspan合并列，单元格占几列rowspan合并行，单元格占几行说明：合并行的单元格后应增加行，行内增加单元格，并且合并行的单元格所在的行内增加单元格以扩充列。trtdrowspan=”2”…../tdtd…./td/trtrtd增加的一个单元格/td/tr4029table中使用的其他元素标题：caption表格标题/caption表头：thead//表只能有一个theadtr//tr标记必须包含td内容/tdtd内容/td/tr/thead主体：tbody//表只能有一个tbodytr//tr标记必须包含td内容/tdtd内容/td/tr/tbody表尾：tfoot//表只能有一个tfoottr//tr标记必须包含td内容/tdtd内容/td/tr/tfootthead,tbody,tfoot属性及说明bgcolor背景颜色align水平对齐,left,center,rightvalign垂直对齐,top,middle,bottom030表单元素formform为容器标记，其他表单对象放于其中。语法：form……/form属性说明action提交地址，绝地或相对name名称，以便脚本语言控制表单method传送方法，get(表单内容在url后，最多8192字符),post(无限制)enctype提交表单编码方式Text/plain:纯文本application/x-：默认编码multipart/form-data:传文件时必须target返回信息打开方式,_top(顶级窗口),_blank,_self,_parent（父级）031表单控件input通用属性及说明type表单对象类型name表单对象名称，区分对象type属性值及说明text文本字段password密码域radio单选按钮checkbox复选框button普通按钮submit提交按钮reset重置按钮image图像域hidden隐藏域file文件域各type值控件的input标记可附加的属性type=”text”value文本框默认值size在页面显示的长度，字符单位maxlength文本字段最多输入字符数type=”password”value默认值，显示星号或圆点size显示长度maxlength最多输入字符数type=”radio”name多个单选按钮名称可相同value传送到处理程序中的值checked选中，无取值，只能设置一个type=”checkbox”value传送到处理程序中的值checked选中，无取值，可设置多个type=”button”value按钮上显示的文字onclick按下按钮事件进行的处理type=”submit”type=”reset”submit用于提交，reset用于清除表单value显示在按钮上的文字type=”image”用图像域代替提交按钮src图像的url路径type=”hidden”5收集发送信息到服务器，可插入多个value传送到服务器中的值type=”file”文本框和浏览按钮，输入或选择文件路径size显示的最大字符数maxlength可输入的最大字符数032选择列表元素select属性说明name列表的名称size显示列表项数，默认1，小于列表项数时，添加滚动条multiple允许多选，无属性值033列表条目元素opti