HTML常用标签

胖就别吃

已于 2022-11-03 09:55:09 修改

阅读量384

点赞数

文章标签： html

于 2022-10-25 21:51:44 首次发布

本文链接：https://blog.csdn.net/qq_50647672/article/details/127522188

版权

标签语义

根据标签的语义，在合适的地方给一个最为合理的标签，可以让页面结构更清晰。

标题标签<h1>-<h6>（head缩写）

作为标题使用，并且依据重要性递减

特点

加了标签的文字会变的加粗，字号也会依次变大
一个标题独占一行

<h1>标题一共六级选</h1>

<h2>文字加粗一行显</h2>

<h3>由大到小依次减</h3>

<h4>从重到轻随之变</h4>

<h5>语法规范书写后</h5>

<h6>具体效果刷新见</h6>

段落和换行标签

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

可以把HTML文档分割为若干个段落

特点

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

<br/>换行标签（break）

强制换行

特点

单标签
标签只是简单的开始新的一行，跟段落不一样，段落之间会插入一些垂直的间距。

文本格式化标签

突出重要性，比普通文字更重要

加粗	<strong></strong>或<b></b>
倾斜	<em><em/>或<i></i >
删除线	<del><del/>或<s></s>
下划线	<ins></ins>或<u></u>

（所有前者更推荐）

<div>和<span>标签

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

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

特点

<div>标签用来布局，一行只能放一个<div>大盒子。
<span>标签用来布局，一行上可以多个<span>小盒子。

图像标签和路径（重点）

图像标签

<img>用于定义HTML页面中的图像

<img src=”图像url”/>

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

属性：属于这个图像标签的特性

src	图片路径	必须属性
alt	文本	替换文本，图像不能显示，出现的文字
title	文本	提示文本，鼠标放到图像上，显示的文字
width	像素	图像的宽度
height	像素	图像的高度
border	像素	图像的边框粗细

注意点

图像标签可以拥有多个属性，必须写在标签名的后面；
属性之间不分先后顺序，标签名与属性，属性与属性之间均以空格分开；
属性采取键值绝对的格式，即key=“value”的格式，属性=“属性值”。

相对路径

图片相对于HTML页面的位置 /

相对路径分类	符号	说明
同一级路径		图像文件位于HTML文件同一级 <img src="1.PNG" / >
下一级路径	/	图像文件位于HTML文件下一级 <img src="images/1.PNG" />
上一级路径	../	图像文件位于HTML文件上一级 <img src="../1.PNG"/>

绝对路径

目录下的绝对位置，直接到达目标位置，通常是从盘符开始的路径。\

<img src="C:\Users\86187\Desktop\前端基础第一天\案例\1.png" />

<img src="https://www.itcast.cn/2018czgw/images/logo2.png" />（引用网络图片）

超链接标签（重点）

<a>用于定义超链接，作用是从一个页面链接到另一个页面

链接的语法格式

属性	作用
href	用于指定链接目标的ur地址，（必须属性），当为标签应用href属性时，它就具有了超链接功能
target	用于指定链接页面的打开方式，其中_self为默认值，当前窗口打开页面，_blank为新窗口打开页面