ScreenShots
1
2
3
Tags Used In This Practical: This is a simple website with basic HTML elements like
<div> and <img> .
div Tag : The <div> tag defines a division or a section in an HTML document.
The <div> element is often used as a container for other HTML elements to style them with CSS
or to perform certain tasks with JavaScript.By default, browsers always place a line break before
and after the <div> element. However, this can be changed with CSS.
img Tag :The <img> tag defines an image in an HTML page. The <img> tag has two required
Attributes: src and alt. Images are not technically inserted into an HTML page, images are
linked to HTML pages. The <img> tag creates a holding space for the referenced image.To link an
image to another document, simply nest the <img> tag inside <a> tags.
To flip image we use basic css property transition and transform.
transition : it allows you to change property values smoothly, over a given duration.
e.g :
- transition-delay
- transition-duration
transform : it applies a 2D or 3D transformation to an element. This property allows you to
rotate, scale, move, skew, etc., elements.
Source code : https://drive.google.com/drive/folders/1alcebTzOJIA
seKw5rGD4rVPKiBK6Ut3F
Name : Thakor Hardik
Id No : 18CE129