Html 基础学习系列一 标签img

最新推荐文章于 2024-07-25 20:42:30 发布
最新推荐文章于 2024-07-25 20:42:30 发布
阅读量247 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_33536110/article/details/78108018
版权

<a>标签-超链接

什么是超链接？

超级链接在本质上属于一个网页的一部分，它是一种允许我们同其他网页或站点之间进行连接的元素。

超链接分类

内部链接，猫点链接，外部链接

href-URL链接的目标URL。

name-当前锚点定位设置的一个名称，以便它能够被其它链接所定位。（仅限于a标签，其余标签必须使用id属性，那么属性不起作用。）


<img>图像

  4要素
  <img src="images/ss4.jpg" alt="" title="" width="" height=""/>
  1.src指向图片位置
  2.alt 当浏览器不能加载这张图片时候的替换文本
  3.title 图片名称
  4.width 宽度 这里可以不用加单位，在style里必须加单位（）


<!doctype html>

<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>Document</title>
 </head>
 <body>
    <img src="images/ss4.jpg" alt="" title="" width="" height=""/>
 </body>
</html>。
mantishell
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
HTML学习笔记——基础标签
Barry Jim的博客
08-27 301
基础标签详解 目录： h标签 p标签 hr标签 img标签 br标签 a标签 假标签 base标签 注释 标签综合练习 H系列标签，Head 作用： 用于给文本添加标题语义 格式 &amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;h1&amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;**************&amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;/h1&a
html基础标签
chenhj153的博客
09-09 734
HTML基础标签Web标准构成HTML骨架格式标签分类HTML标签关系 Web标准构成 结构标准：结构用于对网页元素进行整理和分类，主要包括XML和XHTML两个部分。 结构标准决定你是否有个好天然身体 样式标准：表现用于设置网页元素的版式、颜色、大小等外观样式，主要指的是CSS。 样式标准决定你是否打扮的美丽外观 行为标准：行为是指网页模型的定义及交互的编写，主要包括DOM和EC...
HTML系列之图像标签 img
热门推荐
老__L的博客
10-24 3万+
本文主要介绍img标签。 img>将一份图像嵌入文档。没有基线（baseline）;根据图像文件的类型，图像可能会有一个原始分辨率（intrinsic dimension）或者叫原始宽高。对于一些类型的图像，原始分辨率并不是必要的；在高分辨率设备上， srcset 将被优先加载，取代 src 属性中的图像。在支持 srcset 的用户代理中，src 属性中的图片被作为 1x 候选项；alt 属性的值应该清晰、简洁地描述图像的内容。它不应该描述“图像的存在”，或仅仅包含图像的文件名。
HTML基础——图像标签（img标签）
Ariel_欢
01-09 2万+
一、思维导图： 二、代码： <!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8" /> <title>img标签</title> </head> <body> • <img src="花花.jpg" /> • &l
Web前端：HTML篇（五）图像，表格
最新发布
sjb2274540432的博客
07-25 953
标签开始。每个自定义列表项以 开始。每个自定义列表项的定义以 开始。
HTML基础知知识(一)——img标签
weixin_44218929的博客
04-22 1290
相对路径:从html文件出发，找到对应图片位置的路径。html文件在案例1文件夹中，金门大桥图片在images文件夹中，先出案例1文件夹，再进入images文件夹。盘符绝对路径:通过盘符根目录去查找对应文件的位置，工作中不使用这种方法，因为服务器没有C盘这些目录。实际工作中宽度和高度并不会共同使用，因为如果只单独设置了一个属性比如宽度，高度会等比例进行缩放。(5)title:设置鼠标移上图片时候的悬停文本。(4)height:设置图片的高度。(3)width:设置图片的宽度。(1)src：引入图片的路径。
img标签
pbaiking的博客
02-26 1247
页面中的图片会非常的多，通常我们会新建一个文件夹来存放这些图像文件images，这时候再查找图像，就需要通过路径的来描述图像文件的位置。概述:相对路径是指由这个文件所在位置为参考基础，而建立出的目录关系，常用的相对路径包括当前目录，上一级目录，下一级目录。-- ./ 可以省略 -->- 作用:指定替换文本,默认不显示，当图像不能正常显示时，显示该文字对图像进行替换,有利于用户体验。图像是网页的主要内容之一，在HTML标签中，img标签用于定义HTML页面中的图像。- 作用：用于指定图像文件的路径和文件名。
前端基础知识学习——Html常见标签 img标签、a标签、h标题、p段落、列表、选择符（二）
weixin_45496521的博客
05-23 2001
Html常见标签 img标签、a标签、h标题、p段落、列表、选择符
前端领域 + 第一阶段 + HTML基础
07-22
HTML是一种标准标记语言，它允许开发者通过一系列标签来组织网页内容，并控制其呈现方式。浏览器负责解析这些HTML标记，将其转化为用户可见的网页。 在HTML的学习过程中，了解不同类型的浏览器是很重要的，因为它们...
前端学习day01-HTML标签01
06-21
HTML由一系列元素组成，这些元素通过标签来表示。标签通常成对出现，比如`<p>`和`</p>`代表一个段落。HTML元素分为块级元素和内联元素。块级元素如`<div>`、`<h1>`、`<p>`会占据一整行，而内联元素如`<span>`、`<a>`...
HTML案例1关于标签的基本使用
11-06
HTML，全称HyperText Markup Language，是用于创建网页的标准标记语言。...通过学习和实践这些基本标签，你可以开始构建自己的HTML页面，理解网页的构建块，并为更复杂的网页设计和开发打下坚实基础。
HTML 基础 学习
08-31
### HTML基础学习精要 HTML，即HyperText Markup Language，是一种用于创建网页的标准标记语言。通过HTML，我们能够构建和组织网页的内容、结构以及样式。本文将深入解析HTML的基础知识，包括其页面基本结构与语法...
html学习笔记第一天总结.pdf
10-11
HTML并非编程语言，而是一种标记语言，它的核心是标记标签，比如<img>用于插入图片，用于创建链接，用于嵌入视频等。这些标签构成了网页的结构，描述了内容的含义和布局。HTML文档的结构由一系列的开始和结束标签...
<img>标签
立业的博客
11-27 3267
■ 定义 <img>标签用于定义网页的图片显示 <img>标签是单标签 img代表单词image，意为图像 ■ 属性 □src属性 是<img>标签的必需属性，用于在页面上显示图像 需要使用该属性指定图片的URL地址，即图像文件的路径和文件名 <img src="图片的url"> □alt属性 alt属性用来为图像定义一串预先自定义的可替换...
img标签、多媒体标签和表格 布局
m0_62976216的博客
12-16 1417
1.img标签定义 img 元素向网页中嵌入一幅图像；<img> 标签有两个必需的属性：src属性和alt属性。 一些常用的图片格式：JPG PNG GIF BMP SVG等 基本代码格式： <img src=" "> alt ---如果图片是因为浏览器或者路径的问题加载不出来的时候，会显示图片的名字，alt的值 width 、height ------- 设置图片的宽度和高度 单位是像素px 或百分比（X%）一定要遵循图片原本的高度和宽度的比例 bor...
img标签有哪些属性，分别有什么作用
study_way的博客
09-15 1万+
（alternative text）：这个属性用于提供图像的替代文本，通常在图像无法加载或者用户使用辅助技术（如屏幕阅读器）时显示。Img 标签是用于在网页上显示图像的 HTML 元素，它有一些属性可以用来控制图像的显示和行为。：这个属性用于提供多个不同分辨率或大小的图像源，以便根据设备屏幕的特性选择合适的图像。：这个属性用于指定图像在不同屏幕尺寸下的显示尺寸，以帮助浏览器选择适当的图像源。：这个属性用于提供有关图像的额外信息，通常在鼠标悬停在图像上时显示为工具提示。：这个属性用于指定图像的解码方式。
标签：img
weixin_52808469的博客
02-24 408
img标签
html图片标签img的介绍以及基本用法详解
we
07-11 2万+
元素向网页中嵌入一幅图像。 标签有两个必需的属性：src 属性 和 alt 属性。注意：在 HTML 中， 标签没有结束标签。举例： 运行浏览器后得到的效果如图一、 标签的 src 属性 标签的 src 属性是必需的。它的值是图像文件的 URL，也就是引用该图像的文件的的绝对路径或相对路径。为了分清楚这两个路径，我先把图片放到文件夹下 查看绝对路径方法：右键属性，位置C:\Users\China\Documents\HBuilderProjects，就...
深入解析 img 标签的多维应用
weixin_40348267的博客
04-14 1557
在上述代码中，首先选择所有带有 data-src 属性的图像元素，然后通过 Intersection Observer 监听这些图像是否进入视口，一旦进入视口，将 data-src 属性的值赋给 src 属性，从而实现懒加载。看到这里的朋友，关于 <img> 标签的内容，可以好好吸收下，<img> 标签的懒加载和预加载都是面试中常考的知识点，上面内容中关于 HTML5 和 javascript 的内容在后续的系列中都会学到。8.图像预加载：通过在页面加载前预加载图像，可以提高用户体验。
HTML基础：img标签实现多媒体文件播放
在HTML基础课程中，播放多媒体文件是一个重要的实践环节。HTML本身主要用于构建Web文档，通过一系列的标记（Tag）来控制页面的布局和内容呈现。当涉及到在网页上播放多媒体文件时，如视频文件（.avi），可以利用`...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值