图像以及图像各种设置&滚动文字（萌新必看）

最新推荐文章于 2021-09-12 16:36:29 发布

尐╋猪

最新推荐文章于 2021-09-12 16:36:29 发布

阅读量267

点赞数 3

分类专栏：前端文章标签： css css3 javascript html5 html

本文链接：https://blog.csdn.net/qq_45623543/article/details/109138891

版权

前端专栏收录该内容

18 篇文章 4 订阅

订阅专栏

《个人学习笔记七》

img标记

图像标签用于向当前页面中引入一个外部图片
使用img标签来引入外部图片，img标签是一个自定义标签
img这种元素属于替换元素（款和行内元素之间，具有两种元素的特点）

属性	说明
alt	规定图像的替换文本
src	规定显示图像的URL
name	规定图像的名称
height	定义图像的高度
width	设置图像的高度
align	规定如何根据周围的文本来排列图像，分水平垂直两个方向
border	定义图像周围的边框
hspace	定义图像左侧和右侧的空白
vspace	定义图像的的顶部和底部空白
usemap	将图像定义为客户端图像映射

注意：一般情况在PC端，不介意修改图片的大小，需要多大的图就应该提前裁好。但是在移动客户端，经常用到对图片进行缩放（大图缩小最常见）

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>img加载图片</title>
</head>

<body>
    <img src="video/hah.jpg" alt="宇宙" border="2">
    <img src="https://img04.sogoucdn.com/net/a/04/link?appid=100520040&url=https://img03.sogoucdn.com/app/a/100520093/fb41c7c77a2454f7-01eba5833e7e38bc-77beaef3d3395a44f7647daae22934c0.jpg" alt="有吧">




</body>

</html>

结果显示如下：
在这里插入图片描述

设计图像的边框、高度以及宽度

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>img加载图片</title>
</head>

<body>
    <img src="video/hah.jpg" alt="宇宙" border="2">
    <img src="video/hah.jpg" alt="宇宙" border="2" width="30%">
    <img src="video/hah.jpg" alt="宇宙" border="2" height="50px">

    <img src="https://img04.sogoucdn.com/net/a/04/link?appid=100520040&url=https://img03.sogoucdn.com/app/a/100520093/fb41c7c77a2454f7-01eba5833e7e38bc-77beaef3d3395a44f7647daae22934c0.jpg" alt="有吧">




</body>

</html>

在这里插入图片描述

滚动文字

使用marquee标记添加滚动文字。

尐╋猪

关注

3
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
图像以及图像各种设置&滚动文字（萌新必看）

《个人学习笔记七》img标记图像标签用于向当前页面中引入一个外部图片使用img标签来引入外部图片，img标签是一个自定义标签img这种元素属于替换元素（款和行内元素之间，具有两种元素的特点）属性说明alt规定图像的替换文本src规定显示图像的URLname规定图像的名称height定义图像的高度width设置图像的高度align规定如何根据周围的文本来排列图像，分水平垂直两个方向border定义图像周围的边框hspace
复制链接

扫一扫

专栏目录