(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、数据

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

原文地址:https://www.cnblogs.com/shizhengquan/p/10326604.html