Scribd
Upload
191 views6 pages

HTML Lists: Assignment

The document discusses various HTML elements used to structure content including lists, images, videos, audio, and tables. It provides syntax and examples for unordered lists, ordered lists, the <img> tag, the <video> and <audio> tags, and HTML tables.

Uploaded by

Hunter Kurusaki
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
191 views6 pages

HTML Lists: Assignment

The document discusses various HTML elements used to structure content including lists, images, videos, audio, and tables. It provides syntax and examples for unordered lists, ordered lists, the <img> tag, the <video> and <audio> tags, and HTML tables.

Uploaded by

Hunter Kurusaki
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/ 6

Pagkaliwangan, Jarwin Jr. R.

BSInfoTech 301-A

Assignment

HTML LISTS
- HTML lists allow web developers to group a set of related items in lists.

An unordered HTML list:

• Item
• Item
• Item
• Item

An ordered HTML list:

1. First item
2. Second item
3. Third item
4. Fourth item

Unordered HTML Lists:

- An unordered list starts with the <ul> tag. Each list item starts with
the <li> tag.

- The list items will be marked with bullets (small black circles) by default:

Example:

<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
Ordered HTML Lists:

- An ordered list starts with the <ol> tag. Each list item starts with
the <li> tag.

- The list items will be marked with numbers by default:

Example:

• <ol>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>

HTML IMAGES SYNTAX


• The HTML <img> tag is used to embed an image in a web page.
• Images are not technically inserted into a web page; images are linked to web pages. The <img>
tag creates a holding space for the referenced image.
• The <img> tag is empty, it contains attributes only, and does not have a closing tag.

The <img> tag has two required attributes:

• src - Specifies the path to the image


• alt - Specifies an alternate text for the image

Syntax

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

Example
HTML VIDEO

• The HTML <video> element is used to show a video on a web page.

HTML <video> Element

• To show a video in HTML, use the <video> element:

Example:

<video width="320" height="240" controls>

<source src="movie.mp4" type="video/mp4">

<source src="movie.ogg" type="video/ogg">

Your browser does not support the video tag.

</video>

HTML <video> Autoplay

• To start a video automatically, use the autoplay attribute:

Example:

<video width="320" height="240" autoplay>

<source src="movie.mp4" type="video/mp4">

<source src="movie.ogg" type="video/ogg">

Your browser does not support the video tag.

</video>
HTML Video:

HTML AUDIO
• The HTML <audio> element is used to play an audio file on a web page.

The HTML <audio> Element

• To play an audio file in HTML, use the <audio> element:

Example:

HTML <audio> Autoplay

• To start an audio file automatically, use the autoplay attribute:

Example:
HTML Audio:

HTML TABLES
• HTML tables allow web developers to arrange data into rows and columns.

Define an HTML Table:

• A table in HTML consists of table cells inside rows and columns.


Example: A simple HTML table:

HTML Table Tags

You might also like

pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy