Вы находитесь на странице: 1из 3

14/9/2014 Introduction to HTML

http://www.w3schools.com/html/html_intro.asp 1/3
REFERENCES | EXAMPLES | FORUM
HTML Tutorial
HTML HOME
HTML Introduction
HTML Editors
HTML Basic
HTML Elements
HTML Headings
HTML Paragraphs
HTML Formatting
HTML Comments
HTML Attributes
HTML CSS
HTML Links
HTML Images
HTML Tables
HTML Lists
HTML Blocks
HTML Layout
HTML Forms
HTML Iframes
HTML Color Names
HTML Color Values
HTML Color Shades
HTML JavaScript
HTML Head
HTML Entities
HTML Symbols
HTML Charset
HTML URL Encode
HTML XHTML
HTML5
HTML5 Intro
HTML5 Browsers
HTML5 Elements
HTML5 Semantics
HTML5 Forms
HTML Form Elements
HTML Input Types
HTML Input Attributes
HTML5 Graphics
HTML Canvas
HTML SVG
HTML5 Media
HTML Media
HTML Video
HTML Audio
HTML Plug-ins
HTML YouTube
HTML5 APIs
HTML Geolocation
HTML Drag/Drop
HTML Local Storage
HTML App Cache
HTML Web Workers
HTML SSE
HTML Examples
HTML Examples I
HTML Examples II
HTML5 Examples
HTML Quiz
HTML5 Quiz
HTML Certificate
Previous Next Chapter
HTML Introduction
What is HTML?
HTML is a markup language for describing web documents (web pages).
HTML stands for Hyper Text Markup Language
A markup language is a set of markup tags
HTML documents are described by HTML tags
Each HTML tag describes different document content
HTML Example
Small HTML document
<!DOCTYPE html>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
Try it Yourself
Example Explained
The DOCTYPE declaration defines the document type
The text between <html> and </html> describes the web document
The text between <body> and </body> describes the visible page content
The text between <h1> and </h1> describes a heading
The text between <p> and </p> describes paragraph
Using the description, a web browser can display a document with a heading and a paragraph.
HTML Tags
HTML tags are keywords (tag names) surrounded by angle brackets:
<tagname>content</tagname>
HTML tags normally come in pairs like <p> and </p>
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, but with a slash before the tag name
The start tag is often called the opening tag. The end tag is often called the closing tag.
Web Browsers
The purpose of a web browser (Chrome, IE, Firefox, Safari) is to read HTML documents and display them.
The browser does not display the HTML tags, but uses them to determine how to display the document:
Search w3schools.com:
WEB HOSTING
UK Reseller Hosting
WEB BUILDING
Download XML Editor
FREE Website BUILDER
Free HTML5 Templates
W3SCHOOLS EXAMS
HTML, CSS, JavaScript,
PHP, jQuery, XML, and
ASP Certifications
SHARE THIS PAGE
WEB RESOURCES
Web Statistics
Web Validation
HOME HTML CSS JAVASCRIPT SQL PHP JQUERY ANGULAR BOOTSTRAP XML ASP.NET MORE...
Seleccionar idioma
14/9/2014 Introduction to HTML
http://www.w3schools.com/html/html_intro.asp 2/3
HTML5 Certificate
HTML Summary
HTML References
HTML Tag List
HTML Attributes
HTML Events
HTML Canvas
HTML Audio/Video
HTML Doctypes
HTML Colornames
HTML Colorpicker
HTML Colormixer
HTML Character Sets
HTML URL Encode
HTML Lang Codes
HTTP Messages
HTTP Methods
Keyboard Shortcuts
HTML Page Structure
Below is a visualization of an HTML page structure:
<html>
<body>
<h1>This is 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 2000
HTML5 2012
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 correctly if it knows
the HTML version and type.
Common Declarations
HTML5
<!DOCTYPE html>
HTML 4.01
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
14/9/2014 Introduction to HTML
http://www.w3schools.com/html/html_intro.asp 3/3
Previous Next Chapter
XHTML 1.0
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
All tutorials and examples at W3Schools use HTML5.
Start building your own stunning website - programming free!
Wix.com provides a free, easy-to-use online platform that lets you
create and publish your own unique website. Its powerful editing tools &
customizable website designs make building a beautiful website easy.
Add eCommerce features, connect a custom domain and experience
superior SEO results. Wix is your ultimate solution for creating an
exquisite HTML website.
Over 20 million users have created their website with Wix.
Create yours now!
Build Your Powerful HTML Website for Free with Wix
REPORT ERROR | HOME | TOP | PRINT | FORUM | ABOUT | ADVERTISE WITH US
Top 10 Tutorials
HTML Tutorial
HTML5 Tutorial
CSS Tutorial
CSS3 Tutorial
JavaScript Tutorial
jQuery Tutorial
SQL Tutorial
PHP Tutorial
ASP.NET Tutorial
XML Tutorial
Top 10 References
HTML/HTML5 Reference
CSS 1,2,3 Reference
CSS 3 Browser Support
JavaScript
HTML DOM
XML DOM
PHP Reference
jQuery Reference
ASP.NET Reference
HTML Colors
Top 10 Examples
HTML Examples
CSS Examples
JavaScript Examples
HTML DOM Examples
PHP Examples
jQuery Examples
XML Examples
XML DOM Examples
ASP Examples
SVG Examples
Web Certificates
HTML Certificate
HTML5 Certificate
CSS Certificate
JavaScript Certificate
jQuery Certificate
PHP Certificate
XML Certificate
ASP Certificate
Color Picker
W3Schools is optimized for learning, testing, and training. Examples might be simplified to improve reading and basic understanding. Tutorials, references, and examples are
constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. While using this site, you agree to have read and accepted our terms of use, cookie and
privacy policy. Copyright 1999-2014 by Refsnes Data. All Rights Reserved.

Вам также может понравиться