day01-html常用标签

一、单标签

1、 图像：<img src="图像路径" alt="图像声明">，路径分为相对路径与绝对路径；

        相对路径：指相对于当前页面，同级目录：路径一般为<img src="./" alt="">;上级目录：路径一般为<img src="../" alt="">

         绝对路径：指跟当前页面无关，直接访问：直接从根目录查找<img src="/" alt="">；网络路径：<img src="一个完整的url路径" alt="">

2、换行：<br>

3、水平分割线：<hr>

4、输入框（文本框）：<input type="text">;密码框：<input type="password">（密码框输入的内容不可见）

二、双标签

1、块级元素：<div></div>，一般会独占一行，在同行显示时触碰到边框会另起一行

2、行内元素：<span></span>

3、加粗：<b></b>纯表示加粗，重语意;<strong></strong>重强调 

4、倾斜：<i></i> ；<em></em>重强调，斜体

5、下划线：<u></u>样式，<ins></ins> 语义化

6、 删除线: <del></del>语义化，<s></s>样式

7、 角标标签：上角标；下角标 

8、版权符号：©，转义符：&copy; 

9、 font标签：与字体相关，基本被样式替代 

10、 段落标签：<p></p>,语义化标签，每行字之间默认具有间距，

11、列表：<ul><li></li></ul>或<ol><li></li></ol>；具体样式：

   

12、按钮：<button></button>