文章目录

1.图片标签 <**img**>
- 1.1 定义
- 1.2 图片属性
- 1.3 实验前的图片资源
- 1.4 图片属性的效果展示
- 1.5 图像标签属性注意点
- 1.6 相对路径和绝对路径
- - 1.6.1 绝对路径
  - 1.6.2 相对路径
  - 1.6.3 同级、上下级文件架构
  - 1.6.4 资源访问实例
2. 超链接标签 <**a**>
- 2.1 定义
- 2.2 属性
- 2.3 链接的分类
3. 综合案例

1.图片标签 <img>

1.1 定义

img 是单词 image 的缩写，意为图片

标签语义：用来定义图片

<img> 是一个单标签

1.2 图片属性

属性就是标签的特性。

属性	属性值	描述
src	URL	图像的路径
alt	文本	图像不能显示时的替换文本
title	文本	鼠标悬停时显示的内容
width	像素	设置图像的宽度
height	像素	设置图像的高度
border	数字	设置图像边框的宽度

图片标签 <img> 的必备属性是：src(source 的缩写，意为资源)，src 存放的图片的路径。

1.3 实验前的图片资源

这是我所使用的图片资源

【攻破html系列——第四天】图片标签和超链接相关推荐

前端(一)——HTML之基本标签、图片标签、超链接、锚链接
文章目录 1. 定义 2. 发展史及优势 2.1 发展史 2.2 优势 3. W3C标准 4. HTML的基本结构 5. 网站的基本标签 5.1 标题标签 5.2 段落标签 5.3 水平线标签 5.4 ...
web前段学习day_01:HTML（学习如何搭建页面结构和内容）：文本标签、列表标签、图片标签、超链接、表格、表单表单、分区标签、实体引用
学习如何构造页面结构和内容安装HBuilderX 一.HTML 创建第一个HTML页面写完html后如何测试写在body中的常见标签有哪些? 注释快捷键 Ctrl+Shift+/ 1.文本相关标 ...
02HTML 超链接与图像标记各是什么,【HTML篇】3.HTML的图片标签、超链接标签
1.图片标签 img src:图片路径 width:设置图片的宽度,如果是单独设置,则保存图片比例进行修改,单位可以是px和% height:设置图片的高度,如果是单独设置,则保存图片比例进行修改,单 ...
图片标签，超链接标签
图片标签使用本地资源和网络资源 img src=""/ 图片标题 title 图片出事故后显示 alt <html><head><title> ...
【HTML】P2 HTML 文本标签、图片标签、超链接标签
标签 (1)基础标签 (2)文本标签 2.1 常用文本标签 2.2 不常用文本标签 (3)图片标签 3.1 图片格式 (4)超链接标签 4.1 超链接打开网站 4.2 超链接点击下载 4.3 超链接跳 ...
html_常用标签_盒子标签_图片标签_超链接_列表标签（2）
接着上一篇博客继续完成常用标签学习本节,将介绍学习: 4.盒子标签 ...
图片标签与超链接标签
图片标签: 在网页上使用的图片常见格式为JPEG.GIF.PNG等格式插入图片我们通常使用<img/>无对象标签,该标签不包含任何内容 <img/>标签的核心属性为src属性 ...
【HTML 教程系列第 17 篇】什么是 HTML 中的图片标签 img
这是[HTML 教程系列第 17 篇],如果觉得有用的话,欢迎关注专栏. 文章目录一:什么是图片标签 img 二:img 的属性 1:src 属性 2:alt 属性 3:title 属性 4:wid ...
【有手就会系列】四步通过文字生成二次元小姐姐图片
首先fork项目,启动环境选择16G的A100显卡,直接点击运行加载模型,接着就到了生成小姐姐的时候啦你需要设置想生成的小姐姐的描述,由于模型是通过英文训练的,所以建议中文翻译成英文输入,填入你想要 ...

【攻破html系列——第四天】图片标签和超链接

文章目录

1.图片标签 <img>

1.1 定义

1.2 图片属性

1.3 实验前的图片资源

【攻破html系列——第四天】图片标签和超链接相关推荐

最新文章

热门文章