htlm

Topics: HTML, HTML element, Microformat Pages: 134 (12494 words) Published: May 29, 2014
HTML

My First Heading
My first 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 tags normally come in pairs like and
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 slash before the tag name Start and end tags are also called opening tags and closing tags content

HTML Elements
In HTML, most elements are written with a start tag (e.g. ) and an end tag (e.g. ), with the content in between: This is a paragraph.
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. The browser does not display the HTML tags, but uses the tags to determine how the content of the HTML page is to be presented/displayed to the user: HTML Page Structure

Below is a visualization of an HTML page structure:

This a heading
This is a paragraph.
This is another paragraph.

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
2000
HTML5
2012
Write HTML Using Notepad or TextEdit
HTML can be edited by using a professional HTML editor like: Adobe Dreamweaver
Microsoft Expression Web
CoffeeCup HTML Editor
However, for learning HTML we recommend a text editor like Notepad (PC) or TextEdit (Mac). We believe using a simple text editor is a good way to learn HTML. Follow the 4 steps below to create your first web page with Notepad. Step 1: Start Notepad

To start Notepad go to:
Start
    All Programs
        Accessories
            Notepad
Step 2: Add HTML Code
Type your HTML code into your Notepad:

Step 3: Save HTML Page
Select File -> Save as.. in Notepad's menu.
When saving an HTML file, use either the .htm or the .html file extension. There is no difference, it is entirely up to you. Save the file in a folder that is easy to remember, like w3schools. Step 4: View HTML Page in Your Browser

Start your web browser and open your html file from the File, Open menu, or just browse the folder and double-click your HTML file. The result should look much like this:

HTML Headings
HTML headings are defined with the to tags.
This is a heading
This is a heading
This is a heading

HTML Paragraphs
HTML paragraphs are defined with the tag.
Example
This is a paragraph.
This is another paragraph.
HTML Links
HTML links are defined with the tag.
Example
This is a link

HTML Images
HTML images are defined with the tag.
Example

The filename and the size of the image are provided as attributes. HTML Elements
An HTML element is everything from the start tag to the end tag: Start tag *
Element content
End tag *

This is a paragraph

This is a link

 
 
* The start tag is often called the opening tag. The end tag is often called the closing tag.

HTML Element Syntax
An HTML element starts with a start tag / opening tag
An HTML element ends with an end tag / closing tag
The element content is everything between the start and the end tag Some HTML elements have empty content
Empty elements are closed in the start tag
Most HTML elements can have attributes

Nested HTML Elements
Most HTML elements can be nested (can contain other HTML elements). HTML documents consist of nested HTML elements.

HTML Example Explained

This is my first paragraph.

The example above contains 3 HTML elements.

The element:
This is my first paragraph.
The element defines a...
Continue Reading

Please join StudyMode to read the full document

Become a StudyMode Member

Sign Up - It's Free