HTML常用标签(标签都是成对存在的)
标题标签
<h1>标题一共六级选<h1>
<h2>文字加粗一行显<h2>
<h3>由小到大依次减<h3>
<h4>从重到轻随之变<h4>
<h5>语法规范书写后<h5>
<h6>具体效果刷新<h6>
文本格式化标签
1. 加粗: <strong></strong>或<b></b>
2. 倾斜: <em></em>或<i> </i>
3. 删除线: <del></del>或<s></s>
4. 下划线: <ins></ins>或<u></u>
标签div和span的区别
这两个标签没有语义,它们就是一个盒子,用来装内容,用来布局。
div 是division的缩写,表示分割分区。span 表示跨度、跨距。
<div>一行只能放一个<div>。大盒子
<span>一行可以放很多个<span>。小盒子
图像标签和路径(重点)
<img src="图片URL" />
图像标签是一个单标签,src是标签的必须属性,它用于指定图像文件的路径和文件名,src是属于图像标签的特性。
图像标签的其他属性
| 属性 | 属性值 | 说明 |
|---|---|---|
| src | 图像路径 | 必须属性 |
| alt | 文本 | 替换文本。图像显示不出来的时候用文字替换 |
| title | 文本 | 提示文本。鼠标放在图像上,显示的文字 |
| width | 像素 | 设置图像的宽度 |
| height | 像素 | 设置图像的高度 |
| border | 像素 | 设置图像的边框粗细 |
<img src="图片URL" alt="我是**" titile="我是**" width="500" height="100"/>
border一般不在HTML里定义,而是在css里定义
图像标签属性需要注意点:
-
图像标签可以拥有多个属性,必须写在标签名的后面。
-
属性之间不分先后顺序,标签名和属性、属性与属性之间均以空格分开。
-
属性采用键对值的格式,既key= "value"的格式,属性= "属性值"。
路径
相对路径
| 相对路径分类 | 符号 | 说明 |
| ------ | --- | ----------------- |
| 同一级路径 | | 图像文件位于HTML文件同一级 |
| 下一级路径 | / | 图像文件位于HTML文件下一级 |
| 上一级路径 | ../ | 图像文件位于HTML文件上一级 |