zoukankan      html  css  js  c++  java
  • (1)HTML的组成(什么是标签、指令、转义字符、数据、标签字符表)

    html的组成:标签+指令+转义字符+数据

    1、标签

    <>内的,以字母开头,可以结合合法字符(- 或者数字),能被浏览器解析的符号

    <!DOCTYPE html> #这个是系统预定意义标签
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <title>我的第一个页面</title>
    </head>
    <body>
    <karl><a-1> #这个是自定意义标签
    </body>
    </html>
    PS:如果标签内是这样的格式<1>就是不合法的,要按照标签的合法格式去写
    PS:标签的开头是没有/,结尾的标签有/,如<abc>XXXX</abc>

    为什么要使用标签

    标签具有功能:换行、规定编码集、可以控制数据(颜色,大小,字体)、控制位置等

    2、指令

    以<!> #尖括号内以!开头

    (1)<!doctype> #规定文档类型

    (2)<!-- 注释 -->

    3、转义字符

    以&;包裹  #在&;中间单词简写

                                                                                                          普通转义字符表

    字符十进制转义字符
    " &#34; &quot;
    & &#38; &amp;
    < &#60; &lt;
    > &#62; &gt;
    不断开空格(non-breaking space) &#160; &nbsp;

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

    4、数据

    ---文本、图片、视频、二进制

  • 相关阅读:
    太久了
    idea文件过大解决方法
    ibus词库导入
    Linux认证考试
    Idea Linux 下的配置 max_user_watches
    SpringBoot启动过程之web,servlet/filter等
    SpringBoot启动过程学习
    也谈一下面试
    MVCC
    Python pyside2 qt 画画面
  • 原文地址:https://www.cnblogs.com/shizhengquan/p/10326604.html
Copyright © 2011-2022 走看看