HTML 基本标签 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        #i1{
            fort-size: 32px; #字体大小（像素）
            font-weight: 900; #字体变粗（范围100-900）
            font-style: italic; #字体倾斜
            color: red; #字体颜色
             #字体添加背景颜色
        }
        #i2{
            fort-size: 32px; #字体大小（像素）
            font-weight: 900; #字体变粗（范围100-900）
            font-style: italic; #字体倾斜
            color: red; #字体颜色
             #字体添加背景颜色
        }
    </style>
</head>
<body>
#1.标签
#标签格式：<!标签名 属性1="属性值1" 属性2="属性值2">文本</标签名>
#闭合标签：<!h1>京东购物</h1> # (字体加粗,并打印出来)
#自闭合标签：<!img src="https://imgcps.jd.com/ling4/100026667910/5Lqs6YCJ5aW96LSn/5L2g5YC85b6X5oul5pyJ/p-5f3a47329785549f6bc7a6f5/15fd9fad/cr/s/q.jpg">
标签嵌套：<!h1> <p1></p1> </h1>
#2.标题标签
<h1>1级标签<h1>
<h2>2级标签<h2>
<h3>3级标签<h3>
<h4>4级标签<h4>
<h5>5级标签<h5>
<h6>6级标签<h6>
#3.段落标签
<p>大家好，我是段落1。</p>
<p>大家好，我是段落2。</p>
<p>大家好，我是段落3。</p>
#4.换行标签
<p>大家好，我是段落标签p。我按了enter一下<br/> 换行了</p>
#5.文本格式化标签
<b>定义粗体文本</b><br />
<strong>定义粗体文本方式2</strong><br />
<em>定义斜体字</em><br />
<i>定义斜体字方式2</i><br />
<del>定义删除文本</del><br />
#6.特殊符号
特殊符号 命名实体 十进制编码 特殊符号 命名实体 十进制编码 特殊符号 命名实体 十进制编码
Α &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; &#8722;
− &minus; &#8722; ∗ &lowast; &#8727; √ &radic; &#8730;
∝ &prop; &#8733; ∞ &infin; &#8734; ∠ &ang; &#8736;
∧ &and; &#8869; ∨ &or; &#8870; ∩ &cap; &#8745;
∪ &cup; &#8746; ∫ &int; &#8747; ∴ &there4; &#8756;
∼ &sim; &#8764; ≅ &cong; &#8773; ≈ &asymp; &#8773;
≠ &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; ◊ &loz; &#9674;
♠ &spades; &#9824; ♣ &clubs; &#9827; ♥ &hearts; &#9829;
♦ &diams; &#9830;   &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; &shy; &#173;
® &reg; &#174; ¯ &macr; &#175; ° &deg; &#176;
± &plusmn; &#177; ² &sup2; &#178; ³ &sup3; &#179;
´ &acute; &#180; µ &micro; &#181 " &quot; &#34;
< &lt; &#60; > &gt; &#62; '   &#39; 

#7.标签大致可分为两类
块级标签(block) – 独占一行/可以设置长宽
h1-h6
p
div
内联标签(inline) – 按文本内容占位/不可设置长宽
b strong em i span
img a
#div（块级标签）和span（内联标签）标签
<div id="i1">huchangxi</div>
<span id="i2">huchangxi</span>
</body>
</html>
posted @ 2022-05-16 20:08  呼长喜  阅读(47)  评论(0)  编辑  收藏  举报