html常用标签

html常用标签

标题标签

<h1>一级标题</h1>

h后面的数字以此类推最多可以支持到6级标题

标题会独占一行。

段落标签

<p>段落标签</p>

Paragraph 在HTML标签中，<p>标签用于定义段落，它可以将整个网页分为若干个段落。

特点

1. 文本在一个段落中会根据浏览器的大小自动换行。
2. 段落和段落之间保有空隙。

换行标签

<br />

Break 是换一行的意思，它是一个单个标签。

特点

<br />标签只是简单开始新的一行，和段落不一样，段落之间会插入一些垂直间距。换行的间距比段落的间距小。

文本格式化标签

语义	标签	推荐
加粗	<strong></strong>或者<b></b>	<strong>
倾斜	<em></em>或者<i></i>	<em>
删除线	<del></del>或者<s></s>	<del>
下划线	<ins></ins>或者<u></u>	<ins>

<div>和<span>标签

它们是没有语义的，它们就是个盒子，用来装内容的。

<div>

<div>是division的缩写，表示分割、分区。

div独占一行，在div标签后面写任何内容都会到下面那行去。
⬇️这个也算是一行。

<span>

span意为跨度、跨距。

span和div不同，span可以跨距。一行上可以多个<span>，可以把它理解为小盒子。

图像标签和路径

图像标签

<img>标签可以用于定义HTML页面中的图像。

<img src="图像URL" />

属性：

​ src=“xxx” 中间写图像的路径

​ alt=“xxx” 当图片加载不出来时会显示这行文字

​ title=“xxx” 当鼠标放到图像上会提示这行文字。

​ border="xxx"设置图像的边框，一般不用。

​ width="xxx"设置图像宽度，单位是像素。

​ height="xxx"设置图像高度，单位是像素。

宽度和高度，一般来说只用修改其中一个，另外一个会自动等比缩放。

超链接标签

格式

<a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a>

属性

href=“url地址” 这个为跳转的URL地址。

target=“xxx” 用于制定链接页面的打开方式，其中_self为默认值，_blank为在新窗口中打开方式。

外部链接

在href的URL地址中填写外网的链接。

内部链接

在href的URL地址中填写本地的html文件路径。

空链接

如果不知道具体地址，在href的URL地址中填写“#”即可。

下载链接

在URL地址中填写下载的路径地址，点击链接后即可自动下载文件。

网页元素链接

在网页中的各种网页元素，如文本、图像、表格、音频、视频等都可以添加超链接。

<a href="http://www.baidu.com"><img src="/Users/shadowyingyan/Desktop/2021/HTML/笔记/img.jpg"/></a>

锚点链接

在点击链接时可以快速定位到页面中的某个位置。

<a href="#maodian">锚点</a>
......
<h1 id="maodian">
  锚点
</h1>

需要注意的是，在a标签那里标签需要带#。但是在跳转的那个标签那里不需要带#。