0% found this document useful (0 votes)
4 views

Q2 Lesson 1 Intro To HTML w1

Uploaded by

Gab Peralta
Copyright
© © All Rights Reserved
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
4 views

Q2 Lesson 1 Intro To HTML w1

Uploaded by

Gab Peralta
Copyright
© © All Rights Reserved
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 7

INTRODUCTION TO HTML

INTRODUCTION TO HTML
HOW DOES THE BROWSER DISPLAY THE PAGES?
• All Web pages contain instructions for display.
• The browser displays the page by reading these instructions.
• The most common display instructions are called HTML tags.

HTML – hypertext mark-up language


Tag – is the basic coding unit in the HTML system.

WHO IS MAKING THE WEB STANDARDS?

• W3C – World Wide Web Consortium


- the rule making body of the web
- it puts together specifications for Web standards.

Most essential Web standards


– HTML
– CSS
– XML
XHTML 1.0 – it is the latest HTML standards.
What is an HTML File?
HTML - Hyper Text Markup Language
HTML file – is a text file containing small markup tags.
- it must have an htm or html file extension
Ex. Exer1.htm
HTML Editors:
Notepad (Microsoft Windows)
Simple Text (Macintosh)

Mark up tags – tells the Web browser how to display the page.

2 KINDS OF TAG
1. Stand Alone Tag
<br> - break rule Ex. _____ <br> _____ =
<hr> - horizontal rule/line
2. Container Tag
<i> </i> Ex. <i> computer </i> = computer
<p> </p>
HTML Tags
HTML Tags
– HTML tags are used to mark- up HTML elements
– HTML tags are surrounded by the two characters < and >
These surrounding characters are called angle
brackets
– HTML tags normally come in pairs like <b> and </b>

<b> the first tag in pair is the start tag and


</b> the second tag is the end tag

– The text between the start tag and the end tag is element content

Ex. <b> computer education </b>


computer education is the element content
– HTML tags are not case sensitive.
<b> means the same as <B>
HTML document example:

<html>
<head>
<title>title of page</title>
</head>
<body>
This is my first homepage.
<b>This text is bold</b>
</body>
</html>
This is an HTML element:

<b>This text is bold</b>


The HTML element starts with a start tag :
<b>
The content of the HTML element is: This text is
bold
The HTML element ends with an end tag: </b>

The purpose of the <b> tag is to define an


HTML element that should be displayed as bold.
This HTML element starts with the start tag
<body>
and ends with the end tag </body>

<body>
This is my first homepage.
<b>This text is bold</b>
</body>

The purpose of the <body> tag is to define the


HTML element that contains the body of the
HTML document.

You might also like