Slide 1
Excellent Education Program
Innovative Methods of Teaching

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cum sociis natoque penatibus et magnis dis parturient.

Slide 2
Learning Through Play
Devoted to the Early Education

Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.

Slide 2
Learning Through Play
Devoted to the Early Education

Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.

Slide 2
Learning Through Play
Devoted to the Early Education

Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.

Slide 2
Learning Through Play
Devoted to the Early Education

Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.

Slide 3
Learning Through Play
Find a Class for your Children

Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis.

previous arrow
next arrow

What Is HTML?

Spread the Knowledge

HTML is a markup language for creating web documents / pages

1.Hyper Text Markup Language

2.Markup language – Uses a set of markup tags

3.NOT a programming language

HTML Tags

  1. HTML tags define HTML elements which is an individual component of an HTML document or web page.
  2. Keywords surrounded by angle brackets
[code language=”html”] <p>This is a paragraph element surrounded in paragraph tags</p> [/code]

Page Structure

[code language=”html”] <!DOCTYPE htm> <html> <head> <title>My Webpage</title> </head> <body> <p>This is my first web page,/p> </body> </html> [/code]

<!DOCTYPE html> – Declaration defines this document as HTML5
<html> – Describes an HTML document
<head> – Provides information about the document
<title>- Provides a title for the document

<body> – Describes the visible page content

Common Doctype Declarations

Closing Tags

Not all tags have closing tags like <p></p>
Some tags can close themselves
Line-Break Tag – <br>

Self Closing Line-Break Tag –<br/> (Remnant of XHTML)

Attributes

Tags can also have “attributes” which include extra bits of information about that tag/element. Attributes appear in the tag inside of quotation marks

[code language=”html”] <tag attribute=“value”></tag> <a href=“http://google.com”>Click</a> <h1 id=“myHeading”</h1> [/code]

Block Level Elements

  • Always starts on a new line
  • §Takes up full available width
[code language=”html”] <div> <h1> – <h6> <form> [/code]

Inline Level Elements  

  • Does not start on a new line
  • Takes only width necessary
[code language=”html”] <span> <a> <img> [/code]

Creating A Web Page

  1. Use a text editor or IDE to create your HTML document
  2. Add elements, tags, attributes, etc
  3. Save file with a .html extension
  4. Open it up in a browser – No server needed

Rajesh Kumar
Latest posts by Rajesh Kumar (see all)