0% found this document useful (0 votes)
22 views17 pages

2 HTML

Uploaded by

shewaledipa2210
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
22 views17 pages

2 HTML

Uploaded by

shewaledipa2210
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 17

WHAT IS HTML?

• HTML is a computer language invented to allow website


creation. The websites can then be viewed by anyone else
connected to the Internet. It is relatively easy to learn, with the
basics being accessible to most people in one sitting and quite
powerful in what it allows you to create. HTML is used to build
the websites or web based applications.
• HTML stands for Hyper Text Markup Language.
• HyperText is the method by which you move around on
the web by clicking on special text called hyperlinks which
bring you to the next page.
• Markup is what HTML tags do to the text inside them.
They mark it as
a certain type of text for example italicized text.
HOW DOES HTML WORK?
• HTML consists of a series of short codes typed into a
text-file called as tags. The text is then saved as html file,
and viewed through a browser like Internet Explorer.
This browser reads the file and translates the text into a
visible form, hopefully rendering the page as the author
had intended.
• Some of the most popular HTML editors, such as
Notepad , Notepad++, FrontPage or
Dreamweaver will let you create pages more or
less as you write documents in Word or
whatever text editor you are using.
ESSENTIAL HTML TAGS
• There are four sets of HTM L tags that form the basic structure needed for every HTM L file:
• <html></html>
• <head></head>
• <title></title>
• <body></body>
• html> </html>
• This basically defines the document as web page. It also identifies the beginning and end of the
HTM L

document. All other tags must fall between the html tags.
• <head> </head>
• The header contains information about the document that will not appear on the actual page, such as
the
title of the document, the author etc.
• <title> </title>
• The title tag defines the title that will appear in the title bar of your web browser. The title must
between
appear the head tags.
• <body> </body>
• The body tags contain all the information and other visible content on the page. All your images, links
and plain text must go between the <body> and </body>
tags.
HTML PROGRAM
HOW TO SAVE A HTML FILE?
• Open Notepad
• Type the html program
• Click File > save
• Select Desktop, type the file name as
myfile.html
and select All files in Save as type box and
Click on save.
• Your HTML file will be save to desktop
INTERFACE OF HTML
• Double click on the file you saved and your webpage is
ready for display.
HTML LIST
 An HTML list is a record of related information used to display the
data or any information on web pages in the ordered or unordered
form.
 There are three types of List in HTML.
 Order list
 Unorder list
 Description List
Order List
 HTML Ordered List is created by the HTML <ol> tag, to display elements in an ordered
form, either numerical or alphabetical. Within the <ol> tag, list items <li> are used to
define the items in sequential order.
 Example:
Unorder list
 An HTML Unordered List (<ul>) displays elements in a bulleted format. List items
within an unordered list are defined using the <li> tag. The <ul> tag requires both
opening and closing tags.
 Example:
Description List
 HTML Description List <dl> organizes terms and descriptions, utilizing <dt> and <dd>
tags within <dl>. This structured format clarifies content presentation, enhancing
comprehension and readability for diverse information on web pages.
 Example:
HTML Headings Tages
 HTML headings, from <h1> to <h6>, indicate content hierarchy and
importance. Search engines use them for indexing. Users navigate
by headings. Employ <h1> for main titles, <h2> for subsections,
and progressively lower levels for less important content to
maintain structure and readability.

 HTML provides six levels of heading elements, ranging from <h1>


(highest level) to <h6> (lowest level).
Example:

Output:
HTML Tables
 An HTML Table is an arrangement of data in rows and columns in
tabular format. Tables are useful for various tasks, such as
presenting text information and numerical data. A table is a useful
tool for quickly and easily finding connections between different
types of data. Tables are also used to create databases.
Code:
<html>
<body>
<table>
<tr>
<th>Firstname</th>
<th>Lastname</th>
<th>Age</th>
</tr>
<tr>
<td>Priya</td>
<td>Sharma</td>
<td>24</td>
</tr>
<tr> Output:
<td>Arun</td>
<td>Singh</td>
<td>32</td>
</tr>
<tr>
<td>Sam</td>
<td>Watson</td>
<td>41</td>
</tr>
</table>
</body>
</html>
THANK YOU……..!

You might also like