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
