常用HTML标签
HTML基本结构：
<!DOCTYPE html>
<html>
<head>
<title>html基本结构</title>
</head>
<body>
<div>我是前端页面</div>
</body>
</html>
标签集合：
标题元素：<h1>~<h6>：标签用于定义标题，标题重要性依次降低
Case：<h1>我是标题h1</h1>
段落元素：<p></p>：双标签，用于定义段落
Case：<p>我是段落p</p>
Div标签：div是division的含义，划分区域，适合作为最通用的页面容器
Case：<div>我是容器div</div>
span标签：不仅是内联标签而且是内联元素，用在一行文本中，用来修饰文字
Case：<span>我是内联标签span</>
a标签：是anchor的缩写，用于定义网页链接，href属性标识链接的地址，可以是相对地址或者绝对地址；target属性标识点击链接后打开的方式，默认为"_self"，代表在当前窗口打开新链接，"_blank"，代表在新的窗口打开
Case：<a href="https://www.huawei.com/cn/" target="_blank">我是超链接a</a>
img标签：定义一张图片，属于单标签结构，src属性代表图片的地址，alt属性代表当图片无法现实时代替的文本，图片地址可以是相对路径，也可以是绝对路径，可以使用height和width属性来设置图片的宽高
Case：<img src="https://www-file.huawei.com/-/media/corporate/images/home/logo/huawei_logo.png" alt="华为">
列表：
无序列表：<ul></ul>标签定义无需列表，<li></li>标签定义列表项，表中内容没有先后顺序，ul标签上使用type属性定义图形符号样式：disc为点；square为方块；circle为空心圆
Case：<ul type="circle"><li>中国</li><li>华为</li></ul>
有序列表：<ol><li></li></ol>，表中的每一项都有顺序，前缀通常为数字，字母或罗马数字
Case：<ol type="A"><li>中国</li><li>华为</li></ol>
自定义列表：<dl>标签为自定义列表，<dt>为定义标题，<dd>为定义列表项
Case：<dl><dt>定义标题</dt><dd>定义内容</dd></dl>
- 点赞
- 收藏
- 关注作者
评论（0）