搜索
HTML学习(颜色名)HTML文档类型HTML设定字符集：metahttp-equiv=Content-TypeHTML字符集用于说明HTML页面的内容所使用的文字和语言。HTML语言用于告诉浏览器该以什么内码、什么语言来显示网页。错误的设置网页的字符集会导致页面出现乱码的现象。语法：metahttp-equiv=Content-Typecontent=text/html;charset=xxx说明：http-equiv传送HTTP通信协议的标头。content定义网页使用的内码，其中charset定义该网页内码所使用的语言类别。示例：metahttp-equiv=Content-Typecontent=text/html;charset=gb2312该示例表示该网页所使用的字符集是GB2312简体中文。以下是部分HTML字符集代码列表：gb2312简体中文big5繁体中文EUC_KR韩语Shift_JIS或EUC_JP日语KOI8-R/Windows-1251俄语iso-8859-1西欧语系（荷兰语,英语,法语,德语,意大利语,挪威语,葡萄牙语,瑞士语.等十八种语言）iso-8859-2中欧语系iso-8859-5斯拉夫语系（保加利亚语,Byelorussian语,马其顿语,俄语,塞尔维亚语,乌克兰语等）uft-8、unicode多语言国内基本上用的是gb2312简体中文、big5繁体中文、uft-8多语言。metacharset=UTF-8!--forHTML5--metahttp-equiv=Content-Typecontent=text/html;charset=utf-8/ZC:注意：源码文件(?.html等)，需要保存为UTF-8编码格式的文件HTML代码:formlabelName:/labelinputname=name/fieldsetlabelNewsletter:/labelinputname=newsletter//fieldset/forminputname=none/jQuery代码:$(forminput)结果:[inputname=name/,inputname=newsletter/]2.$(AB)查找A元素下面的直接子节点例子：匹配表单中所有的子级input元素。HTML代码:formlabelName:/labelinputname=name/fieldsetlabelNewsletter:/labelinputname=newsletter//fieldset/forminputname=none/jQuery代码:$(forminput)结果:[inputname=name/]3.$(A+B)查找A元素后面的兄弟节点，包括非直接子节点例子：匹配所有跟在label后面的input元素HTML代码:formlabelName:/labelinputname=name/fieldsetlabelNewsletter:/labelinputname=newsletter//fieldset/forminputname=none/jQuery代码:$(label+input)结果:[inputname=name/,inputname=newsletter/]提示：W3C的HTML4.0标准仅支持16种颜色名，它们是：aqua、black、blue、fuchsia、gray、green、lime、maroon、navy、olive、purple、red、silver、teal、white、yellow。如果使用其它颜色的话，就应该使用十六进制的颜色值。颜色名列表单击一个颜色名或者16进制值，就可以查看与不同文字颜色搭配的背景颜色。颜色名十六进制颜色值颜色AliceBlue#F0F8FFAntiqueWhite#FAEBD7Aqua#00FFFFAquamarine#7FFFD4Azure#F0FFFFBeige#F5F5DCBisque#FFE4C4Black#000000BlanchedAlmond#FFEBCDBlue#0000FFBlueViolet#8A2BE2Brown#A52A2ABurlyWood#DEB887CadetBlue#5F9EA0Chartreuse#7FFF00Chocolate#D2691ECoral#FF7F50CornflowerBlue#6495EDCornsilk#FFF8DCCrimson#DC143CCyan#00FFFFDarkBlue#00008BDarkCyan#008B8BDarkGoldenRod#B8860BDarkGray#A9A9A9DarkGreen#006400DarkKhaki#BDB76BDarkMagenta#8B008BDarkOliveGreen#556B2FDarkorange#FF8C00DarkOrchid#9932CCDarkRed#8B0000DarkSalmon#E9967ADarkSeaGreen#8FBC8FDarkSlateBlue#483D8BDarkSlateGray#2F4F4FDarkTurquoise#00CED1DarkViolet#9400D3DeepPink#FF1493DeepSkyBlue#00BFFFDimGray#696969DodgerBlue#1E90FFFeldspar#D19275FireBrick#B22222FloralWhite#FFFAF0ForestGreen#228B22Fuchsia#FF00FFGainsboro#DCDCDCGhostWhite#F8F8FFGold#FFD700GoldenRod#DAA520Gray#808080Green#008000GreenYellow#ADFF2FHoneyDew#F0FFF0HotPink#FF69B4IndianRed#CD5C5CIndigo#4B0082Ivory#FFFFF0Khaki#F0E68CLavender#E6E6FALavenderBlush#FFF0F5LawnGreen#7CFC00LemonChiffon#FFFACDLightBlue#ADD8E6LightCoral#F08080LightCyan#E0FFFFLightGoldenRodYellow#FAFAD2LightGrey#D3D3D3LightGreen#90EE90LightPink#FFB6C1LightSalmon#FFA07ALightSeaGreen#20B2AALightSkyBlue#87CEFALightSlateBlue#8470FFLightSlateGray#778899LightSteelBlue#B0C4DELightYellow#FFFFE0Lime#00FF00LimeGreen#32CD32Linen#FAF0E6Magenta#FF00FFMaroon#800000MediumAquaMarine#66CDAAMediumBlue#0000CDMediumOrchid#BA55D3MediumPurple#9370D8MediumSeaGreen#3CB371MediumSlateBlue#7B68EEMediumSpringGreen#00FA9AMediumTurquoise#48D1CCMediumVioletRed#C71585MidnightBlue#191970MintCream#F5FFFAMistyRose#FFE4E1Moccasin#FFE4B5NavajoWhite#FFDEADNavy#000080OldLace#FDF5E6Olive#808000OliveDrab#6B8E23Orange#FFA500OrangeRed#FF4500Orchid#DA70D6PaleGoldenRod#EEE8AAPaleGreen#98FB98PaleTurquoise#AFEEEEPaleVioletRed#D87093PapayaWhip#FFEFD5PeachPuff#FFDAB9Peru#CD853FPink#FFC0CBPlum#DDA0DDPowderBlue#B0E0E6Purple#800080Red#FF0000RosyBrown#BC8F8FRoyalBlue#4169E1SaddleBrown#8B4513Salmon#FA8072SandyBrown#F4A460SeaGreen#2E8B57SeaShell#FFF5EESienna#A0522DSilver#C0C0C0SkyBlue#87CEEBSlateBlue#6A5ACDSlateGray#708090Snow#FFFAFASpringGreen#00FF7FSteelBlue#4682B4Tan#D2B48CTeal#008080Thistle#D8BFD8Tomato#FF6347Turquoise#40E0D0Violet#EE82EEVioletRed#D02090Wheat#F5DEB3White#FFFFFFWhiteSmoke#F5F5F5Yellow#FFFF00YellowGreen#9ACD32HTML字符集jQuery过滤选择器（一）1.ID选择器根据控件ID获取jQeruy，相当于javascript的getelementById。使用方法：$(#myid)，获取ID等于myid的jquery对象。2.标签选择器使用标签名称获取jQuery,相当于javascript的getElementsByTagName_r()。使用方法：$(p)，获取所有p标签。3.class选择器class为元素的定义样式，根据class名称获取jquery对象。如：$(.btn)，获取页面中所有使用了class为btn的标签。4.多条件选择器根据多个条件一次性选择多种标签。使用方法：$(p,div,span.menuitem)获取标签p,div和css名称为menuitem的span标签。5.层次选择器1).$(divli),获取div标签内部的所有li元素。2).$(dvili),获取div标签的li子元素。3).$(.menuitem+div),获取css名称为menuitem之后的第一个div元素。4).$(.menuitem~div),获取css名称为menuitem之后的所有div元素。jQuery选择器（二）1.next()方法1).$(#mydiv).next(),获取id为mydiv元素的下一个同辈元素。2).$(#mydiv).next(div),获取id为mydiv元素紧跟后面的div元素。3).$(#mydiv).nextAll(),获取id为mydiv元素的所有同辈元素。4).$(#mydiv).nextAll(div),获取id为mydiv元素的所有是div的同辈元素。2.siblings()方法1).$(this).siblings(),获取除了自己以外的所有同级标签。2).#(this).siblings(div),获取除了自己以外的所有同级的div标签。jquery过滤选择器选择器（三）1.first$(div:first)，选择第一个选择器。2.last$(div:last)，选择最后一个选择器。3.not$(div:not(.line)),选择除了css等于line的div元素。4.even$(div:even),选取所有div元素索引为奇数的div元素。5.odd$(div:odd),选择所有div元素索引为偶数的div元素。6.eq、gt、lt$(div:eq(5)),选择所有div中索引等于5的div元素，$(div:gt(5)),选择所有div中索引大于