Scribd
Upload
38 views

What Is HTML

HTML (Hypertext Markup Language) is the standard markup language used to create web pages. HTML uses tags to provide structure and layout to web pages. Some key HTML tags include headings, paragraphs, breaks, fonts, and images. HTML tags come in pairs with opening and closing tags. Web pages are HTML documents that can be viewed in a web browser.

Uploaded by

Keziah Aliwanag
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
38 views

What Is HTML

HTML (Hypertext Markup Language) is the standard markup language used to create web pages. HTML uses tags to provide structure and layout to web pages. Some key HTML tags include headings, paragraphs, breaks, fonts, and images. HTML tags come in pairs with opening and closing tags. Web pages are HTML documents that can be viewed in a web browser.

Uploaded by

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

• What is HTML

– HyperText Markup Language


– It is the coding system used to make web pages or sometimes called “language of web
pages”.
– HTML is not a programming language, it is a markup language
– A markup language is a set of markup tags
HTML uses markup tags to describe web pages
• HTML tag tells the browser where and how to present the text, graphic images, links and other
web pages components.
• The way the pages are encoded is with a Markup called HTML.
• Web Pages are used to convey data or information. The data is your message that is considered
the body of HTML document. The text and content are the most important parts in a web page.
• Web page is simply a text file ending with suffix .html or .htm in its raw form. It is a simple text
that contains HTML tags, with no background, no pictures, or animations that has no color, life
and vitality.
• The browser is a program on your computer that take these text files, reads them in row, and
displays them on your computer in such a way the file HTML suggests.
• The Tags are commands or the source code for any web page that interspersed all through the
document. The tags tell the browser how to display the text, layout and images of the document.
It is easy to recognized the tags because of its greater than or less than signs or the angle brackets.
Features of HTML
• Create a personal home page and leave your mark on the World Wide Web
• Create a page for a company to advertise and promote products and services.
• Build a catalog on the WWW complete with product description and pictures and fill in order
forms so that customer can order from their line.
• Create searchable phone directory for a company or organization.
• Give information on how to advertise and how to access internet.
• Create a newsletter on the web, with pictures and sounds.
• 3 Kinds of Home Page
• Web Browser • Text Based
• World Wide Web Pages
• Web Site • Personal
• URL Home Pages
• Web page • Commercial
• Home page Home Pages
• The WWW would not exist without HTML for it allows the individual elements on the web to be
brought together and presented as collection.

The text , images, multimedia, and other files can be link all together using HTML.

* HTML tags are keywords surrounded by angle brackets like <html>


* HTML tags normally come in pairs like <b> and </b>
* The first tag in a pair is the start tag, the second tag is the end tag
* Start and end tags are also called opening tags and closing tags.

How to Write a Simple HTML


document?
How to start typing the HTML doc.?
<html></html> Click Programs
<head></head> Click Accessories
<title></title> Click Notepad
<body></body> Type the HTML program

How to save?
Click File from menu or simply click the save button
Type the filename and use the extension .html or .htm

<html>
<head>
<title> MY FIRST WEB PAGE </title>
</head>
<body>
Very little is needed to make a happy life. It is all within your self, in your way of thinking.
</body>
</html>

To insert a heading to your document type it in the body section

– <h1></h1>
– <h2></h2>
– <h3></h3>
– <h4></h4>
– <h5></h5>
– <h6> </h6>
Paragraph tags: ( it creates a space between paragraphs)

• <p> </p>
Text Break tag: (indicates the end of a line of text)
• <br>
• Formatting Text: to apply a font, font color, and font size
• <font> </font>
• <font color=red size=5 face=“arial”> words, sentence, or paragraph </font>

Font style and effects

• <b> words, sentence, paragraph </b> bold


• <u> words, sentence, paragraph </u> underline
• <i> words, sentence, paragraph </i> italic
• <s> words, sentence, paragraph </s> strike
through
• <sub> </sub> subscript
• <sup></sup> superscript
• <e> </e> emphasis

Paragraph Alignment – paragraph can be positioned on the left, right, or center of a browsers display
window.
• <p align=left> </p>
• <p align=right> </p>
• <p align= center> </p>
• <p align=justified> </p>
• To center a title or text you can use:
– <center> </center>
Background color – it is applied to the body of a web page
<body bgcolor = yellow>

Horizontal Ruled Line – draws a horizontal line across a web page


• <hr width=500 height=100 color=blue noshade>
• Use to add an animation effect to text/displays a scrolling effect

• Marquee attributes:

– behavior (scroll, slide)

– width indicates up to what part of the screen the text will move in a left to
right direction

– height indicates up to what part of the screen the text will

move in a up-down direction

– bgcolor specifies the background color of the text

– Direction specifies the path or route of a text movement

(up,down, right, left)


– Loop indicates the number of times u want the text to

animate.

Two Basic Types of HTML Tags


• The logical tags represent the structure and meaning of a document, with only suggested
renderings for their appearance which may or may not be followed by various browsers under
various system configurations.

• The physical tags represent specific visual effects which are intended to be reproduced in a
precise manner, and carry no connotation as to their semantic meaning.

Physical Markup Tags

• boldface <b> and </b> - it creates boldface characters.

• italic <i> and </i> - it creates italic characters.

• underline <u> and </u> - it creates underlined characters.

• font size <font size = n> and </font> - it changes the font size, can be larger or smaller

– Seven Font sizes : size = 7 (largest) … size = 1 (smallest)

• strike-through <strike> and </strike> - it creates a logical highlighting element, a horizontal line
in the text.

• subscript <sub> and </sub> - it creates a subscript characters. Subscripts are used in
mathematical equations or in footnotes.

• superscript <sup> and </sup> - it creates a superscript characters. Superscripts are the text that
appears slightly above the current line.

• Typewriter <tt> and </tt> - it creates a fixed width typewriter font.

Logical Markup Tags

• emphasis <em> and </em> - it creates emphasize characters.

• strong <strong> </strong> - it creates a stronger emphasis on characters, usually, boldface.

• code <code> and </code> - tags indicate that the text is to be presented as an example of
programming code.
Image

The <img> tag embeds an image in an HTML page


 Tables are defined with the <table> tag.

Table is divided into rows (with the <tr> tag), and each row is divided into data cells
(with the <td> tag).

 The letters td stands for "table data," which is the content of a data cell.

Table tags Table attributes

You might also like