(1)HTML的组成(什么是标签、指令、转义字符、数据、标签字符表)

时间:2023-03-10 02:16:13
(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、转义字符

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

普通转义字符表

字符 十进制 转义字符
" " &quot;
& & &amp;
< < &lt;
> > &gt;
不断开空格(non-breaking space)   &nbsp;
HTML特殊转义字符对照表
字符 十进制 转义字符 字符 十进制 转义字符 字符 十进制 转义字符
? ¡ &iexcl; Á Á &Aacute; á á &aacute;
¢ &cent; Â Â &circ; â &#226 &acirc;
£ &pound; Ã Ã &Atilde; ã ã &atilde;
¤ ¤ &curren; Ä Ä &Auml ä ä &auml;
¥ &yen; Å Å &ring; å å &aring;
| ¦ &brvbar; Æ Æ &AElig; æ æ &aelig;
§ § &sect; Ç Ç &Ccedil; ç ç &ccedil;
¨ ¨ &uml; È È &Egrave; è è &egrave;
© © &copy; É É &Eacute; é é &eacute;
a ª &ordf; Ê Ê &Ecirc; ê ê &ecirc;
? « &laquo; Ë Ë &Euml; ë ë &euml;
? ¬ &not; Ì Ì &Igrave; ì ì &igrave;
/x7f ­ &shy; Í Í &Iacute; í í &iacute;
® ® &reg; Î Î &Icirc; î î &icirc;
ˉ ¯ &macr; Ï Ï &Iuml; ï ï &iuml;
° ° &deg; Ð Ð &ETH; ð ð &ieth;
± ± &plusmn; Ñ Ñ &Ntilde; ñ ñ &ntilde;
2 ² &sup2; Ò Ò &Ograve; ò ò &ograve;
3 ³ &sup3; Ó Ó &Oacute; ó ó &oacute;
´ &acute; Ô Ô &Ocirc; ô ô &ocirc;
μ µ &micro; Õ Õ &Otilde; õ õ &otilde;
? &para; Ö Ö &Ouml; ö ö &ouml;
· · &middot; &times; × &times; ÷ ÷ &divide;
? ¸ &cedil; Ø Ø &Oslash; ø ø &oslash;
1 ¹ &sup1; Ù Ù &Ugrave; ù ù &ugrave;
o º &ordm; Ú Ú &Uacute; ú ú &uacute;
? » &raquo; Û Û &Ucirc; û û &ucirc;
? ¼ &frac14; Ü Ü &Uuml; ü ü &uuml;
? ½ &frac12; Ý Ý &Yacute; ý ý &yacute;
? ¾ &frac34; Þ Þ &THORN; þ þ &thorn;
? ¿ &iquest; ß ß &szlig; ÿ ÿ &yuml;
À À &Agrave; à à &agrave;  

4、数据

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