zoukankan      html  css  js  c++  java
  • PHP.7-HTML+CSS(一)-HTML语法、常用字符实体、颜色代码

    HTML+CSS

    HTML是WEB页面的描述性语言,浏览器解释的语言

    CSS则是为HTML制定样式的机制,为浏览器解释的语言。它不能独立使用,没有HTML就没有CSS,定义网页的外观和布局(字体、背景、文本、位置、边缘、列表及其它)

    JavaScript是具有交互性Web设计最佳选择
    都可以独立编写
    CSS和JavaScript还有PHP都可以嵌入在HTML中应用

    HTML语法

    <标记名> </标记名>  成对的标记,也称为容器。标记中可以嵌套其它的标记

    0、HTML标签属性

    属性:在标记中使用 [属性=属性值]

    多个属性使用空格分开

    属性的值(不管什么类型)可以使用单引号、双引号、不加引号(使用双引号)

    例如:<font color=“red” size=“7”>

    属性是对标记功能的扩展或形为的修饰,每个属性几乎都是可选。

    1、HTML标记和属性名都是不区分大小写的

    2、HTML文档注释 <!--  注释内容  -->

    在注释中不能再有注释
    在注释掉的标记之后,要保证还是一个结构完好的文档

    3、HTML的代码格式

    任何回车或空格在源代码中都不起作用

    回车或空格的作用是:进行代码排版

    4、HTML字符实体

    三部分:

    以&开头

    一个实体名或是使用#号和一个体编号

    以分号;结束

    <   &lt;  &#60;    

    >  &gt;   &#62;  

                            最常用的字符实体

    显示说明实体名称实体编号
      半方大的空白 &ensp; &#8194;
      全方大的空白 &emsp; &#8195;
      不断行的空白格 &nbsp; &#160;
    < 小于 &lt; &#60;
    > 大于 &gt; &#62;
    & &符号 &amp; &#38;
    " 双引号 &quot; &#34;
    © 版权 &copy; &#169;
    ® 已注册商标 &reg; &#174;
    商标(美国) &#8482;
    × 乘号 &times; &#215;
    ÷ 除号 &divide; &#247;

    ISO 8859-1 (Latin-1)字符集

    备注:为了方便起见,以下表格中,“实体名称”简称为“名称”,“实体编号”简称为“编号”

    显示名称编号显示名称编号显示名称编号显示名称编号显示名称编号
      &nbsp; &#160; ¡ &iexcl; &#161; ¢ &cent; &#162; £ &pound; &#163; ¤ &curren; &#164;
    ¥ &yen; &#165; ¦ &brvbar; &#166; § &sect; &#167; ¨ &uml; &#168; © &copy; &#169;
    ª &ordf; &#170; « &laquo; &#171; ¬ &not; &#172;   &shy; &#173; ® &reg; &#174;
    ¯ &macr; &#175; ° &deg; &#176; ± &plusmn; &#177; ² &sup2; &#178; ³ &sup3; &#179;
    ´ &acute; &#180; µ &micro; &#181; &para; &#182; · &middot; &#183; ¸ &cedil; &#184;
    ¹ &sup1; &#185; º &ordm; &#186; » &raquo; &#187; ¼ &frac14; &#188; ½ &frac12; &#189;
    ¾ &frac34; &#190; ¿ &iquest; &#191; À &Agrave; &#192; Á &Aacute; &#193; Â &Acirc; &#194;
    Ã &Atilde; &#195; Ä &Auml; &#196; Å &Aring; &#197; Æ &AElig; &#198; Ç &Ccedil; &#199;
    È &Egrave; &#200; É &Eacute; &#201; Ê &Ecirc; &#202; Ë &Euml; &#203; Ì &Igrave; &#204;
    Í &Iacute; &#205; Î &Icirc; &#206; Ï &Iuml; &#207; Ð &ETH; &#208; Ñ &Ntilde; &#209;
    Ò &Ograve; &#210; Ó &Oacute; &#211; Ô &Ocirc; &#212; Õ &Otilde; &#213; Ö &Ouml; &#214;
    × &times; &#215; Ø &Oslash; &#216; Ù &Ugrave; &#217; Ú &Uacute; &#218; Û &Ucirc; &#219;
    Ü &Uuml; &#220; Ý &Yacute; &#221; Þ &THORN; &#222; ß &szlig; &#223; à &agrave; &#224;
    á &aacute; &#225; â &acirc; &#226; ã &atilde; &#227; ä &auml; &#228; å &aring; &#229;
    æ &aelig; &#230; ç &ccedil; &#231; è &egrave; &#232; é &eacute; &#233; ê &ecirc; &#234;
    ë &euml; &#235; ì &igrave; &#236; í &iacute; &#237; î &icirc; &#238; ï &iuml; &#239;
    ð &eth; &#240; ñ &ntilde; &#241; ò &ograve; &#242; ó &oacute; &#243; ô &ocirc; &#244;
    õ &otilde; &#245; ö &ouml; &#246; ÷ &divide; &#247; ø &oslash; &#248; ù &ugrave; &#249;
    ú &uacute; &#250; û &ucirc; &#251; ü &uuml; &#252; ý &yacute; &#253; þ &thorn; &#254;
    ÿ &yuml; &#255;

    数学和希腊字母标志
    symbols, mathematical symbols, and Greek letters

    显示名称编号显示名称编号显示名称编号显示名称编号显示名称编号
    ƒ &fnof; &#402; Α &Alpha; &#913; Β &Beta; &#914; Γ &Gamma; &#915; Δ &Delta; &#916;
    Ε &Epsilon; &#917; Ζ &Zeta; &#918; Η &Eta; &#919; Θ &Theta; &#920; Ι &Iota; &#921;
    Κ &Kappa; &#922; Λ &Lambda; &#923; Μ &Mu; &#924; Ν &Nu; &#925; Ξ &Xi; &#926;
    Ο &Omicron; &#927; Π &Pi; &#928; Ρ &Rho; &#929; Σ &Sigma; &#931; Τ &Tau; &#932;
    Υ &Upsilon; &#933; Φ &Phi; &#934; Χ &Chi; &#935; Ψ &Psi; &#936; Ω &Omega; &#937;
    α &alpha; &#945; β &beta; &#946; γ &gamma; &#947; δ &delta; &#948; ε &epsilon; &#949;
    ζ &zeta; &#950; η &eta; &#951; θ &theta; &#952; ι &iota; &#953; κ &kappa; &#954;
    λ &lambda; &#955; μ &mu; &#956; ν &nu; &#957; ξ &xi; &#958; ο &omicron; &#959;
    π &pi; &#960; ρ &rho; &#961; ς &sigmaf; &#962; σ &sigma; &#963; τ &tau; &#964;
    υ &upsilon; &#965; φ &phi; &#966; χ &chi; &#967; ψ &psi; &#968; ω &omega; &#969;
    ? &thetasym; &#977; ? &upsih; &#978; ? &piv; &#982; &bull; &#8226; &hellip; &#8230;
    &prime; &#8242; &Prime; &#8243; &oline; &#8254; &frasl; &#8260; &weierp; &#8472;
    &image; &#8465; &real; &#8476; &trade; &#8482; &alefsym; &#8501; &larr; &#8592;
    &uarr; &#8593; &rarr; &#8594; &darr; &#8595; &harr; &#8596; &crarr; &#8629;
    &lArr; &#8656; &uArr; &#8657; &rArr; &#8658; &dArr; &#8659; &hArr; &#8660;
    &forall; &#8704; &part; &#8706; &exist; &#8707; &empty; &#8709; &nabla; &#8711;
    &isin; &#8712; &notin; &#8713; &ni; &#8715; &prod; &#8719; &sum; &#8721;
    &minus; &#8722; &lowast; &#8727; &radic; &#8730; &prop; &#8733; &infin; &#8734;
    &ang; &#8736; &and; &#8743; &or; &#8744; &cap; &#8745; &cup; &#8746;
    &int; &#8747; &there4; &#8756; &sim; &#8764; &cong; &#8773; &asymp; &#8776;
    &ne; &#8800; &equiv; &#8801; &le; &#8804; &ge; &#8805; &sub; &#8834;
    &sup; &#8835; &nsub; &#8836; &sube; &#8838; &supe; &#8839; &oplus; &#8853;
    &otimes; &#8855; &perp; &#8869; &sdot; &#8901; ? &lceil; &#8968; ? &rceil; &#8969;
    ? &lfloor; &#8970; ? &rfloor; &#8971; ? &lang; &#9001; ? &rang; &#9002; &loz; &#9674;
    &spades; &#9824; &clubs; &#9827; &hearts; &#9829; &diams; &#9830;

    5、HTML颜色的设置
    设置颜色时可以是一个关键字或RGB的数字格式
    使用方法:
    <p><font color="输入颜色代码">输入文字</font></p>  

    颜色代码大全:
    1 白颜色 #FFFFFF          2 红颜色 #FF0000                  3 绿颜色 #00FF00 
      
    4 蓝颜色 #0000FF           5 牡丹红 #FF00FF                  6 青颜色 #00FFFF    


    7 黄颜色 #FFFF00           8 黑颜色 #000000                  9 海颜蓝 #70DB93    


    10 巧克力色 #5C3317      11 蓝紫色 #9F5F9F               12 黄铜色 #B5A642    

     
    13 亮金色 #D9D919         14 棕色 #A67D3D                  15 青铜色 #8C7853    


    16 2号青铜色 #A67D3D    17 士官服蓝色 #5F9F9F        18 冷铜色 #D98719    


    19 铜色 #B87333               20 珊瑚红 #FF7F00               21 紫蓝色 #42426F    

     
    22 深棕 #5C4033                23 深绿 #2F4F2F                 24 深铜绿色 #4A766E    


    25 深橄榄绿 #4F4F2F          26 深兰花色 #9932CD         27 深紫色 #871F78    


    28 深石板蓝 #6B238E          29 深铅灰色 #2F4F4F         30 深棕褐色 #97694F    

     
    32 深绿松石色 #7093DB       33 暗木色 #855E42            34 淡灰色 #545454    


    35 土灰玫瑰红色#856363      36 长石色 #D19275            37 火砖色 #8E2323    


    38 森林绿 #238E23                39 金色 #CD7F32              40 鲜黄色 #DBDB70    


    41 灰色 #C0C0C0                  42 铜绿色 #527F76            43 青黄色 #93DB70    


    44 猎人绿 #215E21               45 印度红 #4E2F2F             46 土黄色 #9F9F5F    


    47 浅蓝色 #C0D9D9              48 浅灰色 #A8A8A8            49 浅钢蓝色 #8F8FBD    


    59 浅木色 #E9C2A6              60 石灰绿色 #32CD32         61 桔黄色 #E47833    


    62 褐红色 #8E236B               63 中海蓝色 #32CD99         64 中蓝色 #3232CD    


    65 中森林绿 #6B8E23            66 中鲜黄色 #EAEAAE       67 中兰花色 #9370DB    
     

    68 中海绿色 #426F42            69 中石板蓝色 #7F00FF      70 中春绿色 #7FFF00    


    71 中绿松石色 #70DBDB       72 中紫红色 #DB7093         73 中木色 #A68064    


    74 深藏青色 #2F2F4F            75 海军蓝 #23238E              76 霓虹篮 #4D4DFF    


    77 霓虹粉红 #FF6EC7           78 新深藏青色 #00009C        79 新棕褐色 #EBC79E    


    80 暗金黄色 #CFB53B           81 橙色 #FF7F00                   82 橙红色 #FF2400    


    83 淡紫色 #DB70DB               84 浅绿色 #8FBC8F              85 粉红色 #BC8F8F    


    86 李子色 #EAADEA              87 石英色 #D9D9F3              88 艳蓝色 #5959AB    


    89 鲑鱼色 #6F4242                90 猩红色 #BC1717               91 海绿色 #238E68    


    92 半甜巧克力色#6B4226       93 赭色 #8E6B23                  94 银色 #E6E8FA    


    95 天蓝 #3299CC                   96 石板蓝 #007FFF                97 艳粉红色 #FF1CAE    


    98 春绿色 #00FF7F                99 钢蓝色 #236B8E               100 亮天蓝色 #38B0DE    


    101 棕褐色 #DB9370             102 紫红色 #D8BFD8             103 石板蓝色 #ADEAEA    


    104 浓深棕色 #5C4033           105 淡浅灰色 #CDCDCD       106 紫罗兰色 #4F2F4F    


    107 紫罗兰红色 #CC3299 108 麦黄色 #D8D8BF                   109 黄绿色 #99CC

  • 相关阅读:
    this.$router.push({})实现路由跳转
    JavaScript 实用小技巧
    js中如何实现数组去重--面试题
    面试中知识点积累
    从输入url到网页呈现的过程
    ptyhon学习---作业day1
    python学习---for循环
    python学习---while循环
    python学习---if else流程判断
    ajax最基础入门
  • 原文地址:https://www.cnblogs.com/zixuanfy/p/5988760.html
Copyright © 2011-2022 走看看