HTML常用标签

一.标签语义

简单理解就是标签的含义，即这个标签是用来干嘛的。根据标签的语义在合适的地方给一个最合理的标签，可以让页面结构更清晰。

1.1标题标签<h1>-<h6>(重要)

为了使网页更具有语义化，我们经常会在页面中用到标题标签，html提供了6个等级的页面标题，即<h1>-<h6>.

<h1>我是一级标题</h1>

单词head的缩写：头部 标题 

1.11特点

1.加了标题字体会变粗，字号会变大

2.一个标题独占一行

3.标题语义：作为标题使用，并且重要性递减。

1.2段落标签和换行标签(重要）

在网页中，要把文字有条有理地显示出来，就需要这些文字分段显示。在html标签中，<p>标签用于定义段落，它可以将网页分成若干个段落。

<p>我是一个段落标签</p>

单词paragraph的缩写，意为段落

标签语义：把文字分成几个段落

alt+z为自动换行快捷键

1.3换行标签

在html中，一个段落中的文字如果从左到右依次排列，直到浏览器窗口的右端，然后才自动换行。如果希望某文本强制换行，就需要使用换行标签<br/>.

<br/>

单词break的缩写，意为打断 换行。

 与段落的区别

段落之间和段落之间有空隙，而换行没有

1.4文本格式化标签

在网页中，有时需要为文字设置粗体 斜体 删除线或下划线 等效果，这时就需要用到html中的文本格式化标签，使文字以特殊的方式显示。

加粗 <strong></strong>

倾斜<i></i>  //incline 倾斜

删除线 <del></del>

下划线<u></u>

 

1.5 <div>和<span>标签

<div>和<span>是没有语义的，它们就是一个盒子，用来装内容。

<div>这是头部</div>

<span>今日价格</span> 

div全称为division的缩写，表示分割 分区，span意为跨度、跨距。

特点

1.<div>标签用来布局，但是现在一行只能放一个<div>. //大盒子

2.<span>标签用来布局，一行上可以多个<span>.//小盒子

1.6图像化标签和路径(重点)

1.图像标签

在html标签中，<img>标签用于定义HTML页面中的图像。

<img src="图像URL"/>

img全称为image的缩写，意为图像。

src全称为source，是<img>标签的必须属性，它用于指定图像文件的路径和文件名。

所谓属性：简单理解就是属于这个标签的特性。

2.其他属性：

属性	属性值	说明
src	图像路径	必须属性
alt	文本	替换文本。当图像不能显示，会以文本作文替代
title	文本	提示文本。鼠标放到图片上，会显示的文字
width	像素	设置图像的宽度
heigth	像素	设置图像的高度
border	像素	设置图像的边框的粗细

注意：一般高度和宽度设置一个就行，同时设置会使图像失真