Please note, this is a STATIC archive of website developer.mozilla.org from 03 Nov 2016, cach3.com does not collect or store any user information, there is no "phishing" involved.

Revision 1025546 of HTML

  • Revision slug: Learn/HTML
  • Revision title: HTML
  • Revision id: 1025546
  • Created:
  • Creator: chrisdavidmills
  • Is current revision? No
  • Comment

Revision Content

{{IncludeSubnav("/en-US/Learn")}}
 

If you want to learn how to build websites, you should know about {{Glossary('HTML')}} — it is the fundamental technology used to defines the structure of a webpage. HTML is used to specify whether your web content should be recognised as a paragraph, a list of bullet points, or a heading, etc. — and it is also used to include features on your page like hyperlinks, images, audio and video players and forms for inputting data on a page.

Learning pathway

Ideally you should start your learning journey with HTML. Once you have a reasonable understanding of HTML — you should at least start by working through the Introduction to HTML — you can then learn about:

  • More advanced HTML modules.
  • CSS, and how to use it to style HTML (for example alter your text size and fonts used, add borders and drop shadows, layout your page with multiple columns, add animations and other visual effects.)
  • JavaScript, and how to use it to add dynamic functionality to web pages (for example find your location and plot it on a map, make UI elements appear/disappear when you toggle a button, save users' data locally on their computers, and much much more.)

Before starting this topic, you should have at least basic familiarity with using computers, and using the Web passively (i.e. just looking at it, consuming the content.) You should have a basic work environment set up as detailed in Installing basic software, and understand how to create and manage files, as detailed in Dealing with files — both are parts of our Getting started with the web complete beginner's module.

It is recommended that you work thorugh Getting started with the web before attempting this topic, however it isn't absolutely necessary; much of what is covered in the HTML basics article is also covered in our Introduction to HTML module, albeit in a lot more detail.

Modules

This topic contains the following modules, in a suggested order for working through them. You should definitely start with the first one.

Introduction to HTML
This module sets the stage, getting you used to important concepts and syntax, looking at applying HTML to text, to to create hyperlinks, and how to use HTML to structure a webpage.
Multimedia and embedding (TBD)
This module explores how to use HTML to include multipledia in your web pages, including the different ways that images can be included in webpages, and how embed video, audio, and even entire other webpages!
Forms and buttons (TBD)
Forms and buttons are a very important part of the Web — these allow your site visitors to input data and sent it to you (e.g. registration, login and feedback forms), and you to implement controls for controlling complex functionality (for example submitting a form to the server, or pausing playback of a video.) This module gets you started.
Tables (TBD)
Representing tabular data on a webpage in an understandable, {{glossary("Accessibility", "accessible")}} way can be a challenge. This module covers basic table markup, along with more complex features such as implementing captions and summaries.

Solving common HTML problems

Use HTML to solve common problems provides links to sections of content explaining how to use HTML to solve very common problems when creating a webpage: Dealing with titles, adding images or videos, emphasizing content, creating a basic form, etc.

See also

HTML (HyperText Markup Language) on MDN.
The main entry point for HTML documentation on MDN, from detailed element references to advanced tutorials.
HTML reference
A comprehensive reference guide to all the many features of the HTML language — if you want to know what attributes an element has, or what values an attribute has, for example, this is a great placeto start.
HTML developer guide
More advanced guides and tutorials from the MDN HTML section.

Revision Source

<div>{{IncludeSubnav("/en-US/Learn")}}</div>

<div>&nbsp;</div>

<p class="summary">If you want to learn how to build websites, you should know about {{Glossary('HTML')}} — it is the fundamental technology used to defines the structure of a webpage. HTML is used to specify whether your web content should be recognised as a paragraph, a list of bullet points, or a heading, etc. — and it is also used to include features on your page like hyperlinks, images, audio and video players and forms for inputting data on a page.</p>

<h2 id="Learning_pathway">Learning pathway</h2>

<p>Ideally you should start your learning journey with HTML. Once you have a reasonable understanding of HTML — you should at least start by working through the&nbsp;<a href="/en-US/docs/Web/Guide/HTML/Introduction">Introduction to HTML</a> — you can then learn about:</p>

<ul>
 <li>More advanced HTML modules.</li>
 <li><a href="/en-US/docs/Learn/CSS">CSS</a>, and how to use it to style HTML (for example alter your text size and fonts used, add borders and drop shadows, layout your page with multiple columns, add animations and other visual effects.)</li>
 <li><a href="/en-US/docs/Learn/JavaScript">JavaScript</a>, and how to use it to add dynamic functionality to web pages (for example find your location and plot it on a map, make UI elements appear/disappear when you toggle a button, save users' data locally on their computers, and much much more.)</li>
</ul>

<p>Before starting this topic, you should have at least basic familiarity with using computers, and using the Web passively (i.e. just looking at it, consuming the content.) You should have a basic work environment set up as detailed in <a href="/en-US/docs/Learn/Getting_started_with_the_web/Installing_basic_software">Installing basic software</a>, and understand how to create and manage files, as detailed in <a href="/en-US/docs/Learn/Getting_started_with_the_web/Dealing_with_files">Dealing with files</a> — both are parts of our <a href="/en-US/docs/Learn/Getting_started_with_the_web">Getting started with the web</a> complete beginner's module.</p>

<p>It is recommended that you work thorugh <a href="/en-US/docs/Learn/Getting_started_with_the_web">Getting started with the web </a>before attempting this topic, however it isn't absolutely necessary; much of what is covered in the <a href="/en-US/docs/Learn/Getting_started_with_the_web/HTML_basics">HTML basics</a> article is also covered in our <a href="/en-US/docs/Learn/HTML/Introduction_to_HTML">Introduction to HTML</a> module, albeit in a lot more detail.</p>

<h2 id="Modules">Modules</h2>

<p>This topic contains the following modules, in a suggested order for working through them. You should definitely start with the first one.</p>

<dl>
 <dt><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML">Introduction to HTML</a></dt>
 <dd>This module sets the stage, getting you used to important concepts and syntax, looking at applying HTML to text, to to create hyperlinks, and how to use HTML to structure a webpage.</dd>
 <dt>Multimedia and embedding (TBD)</dt>
 <dd>This module explores how to use HTML to include multipledia in your web pages, including the different ways that images can be included in webpages, and how embed video, audio, and even entire other webpages!</dd>
 <dt>Forms and buttons (TBD)</dt>
 <dd>Forms and buttons are a very important part of the Web — these allow your site visitors to input data and sent it to you (e.g. registration, login and feedback forms), and you to implement controls for controlling complex functionality (for example submitting a form to the server, or pausing playback of a video.) This module gets you started.</dd>
 <dt>Tables (TBD)</dt>
 <dd>Representing tabular data on a webpage in an understandable, {{glossary("Accessibility", "accessible")}} way can be a challenge. This module covers basic table markup, along with more complex features such as implementing captions and summaries.</dd>
</dl>

<h2>Solving common HTML problems</h2>

<p><a href="/en-US/docs/Learn/HTML/Howto">Use HTML to solve common problems</a> provides links to sections of content explaining how to use HTML to solve very common problems when creating a webpage: Dealing with titles, adding images or videos, emphasizing content, creating a basic form, etc.</p>

<h2 id="See_also">See also</h2>

<div class="document-head" id="wiki-document-head">
<dl>
 <dt><a href="/en-US/docs/Web/HTML">HTML (HyperText Markup Language)</a> on MDN.</dt>
 <dd>The main entry point for HTML documentation on MDN, from detailed element references to advanced tutorials.</dd>
 <dt><a href="/en-US/docs/Web/HTML/Reference">HTML reference</a></dt>
 <dd>A comprehensive reference guide to all the many features of the HTML language — if you want to know what attributes an element has, or what values an attribute has, for example, this is a great placeto start.</dd>
 <dt><a href="/en-US/docs/Web/Guide/HTML">HTML developer guide</a></dt>
 <dd>More advanced guides and tutorials from the MDN HTML section.</dd>
</dl>
</div>
Revert to this revision