Jump to content

Recommended Posts

Posted

I am gonna share with you what I know and learnd from the net.

Steps:HTML Basic

HTML HOME

HTML Introduction

HTML Editors

HTML Basic

HTML Elements

HTML Attributes

HTML Headings

HTML Paragraphs

HTML Formatting

HTML Links

HTML Head

HTML CSS

HTML Images

HTML Tables

HTML Lists

HTML Blocks

HTML Layout

HTML Forms

HTML Iframes

HTML Colornames

HTML Colorvalues

HTML JavaScript

HTML Entities

HTML URL Encode

HTML XHTML

 

 

Credits Olympus,Internet& ME

HTML Introduction:

 

HTML Example

 <!DOCTYPE html>
<html>
<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>
</html>

 

Example Explained

 

    The DOCTYPE declaration defines the document type

    The text between <html> and </html> describes the web page

    The text between <body> and </body> is the visible page content

    The text between <h1> and </h1> is displayed as a heading

    The text between <p> and </p> is displayed as a paragraph

 

 

What is HTML?

 

HTML is a language for describing web pages.

 

    HTML stands for Hyper Text Markup Language

    HTML is a markup language

    A markup language is a set of markup tags

    The tags describe document content

    HTML documents contain HTML tags and plain text

    HTML documents are also called web pages

 

HTML Tags

 

HTML markup tags are usually called HTML tags

 

    HTML tags are keywords (tag names) 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

    The end tag is written like the start tag, with a forward slash before the tag name

    Start and end tags are also called opening tags and closing tags

 <tagname>content</tagname>

 

HTML Elements

 

"HTML tags" and "HTML elements" are often used to describe the same thing.

 

But strictly speaking, an HTML element is everything between the start tag and the end tag, including the tags:

 

HTML Element:

 <p>This is a paragraph.</p>

 

Web Browsers

 

The purpose of a web browser (such as Google Chrome, Internet Explorer, Firefox, Safari) is to read HTML documents and display them as web pages.

 

HTML Page Structure

 

Below is a visualization of an HTML page structure:

<html>
<body>
<h1>This a Heading</h1>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
</body>
</html> 

HTML Versions

 

Since the early days of the web, there have been many versions of HTML:

Version Year

HTML 1991

HTML+ 1993

HTML 2.0 1995

HTML 3.2 1997

HTML 4.01 1999

XHTML 1.0 2000

HTML5 2012

XHTML5 2013

 

The <!DOCTYPE> Declaration

 

The <!DOCTYPE> declaration helps the browser to display a web page correctly.

 

There are many different documents on the web, and a browser can only display an HTML page 100% correctly if it knows the HTML type and version used.

 

Common Declarations

HTML5

<!DOCTYPE html> 

HTML 4.01

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.mrhotfire.org/TR/html4/loose.dtd"> 

XHTML 1.0

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.mrhotfire.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

 

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.



×
×
  • Create New...