HTML常用标签
!DOCTYPE
<!DOCTYPE>
文档类型声明,作用就是告诉浏览器使用哪种HTML版本来显示网页。
<!DOCTYPE html>
这句代码的意思是:当前页面采取的是HTML5版本来显示网页。
注意:
1.<!DOCTYPE>
声明位于文档中的最前面的位置,处于<html>
标签之前。
2.<!DOCTYPE>
不是一个HTML标签,它就是文档类型声明标签。
html lang="zh-CN"
告诉浏览器或者搜索引擎这是一个英文网站.本页面采取英文来显示
字符集
<meta charset="UTF-8"/>
字符集是必须要写的代码,否则可能引起乱码的情况。一般情况下,统一使用“UTF-8"编码,尽量统一写成标准的“UTF-8”,不要写成“utf8"或“UTF8"。
段落标签
<p>
段落之间会有段间距。
换行标签
<br/>
行之间保持行间距。
加粗,斜体,下划线,删除线
语义 | 标签 | 说明 |
---|---|---|
加粗 |
<strong></strong> 或者<b></b>
|
更推荐使用<strong> 标签加粗语义更强烈 |
倾斜 |
<em></em> 或者<i></i>
|
更推荐使用<em> 标签加粗语义更强烈 |
删除线 |
<del></del> 或者<s></s>
|
更推荐使用<del> 标签加粗语义更强烈 |
下划线 |
<ins></ins> 或者<u></u>
|
更推荐使用<ins> 标签加粗语义更强烈 |
div
和span
标签
<div>
和<span>
是没有语义的,它们就是一个盒子,用来装内容的。
<div>这是头部</div>
<span>今日价格</span>
div是division的缩写,表示分割、分区。span意为跨度、跨距。
特点:
1.<div>
标签用来布局,但是一行只能放一个<div>
。大盒子
2.<span>
标签用来布局,一行上可以多个<span>
。小盒子
图像标签
图像标签的src属性是必须要写的。
属性 | 属性值 | 说明 |
---|---|---|
src | 图片路径 | 必须属性 |
alt | 文本 | 替换文本。图像不能显示的文字 |
title | 文本 | 提示文本。鼠标放到图像上,显示的文字 |
width | 像素 | 设置图像的宽度 |
height | 像素 | 设置图像的高度 |
border | 像素 | 设置图像的边框粗细 |