HTML5学习系列之网页图像

HTML5学习系列之网页图像


前言

学习记录


定义图像

标签可以直接把图像插入网页中。

html 复制代码
<img src="xx" alt="xx"/>
  • src:显示图像的URL
  • alt:设置图像的替代文本
  • height、width:图像的高度和宽度
  • ismap:服务器端图像映射
  • usemap:客户器端图像映射
  • longdese:指向包含长的图像描述文档的URL

定义流

流表示图标、照片、图形、插图、代码片段等独立内容。使用figure和figcaption。

定义图标

  • 需要扩展名为.ico的图标
  • 图标要放在网站根目录
html 复制代码
<link rel="ico" href="/favicon.ico" type="image/x-icon"/>

总结

学习记录。

相关推荐
头疼的程序员1 分钟前
计算机网络:自顶向下方法(第七版)第四章 学习分享(一)
网络·学习·计算机网络
xiaoxue..3 分钟前
前后端双令牌认证(Access Token + Refresh Token)全方案实现:安全与体验兼得
前端·后端·web安全·面试·typescript·nestjs
下雨打伞干嘛7 分钟前
手写Promise
开发语言·前端·javascript
Mike_jia8 分钟前
中国版的OpenClaw--OpenOcta(八爪鱼)为运维人打造的 7×24h 数字员工
前端
凉、介12 分钟前
深入 LWIP:数据是如何被封装并发送出去的
网络·驱动开发·笔记·学习·嵌入式
云边散步12 分钟前
godot2D游戏教程系列二(15)
笔记·学习·游戏·游戏开发
H Journey13 分钟前
学习OpenCV之HSV 颜色模式
人工智能·opencv·学习·hsv
菜菜小狗的学习笔记14 分钟前
黑马程序员java web学习笔记--项目部署(Linux)
笔记·学习
charlie11451419116 分钟前
通用GUI编程技术——Win32 原生编程实战(五)——ListView 控件详解
windows·学习·gui·win32·编程指南
biubiubiu070617 分钟前
Chrome DevTools在Agent编程工具上的安装
前端·chrome·chrome devtools