Scribd
Upload
64 views12 pages

The Study of Canva: Group 1

Group 1 The study explores Canva, an online design tool. Canva allows users to customize designs using templates and add their own images. It also explores HTML attributes and CSS properties for adding background colors and images. Examples are provided of applying background colors in HTML using the <body> bgcolor attribute and the CSS background-color property. Code snippets also demonstrate how to add an image to HTML using the <img> tag by specifying the image URL in the src attribute.

Uploaded by

OLAÑO JOHN ROBERT
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
64 views12 pages

The Study of Canva: Group 1

Group 1 The study explores Canva, an online design tool. Canva allows users to customize designs using templates and add their own images. It also explores HTML attributes and CSS properties for adding background colors and images. Examples are provided of applying background colors in HTML using the <body> bgcolor attribute and the CSS background-color property. Code snippets also demonstrate how to add an image to HTML using the <img> tag by specifying the image URL in the src attribute.

Uploaded by

OLAÑO JOHN ROBERT
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 12

Group 1

The study of
Canva
TT Introduction To
Canva
HTML <body>
bgcolor
Attribute
CSS Background
- Color Property

TT
Attribute specifies the

O
Introducing Canva. The syntax of CSS background-

O background color of a document. color.

OO
DD Attribute Designs Background

P
Values Image

The syntax of CSS background- P


AA
Canva customization is being Examples of background design .
color. explored.

Y
II
Y Illustration
HTML Images
Syntax
Applying Image
in HTML

SS
Some examples of bacround
designs.
Applying image in Html Running the code with image URL.
CC
Introduction to Canva
What exactly is Canva, and how does it work?

Canva is a free visual design tool that lets you


use professionally designed templates to make
invites, business cards, brochures, lesson plans,
Zoom backdrops, and more. You can also upload
your own photographs and use a drag-and-drop
interface to add them to Canva's layouts.
HTML <body> bgcolor Attribute
The bg color attribute specifies the background color of a

document.
Syntax of HTML <body> bgcolor Attribute:
<body bgcolor="color_name|hex_number|rgb_number">
CSS background-color property
Syntax of CSS background-color property:
<body style="background-color:color_name|hex_number|rgb_number">

Search

"https://www.rapidtables.com/web/color/RGB_Color.html" for

color codes chart.


Attribute Values

Color_name hex_number rgb_number


Specifies the background Specifies the background Specifies the background
color with a color name color with a hex code (like color with an rgb code
(like "red") "#0000FF.) (like "rgb(255,192,203)")
Designs
All free photos, music and video files on
Canva can be used for free for commercial
and noncommercial use. If a photo, music
or video file contains an identifiable BACKGROUND IMAGE
person, place, logo or trademark, please
ensure you check the image source or PRESENTATION
contact us if you're unsure.
DOCUMENTS

LAYOUTS
Background Image
Select the design type in Canva. Choose from their
professional graphic design components library, which
includes banners, icons, frames, and more. Upload your
own photographs or select from over 1 million stock
images. Retouch your photos, apply eye-catching
effects, and change the text.
Illustration
These are two examples of background
images created with Canva.
HTML Images
Syntax
An image can be included in a web page
The <img> tag is empty, it contains attributes
using the HTML <img> tag Images are not
technically inserted into a web page; only, and does not have a closing tag.
images are linked to web pages. The <img> The <img> tag has two required attributes:
tag creates a holding space for the src - Specifies the path to the image
referenced image.
alt - Specifies an alternate text for the
image
Applying Image in HTML

Type <<img src="url" Locate your image can be Run the code
alt="alternatetext"> in url or in file location
Note: Alt is the other way to show the Note: You can change the size through There you have your image in your new
image if the systmes doesn't find it. width and height web page.
Thank You!

You might also like