0% found this document useful (0 votes)
28 views2 pages

Computer 6 Reviewer For ST

Uploaded by

Shakira Lyza Kee
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
28 views2 pages

Computer 6 Reviewer For ST

Uploaded by

Shakira Lyza Kee
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 2

COMPUTER

HTML Images

● can improve the design and the appearance of a web page.


● Images are not technically inserted into a web page; images are linked to web pages

HTML <img> tag

● is used to put an image in a web page.


● creates a holding space for the referenced image.
● does not have a closing tag.

The <img> tag has two required attributes:

■ src - Specifies the path (url) to the image


■ alt - Specifies an alternate text for the image

<img> Format

● <img src="filename.format" alt="alternatetext">

Examples: <img src="Tree.jpg" alt="Tree in the middle of nowhere">

<img src="url" alt="alternatetext">

The ALT Attribute:

- The required alt attribute provides an alternate text for an image, if the user for some
reason cannot view it (because of a slow connection, an error in the src attribute)
- The value of the alt attribute should describe the image:

Example: <img src="img_chania.jpg" alt="Flowers in Chania">

● If a browser cannot find an image, it will display the value of the alt attribute

Images on Another Server/Website

- To point to an image on another server, you must specify a full URL in the
src attribute:

All you have to do is right-click on the images selected, then select "Copy Image Address"

Example: <img src="https://th.bing.com/th/id/OIG1.wQ7nqzXG6LLji1s3MrOP" alt="AI image


creator of Bing">

Image Size - Width and Height:

- You can use the style attribute to specify the width and height of an image.
- The width and height attributes always define the width and height of the image

Example: <img src="Tree.jpg" alt="Tree in the middle of nowhere" style="width:50%;


height:50%;">

● Alternatively, you can use the width and height attributes:

Example: <img src="Tree.jpg" alt="Tree in the middle of nowhere" width="50%" height=50%">

HTML Videos

<video> tag

● is used to embed video content in a document, such as a movie clip or other video
streams.
● contains one or more <source> tags with different video sources. The browser will
choose the first source it supports
● There are three supported video formats in HTML: MP4, WebM, and OGG.

All web browsers support these formats. EXCEPT Ogg on Safari

● <video src="videoname.format" type="video/format" controls>


● </video>

You might also like