Scribd
Upload
226 views3 pages

HTML Summary

The document provides an overview of basic HTML elements for formatting text, inserting images, tables, lists and links on a web page. Key elements include <html> and <body> tags to define the page structure, <h1-h6> tags for headings, <p> for paragraphs, <font> for text formatting, <img> for images, <table> for tables, <ol> and <ul> for ordered and unordered lists, and <a> for links. CSS can also be used to change background colors and images.

Uploaded by

Joe Ayman
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
226 views3 pages

HTML Summary

The document provides an overview of basic HTML elements for formatting text, inserting images, tables, lists and links on a web page. Key elements include <html> and <body> tags to define the page structure, <h1-h6> tags for headings, <p> for paragraphs, <font> for text formatting, <img> for images, <table> for tables, <ol> and <ul> for ordered and unordered lists, and <a> for links. CSS can also be used to change background colors and images.

Uploaded by

Joe Ayman
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 Quick Guide

File structure: <html>


How the file basically <head> <title> this is your page title </title></head>
written <body> This is your page content </body>
</html>
Heading: <h1> heading </h1>
Different size headings
From h1: bigger till h6:
smallest

Paragraph: <p> Write the text with no spaces and no line breaks
To write a paragraph, <pre> Preserve paragraph written spaces and line
two tags are used: breaks

Formatting: <font color=”blue” size=”7”>


All tags used to format <b> bold text
written text <u> underlined text
<i> italic text
<center> centered item
<br> line break/ENTER
Image: <img src= ”image name and path” length=100
To add an image with a width=100>
specified size (length x
width)

Back-ground color: <body style=”background-color:yellow”>


To change web page
background color

Back-ground image: <body background=”image name and path”>


To place an image as the
background

1/3
Table: <table> to start designing tables rows and columns
Inserting a table with a <tr> to set the row design, consists of a number <td>
set or rows and columns tags
<th> table column title/heading
<td> Table column data

Example:
<table border=2>
<tr><th>row1,name1</th><th>row1,name2</th></tr>
<tr><td>row2,col1</td><td>row2,col2</td></tr>
<tr><td>row3,col1</td><td>row3,col2</td></tr>
</table>

Output:

Ordered List: <ol type=1>Order list title


To insert a numbered <li> first list item </li>
list (1,2,… ,I,II,….. , <li> second list item </li>
a,b,c,….) <li> third list item </li>
</ol>

Output:

Unordered List: <ul type=disc>Unorder list title


To insert a dotted list <li> first list item </li>
(circle, disc, square,…) <li> second list item </li>
<li> third list item </li>
</ul>

2/3
Output:

Links: <a href=”page URL”> text or image to click on to


open the link </a>
Example:
<a href=https://www.google.com> GOOGLE
SEARCH </a>
Output:
GOOGLE SEARCH

3/3

You might also like