常见标签学习
基本标签
| 基本标签 | 快捷输入 |
| 注释 | ctrl + / |
| 标题 | h + Tap |
| 段落 | p + Tap |
| 分割线 | hr + Tap |
| 换行 | br + Tap |
字体标签
| 字体标签 | 快捷输入 |
| 字体加粗 | strong + Tap / b +Tap |
| 字体斜体 | em + Tap / i + Tap |
特殊标签
| 特殊字符 | 快捷输入 |
| 空格 |   |
| 大于号 | & |
标签使用演示
标题标签
<!-- 告诉浏览器 我们使用的是什么规范 --> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>基本标签学习</title> </head> <!--网页的主体--> <body> <h1>一级标签</h1> <h2>二级标签</h2> <h3>三级标签</h3> <h4>四级标签</h4> <h5>五级标签</h5> <h6>六级标签</h6> </body> </html>
段落标签
<!--段落标签--> <p>跑得快跑得快</p> <p>一只没有耳朵</p> <p>一只没有尾巴</p> <p>真奇怪真奇怪</p> <p>两只老虎两只老虎</p>
换行标签
<!--换行标签--> 跑得快跑得快<br> 一只没有耳朵<br> 一只没有尾巴<br> 真奇怪真奇怪<br> 两只老虎两只老虎<br>
水平线标签
<!-- 2.水平分割线标签，通过属性来设置分割线的宽，粗细，颜色 width:宽 size:粗细 前端的长度表示法 1.像素表示法：单位是px 分辨率：1366*768 水平方向有1366个像素点，数值方向有768个像素点 2.百分比表示法，占父标签的百分比 color:颜色 颜色表示法 1.英文表示法 2.16进制表示法（开发中使用）#000000 3.RGB表示法（0-255,0-255,0-255） --> <hr width="80%" size="10px" color="#000000">
字体样式标签
粗体<strong>i love you</strong> 斜体<em>i love you</em>
<!-- 文字标签：fond这个标签已经过时了，我们今后使用css来设置文字的颜色，大小，字体 通过color属性，设置标签里面文字的颜色 通过size属性，设置文字的大小 通过face设置字体属性 --> <fon color="red" size="8" face="楷体">你好世界</font>
特殊符号
<!--t特殊符号--> 空格 空 格<br> ><br> <<br> ©版权所有符号
图像标签
图像标签
常见的图像格式
JPG
GIF
PNG
BMP（位图）
<img src="path" alt="text" title="text" width="x" height="y" /> src：图像地址 alt：图像的替代文字 title：鼠标悬停提示文字 width：图像宽度 height：图像高度
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>图像标签学习</title> </head> <body> <img src="../resources/images/1.jpg"alt="演示图片"title="悬停文字"> </body> </html>
概念补充
使用相对路径把图像加入HTML 文件
<img src="../resources/images/1.jpg"alt="演示图片"title="悬停文字">
