Scribd
Upload
66 views19 pages

Introduction To HTML: Presented by Roshana

HTML is a markup language used to structure and present content for the web. It uses tags to add formatting and links. Basic tools for creating web pages are a plain text editor, HTML file extension, and web browser. HTML tags are enclosed in angle brackets and include paired tags, singular tags, and empty tags. The structure of an HTML document includes <html>, <head>, and <body> tags. Common text formats are headings, paragraphs, breaks, and center alignment. Other elements are lists, tables, images, and hyperlinks.

Uploaded by

RoshanaFarvin
Copyright
© Attribution Non-Commercial (BY-NC)
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
66 views19 pages

Introduction To HTML: Presented by Roshana

HTML is a markup language used to structure and present content for the web. It uses tags to add formatting and links. Basic tools for creating web pages are a plain text editor, HTML file extension, and web browser. HTML tags are enclosed in angle brackets and include paired tags, singular tags, and empty tags. The structure of an HTML document includes <html>, <head>, and <body> tags. Common text formats are headings, paragraphs, breaks, and center alignment. Other elements are lists, tables, images, and hyperlinks.

Uploaded by

RoshanaFarvin
Copyright
© Attribution Non-Commercial (BY-NC)
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/ 19

Introduction to HTML

Presented By Roshana

What is HTML?
Hyper Text Markup Language

HTML is a set of special codes that can be embedded in text to add formatting and linking information.
It uses markup tags to describe web pages Eg: <html>.</html> Created by Tim Berners-Lee in 1993 from SGML

Basic Tools To Create Web Pages


Plain text editor like NotePad to write HTML documents File extension .htm or .html Web browser to test and view the created web page HTML reference book to serve as guide for HTML tags

Basic HTML Rules


HTML tags are enclosed by brackets < > for example <HTML> Most tags require a closing tag <HTML> </HTML>

Types:
(i) Paired Tags Eg: <b></b> (ii) Singular Tags Eg: <br> Tags must be nested correctly <B><I>Library WebSite </I></B> first tag on, last tag off

Contd
Tags are not case sensitive but are usually written in uppercase Most tags have optional attributes with several possible values that modify the tags behavior Look inside HTML element (Tag) TAG attribute value closing tag

<BODY bgcolor=pink" text="#000066"> <BODY>

Structure of an HTML Program


The entire web page is enclosed within<html></html> Within these tags 2 distinct sections are created using <head> </head> tags and <body> </body> tags.

Document Head Document Body <html> <head> <title> HTML Tags </title> </head> <body> <p>I'm a paragraph!</p> </body> </html>

Some HTML Tags Examples


START TAG END TAG

<HTML> <HEAD> <TITLE> <BODY> <H1>, <H2>, ... <IMG ...> <A ...> <P> <BR> <OL> <UL> <LI>

</HTML> </HEAD> </TITLE> </BODY> </H1>, </H2>, ... </IMG> (optional) </A> </P> (optional) (none; "empty" tag) </OL> </UL> </LI> (optional)

Some Common Text Tags


Header Tags Header tags range from<H1> to <H6>, <H1> the largest and <H6> is the smallest. Ex:
<H1> My Library </H1> (page title) <H2> Mission, Vision and Goals </H2> (main topic)

<H3> Objectives</H3>

Center tag
Use <CENTER> tag to center elements on the page.
<CENTER> <H1> My Library </H1> <H2> Mission, Vision and Goals </H2> </CENTER> <H3>Objectives</H3>

Paragraph Breaks
The <P> tag breaks the textual information on a page and inserts a single line space.
<P> MyLibrary aims to be the country's public virtual library </P>

Horizontal tag
Horizontal rule <HR> tag separate major sections of the page by inserting a bar in between paragraphs or sections.
<HR width=50% size=3 align=center>

Format Tag
Format text with tags that make the text bold <B> and/or italic <I> to put emphasis on some points <B> Welcome To HTML</B> </Br> <I>HTML Tags</I>

Marquee Tag
<Marquee> Welcome To HTML </Marquee>

What are other HTML formatting tags?


HTML also supports lists; unordered lists, ordered lists and, definition list, which is sometimes the best way to present information. Unordered List Unordered list is a bulleted list that uses <UL> and <LI> tags
<UL> <LI> Books </LI> <LI> Journals </LI> </UL>

Ordered List Ordered list is a numbered list that uses <OL> and <LI> tags
<OL> <H2> Types Of Html </H2> <LI> Header <LI> Body <LI> Footer </OL>

Tables
<Table Border="5"> Student <Tr> <Th> Name</Th> <Th>Age</Th></Tr> <Tr> <Td>Vikash</Td> <Td>24</Td></Tr> </Table>

How to add image?


<BODY bgcolor=green> <IMG src=tweety.gif align=right> </BODY>

How to create hyperlinks


Hyperlinks connect your web pages together and point to other web documents
<A HREF=collection.htm> Library Collection</A>

You might also like