前端基础标签
一、html模板的基础含义
<!DOCTYPE html> <!--规定了浏览器文档使用哪种规范--><html lang="zh-cn"> <!--所有网页最大的结构 网页中所有的标签存放在html标签中--><head> <!--网页的头部--><meta charset="UTF-8"> <!--表示网页编码格式--><title>Title</title> <!--网页标题--></head><body> <!--网页的主体--></body>
</html>二、标签
1、meta标签
meta标签写在head标签中，是一个辅助标签，常用的有：meta charset="UTF-8" 万国码,防止网页乱码。
2、div标签
div标签用于将文档划分为独立的、不同的部分，从而构成一个完整的网页。其实就是一个盒子。
3、H系列标题标签
h1~h6标签用于表示网页内容的标题，标签中的文字默认会出现不同程度的加粗与增大。
在一个网页中h1标签最好是有且仅有一个。
4、排序标签
4.1 ul无序列表标签
<ul><li>stl</li><li>21岁</li><li>打篮球</li><li>长得帅</li>
</ul>ul列表前默认有实心圆点符号，可以通过修改type属性来改变这个符号，但是没有必要，基本用css来改变。
4.2 ol无序列表标签
<ol><li>打开洗衣机</li><li>将羊放进洗衣机</li><li>关上洗衣机</li>
</ol>ol列表前默认有数字符号，可以通过修改type属性来改变这个符号，同上，更推荐使用css来改 变。
5、p段落标签
p标签中通常用来放置一段文字。
注意：p标签中不可以放div标签，这会导致在浏览器中p标签被分隔成两个。
6、span标签
span标签通常用于包裹文字，视觉上不会产生任何变化，但是我们可以配合css添加特殊的样式。
7、a标签
<a href="https://www.baidu.com">百度 <a/>通过添加 target 属性可以指定打开链接的位置
- target="_blank" 新标签页打开
- target="_new" 新标签页打开，但所有的new只会打开一个新标签页
- target="_self" 默认，在当前标签页打开
8、img标签
<img src="https://www.............png">
src：用于指定图片的路径，可以以上面这种网址方式或者已经在自己编译器里的图片文件地址。
alt：主要用于告知搜索引擎当前图片表示的意思。
三、其他常用标签
- b标签 strong标签 文字加粗，b标签仅为视觉上的加粗，strong还能够被搜索引擎检索。
- i标签 em标签 文字斜体，i标签仅为视觉上的斜体，em还能够被搜索引擎检索。
- br标签 用于文本换行。
- hr标签 横线分隔。
- del标签 删除线。