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.特殊符号

特殊符号	命名实体	十进制编码	特殊符号	命名实体	十进制编码	特殊符号	命名实体	十进制编码
Α	Α	Α	Β	Β	Β	Γ	Γ	Γ
Δ	Δ	Δ	Ε	Ε	Ε	Ζ	Ζ	Ζ
Η	Η	Η	Θ	Θ	Θ	Ι	Ι	Ι
Κ	Κ	Κ	Λ	Λ	Λ	Μ	Μ	Μ
Ν	Ν	Ν	Ξ	Ξ	Ξ	Ο	Ο	Ο
Π	Π	Π	Ρ	Ρ	Ρ	Σ	Σ	Σ
Τ	Τ	Τ	Υ	Υ	Υ	Φ	Φ	Φ
Χ	Χ	Χ	Ψ	Ψ	Ψ	Ω	Ω	Ω
α	α	α	β	β	β	γ	γ	γ
δ	δ	δ	ε	ε	ε	ζ	ζ	ζ
η	η	η	θ	θ	θ	ι	ι	ι
κ	κ	κ	λ	λ	λ	μ	μ	μ
ν	ν	ν	ξ	ξ	ξ	ο	ο	ο
π	π	π	ρ	ρ	ρ	ς	&sigmaf;	ς
σ	σ	σ	τ	τ	τ	υ	υ	υ
φ	φ	φ	χ	χ	χ	ψ	ψ	ψ
ω	ω	ω	ϑ	&thetasym;	ϑ	ϒ	&upsih;	ϒ
ϖ	ϖ	ϖ	•	•	•	…	…	…
′	′	′	″	″	″	‾	&oline;	‾
⁄	&frasl;	⁄	℘	&weierp;	℘	ℑ	&image;	ℑ
ℜ	&real;	ℜ	™	™	™	ℵ	&alefsym;	ℵ
←	←	←	↑	↑	↑	→	→	→
↓	↓	↓	↔	↔	↔	↵	&crarr;	↵
⇐	⇐	⇐	⇑	&uArr;	⇑	⇒	⇒	⇒
⇓	&dArr;	⇓	⇔	⇔	⇔	∀	∀	∀
∂	∂	∂	∃	∃	∃	∅	∅	∅
∇	∇	∇	∈	∈	∈	∉	∉	∉
∋	&ni;	∋	∏	∏	∏	∑	∑	−
−	−	−	∗	&lowast;	∗	√	√	√
∝	&prop;	∝	∞	∞	∞	∠	&ang;	∠
∧	&and;	⊥	∨	&or;	⊦	∩	∩	∩
∪	∪	∪	∫	∫	∫	∴	&there4;	∴
∼	&sim;	∼	≅	&cong;	≅	≈	≈	≅
≠	≠	≠	≡	&equiv;	≡	≤	≤	≤
≥	≥	≥	⊂	⊂	⊂	⊃	⊃	⊃
⊄	&nsub;	⊄	⊆	&sube;	⊆	⊇	&supe;	⊇
⊕	&oplus;	⊕	⊗	&otimes;	⊗	⊥	&perp;	⊥
⋅	⋅	⋅	⌈	&lceil;	⌈	⌉	&rceil;	⌉
⌊	&lfloor;	⌊	⌋	&rfloor;	⌋	◊	&loz;	◊
♠	&spades;	♠	♣	&clubs;	♣	♥	&hearts;	♥
♦	&diams;	♦				¡	¡	¡
¢	¢	¢	£	£	£	¤	¤	¤
¥	¥	¥	¦	¦	¦	§	§	§
¨	¨	¨	©	©	©	ª	ª	ª
«	«	«	¬	¬	¬
®	®	®	¯	¯	¯	°	°	°
±	±	±	²	²	²	³	³	³
´	´	´	µ	µ	&#181	"	"	"
<	<	<	>	>	>	'		'


#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>

相关阅读:
Linux查看文件被哪个进程占用
命令行启动rstudio server
Spring Boot配置文件及多环境配置
Spring Boot yml配置文件
js实现自定义概率抽奖算法
Flutter之adb: failed to install apk的解决方法
Flutter之不简单的搜索条
git操作之commit规范
Flutter之毛玻璃效果的实现
固定定位下div水平居中

原文地址：https://www.cnblogs.com/A121/p/16278344.html