Scribd
Upload
183 views

HTML Short Notes

HTML can be structured using tags like <table> for tables, <img> for images, <audio> and <video> for multimedia, and lists can be ordered or unordered. Hyperlinks can be created with <a> tags and opened in new tabs. CSS can style pages by attaching an external .css file or using internal <style> tags, and properties set text, colors, positioning, and more.

Uploaded by

Shubham Jain
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
183 views

HTML Short Notes

HTML can be structured using tags like <table> for tables, <img> for images, <audio> and <video> for multimedia, and lists can be ordered or unordered. Hyperlinks can be created with <a> tags and opened in new tabs. CSS can style pages by attaching an external .css file or using internal <style> tags, and properties set text, colors, positioning, and more.

Uploaded by

Shubham Jain
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/ 3

HTML Short Notes:

General:
-> start with <!DOCTYPE html>

Tables:
-> <tr> is a table row. Number of these tags define the number of rows
-> inside <tr>, add <td>. <tr><td></td></tr>. Number of <td> defines the number
of columns.
-> you can use the properties colspan and rowspan in <td>. They merge two cells.
-> to center a table, set left and right margin to auto (margin-left: auto)

Images/Audio/Video:
-> <audio controls><source src=“xyz.mp3” type=“audio/mpeg”></audio> same for
video, just replace <audio> with <video>
-> <img src=“image.jpg” alt=“Description of image” width=“128” height=“128”>
Lists:

-> for nested lists, just open another ordered or unordered tag in the <li>

Hyperlinks:
-> to open a link in a new tab, use <a target="_blank">
-> mail to a specific address with a subject
<a href=“mailto:[email protected]?Subject=Welcome%20Friends”>Contact
us</a>

CSS:
-> to attach css file in the webpage <link rel=“stylesheet” type=“text/css”
href=“mystyle.css”>, comes before <head>
-> two ways of writing css, internal and external. Internal is writing inside the html
file and external is creating a new file with the extension .css. The formats for
both are:
=> internal: <table border=”1” style= “width:200px”>
=> external: h1 { color:#000000;} and .exampleClass { color: #000000; }
-> Other tags
=> h1 { text-decoration: bold, underline ,italics;}
=> body { background-image: url (“xyz.jpg”);}
=> body { background-repeat: no-repeat;}
=> body {background-position: top/left/right/bottom;}
=> h1 {text-align: left/right/top/bottom;}

You might also like