Scribd
Upload
5 views2 pages

HTML Formatting and Media Elements Guide

The document provides a comprehensive guide on HTML elements, including headings, paragraphs, superscripts, subscripts, tables, images, videos, and audio. It details the syntax for creating these elements, including attributes for styling and layout. Additionally, it includes examples for each type of element to illustrate their usage.

Uploaded by

Bhone MyatKaung
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
5 views2 pages

HTML Formatting and Media Elements Guide

The document provides a comprehensive guide on HTML elements, including headings, paragraphs, superscripts, subscripts, tables, images, videos, and audio. It details the syntax for creating these elements, including attributes for styling and layout. Additionally, it includes examples for each type of element to illustrate their usage.

Uploaded by

Bhone MyatKaung
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

<HTML Note>

Headings
<h1>
<h2>
<h3>
<h4>
<h5>
<h6>

Paragraph
<p>xxx</p>

Superscript
e<sup>2</sup>

Subscript
H<sub>2</sub>O

Table
<table>
<tr>
<td>xxx<td>
</tr>
</table>
*** Shortcut --> tr*n>td*n

Table_rowspan_colspan
<td colspan ="3">XXX</td>
<td rowspan="3">XXX</td>

Border style
1. border (outline)
<table border ="n">
e.g. <table border="1">

[Link] (Internal)
<td style =" border: solid xxx(in px) ></td>

[Link] padding
<table style = "padding : top right bottom left";>
e.g. <table style = "padding : 12px 15px 10px 14px";>
Image
<img src="xxx.file_extension" alt="xxx">
file_extension is most likely to be jpg
Common extensions: jpg,png
Image_size
<img src="xxx.file_extension" alt="xxx" style=width:xxx>
<img src="xxx.file_extension" alt="xxx" style=height:xxx>
<or>
<img src="xxx.file_extension" alt="xxx" style=width:xxx height:xxx>

Video
Basic → <video><source src = "xxx.mp4"type = "video/mp4"></video>

Controls → <video autoplay loop muted ><source src = "xxx.mp4"type =


"video/mp4"></video>

Size → <video width="xxx" height="xxx" autoplay loop muted ><source src


= "xxx.mp4"
type = "video/mp4"></video>

Final → <video width="xxx" height="xxx" autoplay loop muted >Your browser


does not support this type
of video <source src = "xxx.mp4"type = "video/mp4"></video>

Audio
Basic → <audio><source src="xxx.mp3" type="audio/mp3"></audio>

Control → <audio controls><source src="xxx.mp3"


type="audio/mpeg"></audio>

Final→ <audio controls>Your browser does not support this type of


audio<source src="xxx.mp3"
type="audio/mpeg"></audio>

You might also like