HTML入门：[3]图片类的代码处理

本节主要介绍图像方面的处理代码内容，包括：
设置图像大小；
设置文字与图像对齐；
设置网页背景图片。

操作方法

  • 01

    本节需要用到一些图片，首先需要找一些图片素材，将图片改为英文名字（中文名字在网站链接中容易出现错误），修改图片大小。

  • 02

    编写一个基础页面【图片.html】，和图片文件放在同一文件夹下。

  • 03

    图像标签 可以设置图片的源文件位置、图片大小和提示文字等内容。图片尺寸大小可以通过右键查看图片属性获得。 代码设置如下：

  • 04

    页面显示如下： 并列显示3副图片。

  • 05

    设置文字与图像对齐方式，可以设置上对齐、中间对齐或下对齐。 首先看代码设置，下面3副图的文字分别设置了上对齐、中间对齐和下对齐。

  • 06

    页面显示如下：

  • 07

    网页背景图片的设置； 在Body标签中可以设置背景图片的属性。 进行背景图片1设置的测试。

  • 08

    进行背景图片2设置的测试。

赞 (0)

相关推荐

  • Visual Studio类中代码编写有哪些规则?

    本篇经验将和大家介绍Visual Studio类中代码编写规则,规范编码风格,好处多多,希望对大家的工作和学习有所帮助. 1.类代码块注释结构和类描述信息,如下图所示: 2.全局常量,如下图所示: 3 ...

  • 怎么在手机钉钉新建图片类智能填表

    怎么在手机钉钉新建图片类智能填表

    现在很多企业开始使用钉钉办公,有些用户想知道怎么在手机钉钉新建图片类智能填表,接下来小编就给大家介绍一下具体的操作步骤.具体如下:1. 首先第一步打开手机中的[钉钉]App,进入软件后根据下图箭头所指 ...

  • Mac电脑如何通过人人译视界将图片转为ASS代码

    Mac电脑如何通过人人译视界将图片转为ASS代码

    人人译视界是一款功能强大.支持多终端的翻译软件,有些用户想知道Mac电脑如何通过该软件将图片转为ASS代码,接下来小编就给大家介绍一下具体的操作步骤.具体如下:1. 首先第一步先打开电脑中的[人人译视 ...

  • dedecms后台添加栏目图片的实现代码

    这篇文章主要介绍了dedecms后台添加栏目图片的实现代码的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下 操作方法 01 "系统->SQL命令工具" , 插入s ...

  • HTML中如何给图片添加边框代码

    在HTML5中,如果给图片添加描边的效果,该怎么用代码做到呢 操作方法 01 如图,在代码工具中,先建好几个图片,如图这里的img图片被div盒子包含:然后将盒子设置宽度,然后浮动:图片填充整个盒子大 ...

  • dw中图片轮播代码怎么写

    在网站制作过程中,为添加网站内容,会使用图片轮播,但是设计窗口很难编辑,使用代码最方便不过 操作方法 01 打开dw软件,左上角会有代码.拆分.设计三个选项,选在代码,打开在body后插入代码:< ...

  • 最简单的图片轮播代码

    一般运用JAVA编写轮播代码相比较其他软件更为简单,那就让小编来给大家介绍一下如何用 JAVA编写轮播代码. 操作方法 01 首先下载一个jquery库的插件．下载的插件要放在目录下．然后在html文 ...

  • vb编程入门（vb初学者编程代码大全）

    vb编程入门（vb初学者编程代码大全）

    单元格格式清除大部分人都会,如果数据很多,格式都很乱,手动清除就不能快速达到想要的效果,我们可以用VB代码来处理,那么如何使用VBA代码快速清除格式呢?这里三行代码教你快速处理方法/步骤首先我们拿到一 ...

  • ps图片作品如何转换为代码

    很多淘宝装修模版是图片的,也有代码图片都有的,那么图片的如何转换为代码在装修中使用呢? 操作方法 01 打开ps作品, 02 保存为web格式.得到一个文件夹和一个html格式文件. 03 在html ...