青岛专业公司网站设计,wordpress自动安装,洛阳市建设工程造价信息网,做国际网站怎么能快速打开HTML学习第三天#xff01; PS#xff1a;牛牛只是每天花了1.5-2小时左右来学习HTML。 书接上回 HTMLdiv和span HTML 可以通过div 和 span将元素组合起来。 HTML 区块元素 大多数 HTML 元素被定义为块级元素或内联元素。 块级元素在浏…HTML学习第三天 PS牛牛只是每天花了1.5-2小时左右来学习HTML。 书接上回 HTMLdiv和span HTML 可以通过div 和 span将元素组合起来。 HTML 区块元素 大多数 HTML 元素被定义为块级元素或内联元素。 块级元素在浏览器显示时通常会以新行来开始和结束。 实例: h1, p, ul, table HTML 内联元素 内联元素在显示时通常不会以新行开始。 实例: b, td, a, img HTML div 元素 HTML div 元素是块级元素它可用于组合其他 HTML 元素的容器。 元素没有特定的含义。除此之外由于它属于块级元素浏览器会在其前后显示折行。 如果与 CSS 一同使用 元素可用于对大的内容块设置样式属性。 div元素的另一个常见的用途是文档布局。它取代了使用表格定义布局的老式方法。使用 table 元素进行文档布局不是表格的正确用法。table 元素的作用是显示表格化的数据。 HTML span 元素 HTML span 元素是内联元素可用作文本的容器 span 元素也没有特定的含义。 当与 CSS 一同使用时span 元素可用于为部分文本设置样式属性。 HTML 分组标签 标签描述div定义了文档的区域块级 (block-level)span用来组合文档中的行内元素 内联元素(inline) 注 当涉及到 div 和span的区别时以下几点是值得进一步明确的 块级元素 vs. 行内元素 div 是块级元素它独占一行可以设置宽度、高度以及边距等样式属性。它适合用于创建页面的大块结构例如页面的主体区域、容器、布局等。span 是行内元素它不会独占一行宽度默认由其内容决定。它适合用于对文本或其他行内元素进行样式化、标记或包裹。 默认样式和布局 div 元素的默认样式为块级显示会以块的形式占据可用空间。span 元素的默认样式为行内显示它不会独占一行只占据其内容的宽度。 嵌套关系 div 可以容纳其他块级元素和行内元素包括其他的 div 和 span 元素。span 通常被用来包裹文本或其他行内元素比如用来设置特定文本的样式。 总之div 用于创建页面结构和布局而span用于对文本或行内元素进行样式化或包裹。它们在页面设计和样式设置中有不同的用途和作用。 HTML 布局 网页布局对改善网站的外观非常重要。 请慎重设计您的网页布局。 使用div元素的网页布局 !DOCTYPE html html head meta charsetutf-8 title跟着牛牛一起做(runoob.com)/title /head bodydiv idcontainer stylewidth:500pxdiv idheader stylebackground-color:#FFA500; h1 stylemargin-bottom:0;主要的网页标题/h1/divdiv idmenu stylebackground-color:#FFD700;height:200px;width:100px;float:left; b菜单/bbr HTMLbr CSSbr JavaScript/divdiv idcontent stylebackground-color:#EEEEEE;height:200px;width:400px;float:left; 内容在这里 p a hrefhttps://blog.csdn.net/qq_47493625/article/details/135874922?spm1001.2014.3001.5501HTML教程】跟着菜鸟学语言—HTML5个人笔记经验/a /p /divdiv idfooter stylebackground-color:#FFA500;clear:both;text-align:center; 勇敢牛牛不怕困难 /div /div pa hrefhttps://blog.csdn.net/qq_47493625?spm1000.2115.3001.5343许牛牛在线大闯关/a/p /body /html使用table元素添加布局 !DOCTYPE html html head meta charsetutf-8 title复制进去看看/title /head bodytable width500 border0 tr td colspan2 stylebackground-color:#FFA500; h1主要的网页标题/h1 h2勇敢牛牛在线大闯关/h2 /td /trtr td stylebackground-color:#FFD700;width:100px;vertical-align:top; b菜单/bbr 博客首页br 个人主页br 专栏 /td td stylebackground-color:#eeeeee;height:200px;width:400px;vertical-align:top; 嘿咻嘿咻嘿咻在这里写内容/td /trtr td colspan2 stylebackground-color:#FFA500;text-align:center; 勇敢牛牛向前冲/td /tr /table/body /html网站布局 大多数网站会把内容安排到多个列中就像杂志或报纸那样。 大多数网站可以使用 div 或者 table 元素来创建多列。CSS 用于对元素进行定位或者为页面创建背景以及色彩丰富的外观。 Tips 虽然我们可以使用HTML table标签来设计出漂亮的布局但是table标签是不建议作为布局工具使用的 - 表格不是布局工具。 HTML 布局 - 使用div 元素 div 元素是用于分组 HTML 元素的块级元素。 下面的例子使用五个 div 元素来创建多列布局 !DOCTYPE html html head meta charsetutf-8 title跟着牛牛一起做(runoob.com)/title /head bodydiv idcontainer stylewidth:500pxdiv idheader stylebackground-color:#FFA500; h1 stylemargin-bottom:0;主要的网页标题/h1/divdiv idmenu stylebackground-color:#FFD700;height:200px;width:100px;float:left; b菜单/bbr HTMLbr CSSbr JavaScript/divdiv idcontent stylebackground-color:#EEEEEE;height:200px;width:400px;float:left; 内容在这里 p a hrefhttps://blog.csdn.net/qq_47493625/article/details/135874922?spm1001.2014.3001.5501HTML教程】跟着菜鸟学语言—HTML5个人笔记经验/a /p /divdiv idfooter stylebackground-color:#FFA500;clear:both;text-align:center; 勇敢牛牛不怕困难 /div /div pa hrefhttps://blog.csdn.net/qq_47493625?spm1000.2115.3001.5343许牛牛在线大闯关/a/p /body /htmlHTML 布局 - 使用表格 使用 HTML table 标签是创建布局的一种简单的方式。 大多数站点可以使用 div 或者 table 元素来创建多列。CSS 用于对元素进行定位或者为页面创建背景以及色彩丰富的外观。 Tips 即使可以使用 HTML 表格来创建漂亮的布局但设计表格的目的是呈现表格化数据 - 表格不是布局工具 下面的例子使用三行两列的表格 - 第一和最后一行使用 colspan 属性来横跨两列 !DOCTYPE html html head meta charsetutf-8 title跟着牛牛一起做/title /head bodytable width500 border0 tr td colspan2 stylebackground-color:#FFA500; h1主要的网页标题/h1 /td /trtr td stylebackground-color:#FFD700;width:100px; b菜单/bbr HTMLbr CSSbr JavaScript /td td stylebackground-color:#eeeeee;height:200px;width:400px; 内容在这里/td /trtr td colspan2 stylebackground-color:#FFA500;text-align:center; 勇敢牛牛向前冲/td /tr /table/body /htmlHTML 布局 - 有用的提示 Tip: 使用 CSS 最大的好处是如果把 CSS 代码存放到外部样式表中那么站点会更易于维护。通过编辑单一的文件就可以改变所有页面的布局。 Tip: 由于创建高级的布局非常耗时使用模板是一个快速的选项。通过搜索引擎可以找到很多免费的网站模板您可以使用这些预先构建好的网站布局并优化它们。 HTML 布局标签 标签描述div定义文档区块块级(block-level)span定义 span用来组合文档中的行内元素。 HTML 表单和输入 HTML 表单用于收集用户的输入信息。 HTML 表单表示文档中的一个区域此区域包含交互控件将用户收集到的信息发送到 Web 服务器。 HTML 表单通常包含各种输入字段、复选框、单选按钮、下拉列表等元素。 以下是一个简单的HTML表单的例子 form 元素用于创建表单action 属性定义了表单数据提交的目标 URLmethod 属性定义了提交数据的 HTTP 方法这里使用的是 “post”。label 元素用于为表单元素添加标签提高可访问性。input 元素是最常用的表单元素之一它可以创建文本输入框、密码框、单选按钮、复选框等。type 属性定义了输入框的类型id 属性用于关联 label 元素name 属性用于标识表单字段。select 元素用于创建下拉列表而 option 元素用于定义下拉列表中的选项。 尝试一下 !DOCTYPE html html head meta charsetutf-8 title试试看吧/title /head bodyh2表单/h2form action/ methodpost!-- 文本输入框 --label forname用户名:/labelinput typetext idname namename requiredbr!-- 密码输入框 --label forpassword密码:/labelinput typepassword idpassword namepassword requiredbr!-- 单选按钮 --label性别:/labelinput typeradio idmale namegender valuemale checkedlabel formale男/labelinput typeradio idfemale namegender valuefemalelabel forfemale女/labelbr!-- 复选框 --input typecheckbox idsubscribe namesubscribe checkedlabel forsubscribe订阅推送信息/labelbr!-- 下拉列表 --label forcountry国家:/labelselect idcountry namecountryoption valuecnCN/optionoption valueusaUSA/optionoption valueukUK/option/selectbr!-- 提交按钮 --input typesubmit value提交/form/body /html小试牛刀-实例 以下实例创建了一个表单包含两个输入框 form action First name: input typetext namefirstnamebr Last name: input typetext namelastname /form以下实例创建了一个表单包含一个普通输入框和一个密码输入框 form actionUsername: input typetext nameuserbrPassword: input typepassword namepassword/formHTML 表单 表单是一个包含表单元素的区域。 表单元素是允许用户在表单中输入内容比如文本域textarea、下拉列表select、单选框radio-buttons、复选框checkbox 等等。 我们可以使用form标签来创建表单: form.input 元素./formHTML 表单 - 输入元素 多数情况下被用到的表单标签是输入标签 input。 输入类型是由 type 属性定义。 接下来我们介绍几种常用的输入类型。 文本域Text Fields 文本域通过 input typetext 标签来设定当用户要在表单中键入字母、数字等内容时就会用到文本域。 实例 form First name: input typetext namefirstnamebr Last name: input typetext namelastname /form注意:表单本身并不可见。同时在大多数浏览器中文本域的默认宽度是 20 个字符。 密码字段 密码字段通过标签 input typepassword 来定义: 实例 form Password: input typepassword namepwd /form**注意**密码字段字符不会明文显示而是以星号 ***** 或圆点 . 替代。 单选按钮Radio Buttons input typeradio 标签定义了表单的单选框选项: 实例 form action input typeradio namesex valuemale男br input typeradio namesex valuefemale女 /form浏览器显示效果如下: ⚪男 ⚪女 复选框Checkboxes input typecheckbox 定义了复选框。 复选框可以选取一个或多个选项 实例 form input typecheckbox namevehicle valueBike我喜欢自行车br input typecheckbox namevehicle valueCar我喜欢小汽车 /form浏览器显示效果如下: □我喜欢自行车 □我喜欢小汽车 提交按钮(Submit) input typesubmit 定义了提交按钮。 当用户单击确认按钮时表单的内容会被传送到服务器。表单的动作属性 action 定义了服务端的文件名。 action 属性会对接收到的用户输入数据进行相关的处理: 实例 form nameinput actionhtml_form_action.php methodget Username: input typetext nameuser input typesubmit valueSubmit /form假如你在上面的文本框内键入几个字母然后点击确认按钮那么输入数据会传送到 html_form_action.php 文件该页面将显示出输入的结果。 以上实例中有一个 method 属性它用于定义表单数据的提交方式可以是以下值 post指的是 HTTP POST 方法表单数据会包含在表单体内然后发送给服务器用于提交敏感数据如用户名与密码等。get默认值指的是 HTTP GET 方法表单数据会附加在 action 属性的 URL 中并以 **?**作为分隔符一般用于不敏感信息如分页等。例如https://www.runoob.com/?page1这里的 page1 就是 get 方法提交的数据。 实例 !-- 以下表单使用 GET 请求发送数据到当前的 URLmethod 默认位 GET。 -- formlabelName:input namesubmitted-name autocompletename/labelbuttonSave/button /form!-- 以下表单使用 POST 请求发送数据到当前的 URL。 -- form methodpostlabelName:input namesubmitted-name autocompletename/labelbuttonSave/button /form!-- 表单使用 fieldset, legend, 和 label 标签 -- form methodpostfieldsetlegendTitle/legendlabelinput typeradio nameradio Select me/label/fieldset /formHTML 表单标签 New : HTML5新标签 标签描述from定义供用户输入的表单input定义输入域textarea定义文本域 (一个多行的输入控件)label定义了 input 元素的标签一般为输入标题fieldest定义了一组相关的表单元素并使用外框包含起来legend定义了fieldset元素的标题select定义了下拉选项列表optgroup定义选项组option定义下拉列表中的选项button定义一个点击按钮datalist new指定一个预先定义的输入控件选项列表keygen new定义了表单的密钥对生成器字段output new定义一个计算结果 HTML 框架 通过使用框架你可以在同一个浏览器窗口中显示不止一个页面。 iframe语法: iframe srcURL/iframe该URL指向不同的网页。 iframe - 设置高度与宽度 height 和 width 属性用来定义iframe标签的高度与宽度。 属性默认以像素为单位, 但是你可以指定其按比例显示 (如“80%”)。 实例 !DOCTYPE html html head meta charsetutf-8 title尝试一下/title /head bodyiframe srcdemo_iframe.htm width200 height200/iframep一些旧的浏览器不支持 iframe。/p p如果浏览器不支持 iframes 则不会显示。/p/body /htmliframe - 移除边框 frameborder 属性用于定义iframe表示是否显示边框。 设置属性值为 “0” 移除iframe的边框: 实例 iframe srcdemo_iframe.htm frameborder0/iframe使用 iframe 来显示目标链接页面 iframe 可以显示一个目标链接的页面 目标链接的属性必须使用 iframe 的属性如下实例: 实例 iframe srcdemo_iframe.htm nameiframe_a/iframe pa hrefhttps://www.runoob.com targetiframe_a relnoopenerRUNOOB.COM/a/pHTML iframe 标签 标签说明iframe定义一个内联的iframe 注意 出于有些网页不希望被嵌套, 响应头中有一选项 X-Frame-Options他有三个可配置值 DENY表示该网站页面不允许被嵌套即便是在自己的域名的页面中也不能进行嵌套。 SAMEORIGIN表示该页面可以在相同域名页面中被嵌套展示。 ALLOW-FROM uri表示该页面可以在指定来源页面中进行嵌套展示。HTML 颜色 HTML 颜色由红色、绿色、蓝色混合而成。 颜色值 HTML 颜色由一个十六进制符号来定义这个符号由红色、绿色和蓝色的值组成RGB。 每种颜色的最小值是0十六进制#00。最大值是255十六进制#FF。 这个表格给出了由三种颜色混合而成的具体效果 颜色值 颜色(Color)颜色十六进制(Color HEX)颜色RGB(Color RGB)黑色#000000rgb(0,0,0)红色#FF0000rgb(255,0,0)绿色#00FF00rgb(0,255,0)蓝色#0000FFrgb(0,0,255)黄色#FFFF00rgb(255,255,0)蓝色#00FFFFrgb(0,255,255)紫色#FF00FFrgb(255,0,255)灰色#C0C0C0rgb(192,192,192)白色#FFFFFFrgb(255,255,255) 尝试一下 !DOCTYPE html html head meta charsetutf-8 title尝试一下/title /head bodyp stylebackground-color:#FFFF00 通过十六进制设置背景颜色 /pp stylebackground-color:rgb(255,255,0) 通过 rgb 值设置背景颜色 /pp stylebackground-color:yellow 通过颜色名设置背景颜色 /p/body /html1600万种不同颜色 三种颜色 红绿蓝的组合从0到255一共有1600万种不同颜色(256 x 256 x 256)。 在下面的颜色表中你会看到不同的结果从0到255的红色同时设置绿色和蓝色的值为0,随着红色的值变化不同的值都显示了不同的颜色。 灰暗色调 以下展示了黑色到灰色的渐变 Web安全色? 数年以前当大多数计算机仅支持 256 种颜色的时候一系列 216 种 Web 安全色作为 Web 标准被建议使用。其中的原因是微软和 Mac 操作系统使用了 40 种不同的保留的固定系统颜色双方大约各使用 20 种。 我们不确定如今这么做的意义有多大因为越来越多的计算机有能力处理数百万种颜色不过做选择还是你自己。 最初216 跨平台 web 安全色被用来确保当计算机使用 256 色调色板时所有的计算机能够正确地显示所有的颜色。 0000000000330000660000990000CC0000FF0033000033330033660033990033CC0033FF0066000066330066660066990066CC0066FF0099000099330099660099990099CC0099FF00CC0000CC3300CC6600CC9900CCCC00CCFF00FF0000FF3300FF6600FF9900FFCC00FFFF3300003300333300663300993300CC3300FF3333003333333333663333993333CC3333FF3366003366333366663366993366CC3366FF3399003399333399663399993399CC3399FF33CC0033CC3333CC6633CC9933CCCC33CCFF33FF0033FF3333FF6633FF9933FFCC33FFFF6600006600336600666600996600CC6600FF6633006633336633666633996633CC6633FF6666006666336666666666996666CC6666FF6699006699336699666699996699CC6699FF66CC0066CC3366CC6666CC9966CCCC66CCFF66FF0066FF3366FF6666FF9966FFCC66FFFF9900009900339900669900999900CC9900FF9933009933339933669933999933CC9933FF9966009966339966669966999966CC9966FF9999009999339999669999999999CC9999FF99CC0099CC3399CC6699CC9999CCCC99CCFF99FF0099FF3399FF6699FF9999FFCC99FFFFCC0000CC0033CC0066CC0099CC00CCCC00FFCC3300CC3333CC3366CC3399CC33CCCC33FFCC6600CC6633CC6666CC6699CC66CCCC66FFCC9900CC9933CC9966CC9999CC99CCCC99FFCCCC00CCCC33CCCC66CCCC99CCCCCCCCCCFFCCFF00CCFF33CCFF66CCFF99CCFFCCCCFFFFFF0000FF0033FF0066FF0099FF00CCFF00FFFF3300FF3333FF3366FF3399FF33CCFF33FFFF6600FF6633FF6666FF6699FF66CCFF66FFFF9900FF9933FF9966FF9999FF99CCFF99FFFFCC00FFCC33FFCC66FFCC99FFCCCCFFCCFFFFFF00FFFF33FFFF66FFFF99FFFFCCFFFFFF HTML 颜色名 目前所有浏览器都支持以下颜色名。 141个颜色名称是在HTML和CSS颜色规范定义的17标准颜色再加124。下表列出了所有颜色的值包括十六进制值。 提示: 17标准颜色黑色蓝色水紫红色灰色绿色石灰栗色海军橄榄橙紫红白银蓝绿色黄色。点击其中一个颜色名称或一个十六进制值就可以查看与不同文字颜色搭配的背景颜色。 按颜色名排序 按十六进制的值排序 单击一个颜色名或者 16 进制值就可以查看与不同文字颜色搭配的背景颜色。(这里的颜色没办法展示出来大家可以前往原站自行查看) 颜色名HEXColorAliceBlue#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#1E90FFFireBrick#B22222FloralWhite#FFFAF0ForestGreen#228B22Fuchsia#FF00FFGainsboro#DCDCDCGhostWhite#F8F8FFGold#FFD700GoldenRod#DAA520Gray#808080Green#008000GreenYellow#ADFF2FHoneyDew#F0FFF0HotPink#FF69B4IndianRed #CD5C5CIndigo #4B0082Ivory#FFFFF0Khaki#F0E68CLavender#E6E6FALavenderBlush#FFF0F5LawnGreen#7CFC00LemonChiffon#FFFACDLightBlue#ADD8E6LightCoral#F08080LightCyan#E0FFFFLightGoldenRodYellow#FAFAD2LightGray#D3D3D3LightGreen#90EE90LightPink#FFB6C1LightSalmon#FFA07ALightSeaGreen#20B2AALightSkyBlue#87CEFALightSlateGray#778899LightSteelBlue#B0C4DELightYellow#FFFFE0Lime#00FF00LimeGreen#32CD32Linen#FAF0E6Magenta#FF00FFMaroon#800000MediumAquaMarine#66CDAAMediumBlue#0000CDMediumOrchid#BA55D3MediumPurple#9370DBMediumSeaGreen#3CB371MediumSlateBlue#7B68EEMediumSpringGreen#00FA9AMediumTurquoise#48D1CCMediumVioletRed#C71585MidnightBlue#191970MintCream#F5FFFAMistyRose#FFE4E1Moccasin#FFE4B5NavajoWhite#FFDEADNavy#000080OldLace#FDF5E6Olive#808000OliveDrab#6B8E23Orange#FFA500OrangeRed#FF4500Orchid#DA70D6PaleGoldenRod#EEE8AAPaleGreen#98FB98PaleTurquoise#AFEEEEPaleVioletRed#DB7093PapayaWhip#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#EE82EEWheat#F5DEB3White#FFFFFFWhiteSmoke#F5F5F5Yellow#FFFF00YellowGreen#9ACD32 HTML 颜色值 颜色由红®、绿(G)、蓝(B)组成。 颜色值 颜色值由十六进制来表示红、绿、蓝RGB。 每个颜色的最低值为 0(十六进制为 00)最高值为 255(十六进制为FF)。 十六进制值的写法为 # 号后跟三个或六个十六进制字符。 三位数表示法为#RGB转换为6位数表示为#RRGGBB。 !DOCTYPE html html head meta charsetutf-8 title菜鸟教程(runoob.com)/title /head bodyp stylebackground-color:#FFFF00 通过十六进制设置背景颜色 /pp stylebackground-color:rgb(255,255,0) 通过 rgb 值设置背景颜色 /pp stylebackground-color:yellow 通过颜色名设置背景颜色 /p/body /html通过十六进制Hex的颜色值排序 查看以颜色名称排序的颜色列表 颜色名HEXColorBlack#000000Navy#000080DarkBlue#00008BMediumBlue#0000CDBlue#0000FFDarkGreen#006400Green#008000Teal#008080DarkCyan#008B8BDeepSkyBlue#00BFFFDarkTurquoise#00CED1MediumSpringGreen#00FA9ALime#00FF00SpringGreen#00FF7FAqua#00FFFFCyan#00FFFFMidnightBlue#191970DodgerBlue#1E90FFLightSeaGreen#20B2AAForestGreen#228B22SeaGreen#2E8B57DarkSlateGray#2F4F4FLimeGreen#32CD32MediumSeaGreen#3CB371Turquoise#40E0D0RoyalBlue#4169E1SteelBlue#4682B4DarkSlateBlue#483D8BMediumTurquoise#48D1CCIndigo #4B0082DarkOliveGreen#556B2FCadetBlue#5F9EA0CornflowerBlue#6495EDMediumAquaMarine#66CDAADimGray#696969SlateBlue#6A5ACDOliveDrab#6B8E23SlateGray#708090LightSlateGray#778899MediumSlateBlue#7B68EELawnGreen#7CFC00Chartreuse#7FFF00Aquamarine#7FFFD4Maroon#800000Purple#800080Olive#808000Gray#808080SkyBlue#87CEEBLightSkyBlue#87CEFABlueViolet#8A2BE2DarkRed#8B0000DarkMagenta#8B008BSaddleBrown#8B4513DarkSeaGreen#8FBC8FLightGreen#90EE90MediumPurple#9370DBDarkViolet#9400D3PaleGreen#98FB98DarkOrchid#9932CCYellowGreen#9ACD32Sienna#A0522DBrown#A52A2ADarkGray#A9A9A9LightBlue#ADD8E6GreenYellow#ADFF2FPaleTurquoise#AFEEEELightSteelBlue#B0C4DEPowderBlue#B0E0E6FireBrick#B22222DarkGoldenRod#B8860BMediumOrchid#BA55D3RosyBrown#BC8F8FDarkKhaki#BDB76BSilver#C0C0C0MediumVioletRed#C71585IndianRed #CD5C5CPeru#CD853FChocolate#D2691ETan#D2B48CLightGray#D3D3D3Thistle#D8BFD8Orchid#DA70D6GoldenRod#DAA520PaleVioletRed#DB7093Crimson#DC143CGainsboro#DCDCDCPlum#DDA0DDBurlyWood#DEB887LightCyan#E0FFFFLavender#E6E6FADarkSalmon#E9967AViolet#EE82EEPaleGoldenRod#EEE8AALightCoral#F08080Khaki#F0E68CAliceBlue#F0F8FFHoneyDew#F0FFF0Azure#F0FFFFSandyBrown#F4A460Wheat#F5DEB3Beige#F5F5DCWhiteSmoke#F5F5F5MintCream#F5FFFAGhostWhite#F8F8FFSalmon#FA8072AntiqueWhite#FAEBD7Linen#FAF0E6LightGoldenRodYellow#FAFAD2OldLace#FDF5E6Red#FF0000Fuchsia#FF00FFMagenta#FF00FFDeepPink#FF1493OrangeRed#FF4500Tomato#FF6347HotPink#FF69B4Coral#FF7F50DarkOrange#FF8C00LightSalmon#FFA07AOrange#FFA500LightPink#FFB6C1Pink#FFC0CBGold#FFD700PeachPuff#FFDAB9NavajoWhite#FFDEADMoccasin#FFE4B5Bisque#FFE4C4MistyRose#FFE4E1BlanchedAlmond#FFEBCDPapayaWhip#FFEFD5LavenderBlush#FFF0F5SeaShell#FFF5EECornsilk#FFF8DCLemonChiffon#FFFACDFloralWhite#FFFAF0Snow#FFFAFAYellow#FFFF00LightYellow#FFFFE0Ivory#FFFFF0White#FFFFFF