HTML常用标签

137 阅读2分钟

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里定义

图像标签属性需要注意点:

  1. 图像标签可以拥有多个属性,必须写在标签名的后面。

  2. 属性之间不分先后顺序,标签名和属性、属性与属性之间均以空格分开。

  3. 属性采用键对值的格式,既key= "value"的格式,属性= "属性值"。

路径

相对路径

| 相对路径分类 | 符号  | 说明                |
| ------ | --- | ----------------- |
| 同一级路径  |     | 图像文件位于HTML文件同一级   |
| 下一级路径  | /   | 图像文件位于HTML文件下一级   |
| 上一级路径  | ../ | 图像文件位于HTML文件上一级   |