【HTML】常用标签TWO~

鱿年年

已于 2022-10-07 23:15:15 修改

阅读量844

点赞数 53

分类专栏： WEB前端文章标签： html 前端 html5 学习

于 2022-10-07 23:13:24 首次发布

本文链接：https://blog.csdn.net/m0_71172453/article/details/127200194

版权

WEB前端专栏收录该内容

18 篇文章 5 订阅

订阅专栏

😊博主页面：鱿年年

👉博主推荐专栏：《前端基础学习》👈

💓博主格言：追风赶月莫停留，平芜尽处是春山❤️

一、【HTML】文本格式化标签

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

标签语义：突出重要性，比普通文字更重要。

列表

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

注意：重点记住加粗和倾斜。

二、【HTML】中<div>和<span>标签

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

<div>这是头部</div>
<span>今日价格</span>

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

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

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

三、【HTML】图像标签和路径（重要）

1.图像标签

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

<img src="图像URL"/>

单词image的缩写，意为图像。

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

所谓属性：简单来说就是属于这个图像标签的特性。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>图像标签</title>
</head>
<body>
    <h4>图像标签的使用</h4>
    <img src="img.jpg"/>
</body>
</html>

图像标签的其他属性：

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