Presented by:

Lt. Sonia Mahindru

Asstt. Prof. in Computer Science

HansRaj Mahila Maha Vidyalaya Jalandhar

INTRODUCTION TO HTML- HYPERTEXT MARKUP LANGUAGE

• It is universally understood language, used by the World Wide Web for publishing globally. A kind of publishing mother tongue that all computers may potentially understand.
• HTML is the standard markup language for creating Web pages.

HYPERTEXT & HYPERMEDIA

• HYPERYEXT IS A TEXT WHICH CONTAINS LINKS TO OTHER TEXTS, WHICH CAN BE LOCATED ON ANOTHER WEB PAGE, ON THE SAME PAGE OR WITHIN A DOCUMENT.

​

• IT IS NOT CONSTRAINED TO BE LINEAR.

​

• THE MOST FAMOUS IMPLEMENTATION OF HYPERTEXT IS THE WORLD WIDE WEB.

​

• HYPERMEDIA IS A TERM USED FOR HYPERTEXT WHICH IS NOT CONSTRAINED TO BE TEXT. IT CAN INCLUDE GRAPHICS, VIDEO AND SOUND.

HTML TERMINOLOGY

TAG-A TAG GIVES INSTRUCTIONS TO THE BROWSER. IT TALKS TO THE BROWSER. TAGS ARE ALWAYS WRITTEN IN ANGLR BRACKETS.

​

PAIRED TAGS Ex.-<B>……..</B>

​

UNPAIRED TAGS Ex.-<BR>

​

ATTRIBUTE- IT IS THE PROPERTY OF AN HTML TAG THAT IS SPECIFIED IN THE OPENING ANGLE BRACKETS. A <TAG> TELLS THE BROWSER TO DO SOMETHING WHEREAS AN ATTRIBUTE GOES INSIDE THE <TAG> AND TELLS THE BROWSER HOW TO DO IT.

MARKUP

• MARKUP IS WHAT HTML TAGS DO TO THE TEXT INSIDE THEM. THEY MARK IT AS A CERTAIN TYPE OF TEXT.

EXAMPLE: ITALIC, BOLD TEXT

​

• MARKUP TELLS BROWSER HOW TO DISPLAY A WEB PAGE’S WORDS AND IMAGES.

HTML TOOLS

HTML EDITOR: IT IS THE PROGRAM THAT ONE USES TO CREATE AND SAVE HTML DOCUMENTS. EXAMPLE : NOTEPAD

​

WEB BROWSER: IT IS THE PROGRAM THAT ONE USES TO VIEW AND TEST THE HTML DOCUMENTS. THEY TRANSLATE HTML ENCODED FILES INTO THE TEXT, IMAGES, SOUNDS AND OTHER FEATURES USER SEE.

EXAMPLE: INTERNET EXPLORER, GOOGLE CHROME, OPERA

BASIC STRUCTURE OF AN HTML DOCUMENT

CHARACTER FORMATTING TAGS

CHARACTER FORMATTING TAGS

PARAGRAPH FORMATTING TAGS

ADDING SCROLLING TEXT TO WEB PAGE USING <MARQUEE> TAG

ADDING SCROLLING IMAGE TO WEBPAGE

THANK YOU