From Wikipedia, the free encyclopedia
Jump to navigation Jump to search
(HyperText Markup Language)
Filename extension .html, .htm
Internet media type text/html
Type code TEXT
Uniform Type Identifier (UTI) public.html
Developed by World Wide Web Consortium & WHATWG
Type of format Markup language
Extended from SGML
Extended to XHTML

ISO/IEC 15445
W3C HTML 4.01

W3C HTML 5 (draft)

HyperText Markup Language (HTML) is a markup language[1] for creating webpages. Webpages are usually viewed in a web browser. They can include writing, links, pictures, and even sound and video. HTML is used to mark and describe each of these kinds of content so the web browser can show them correctly.

HTML can also be used to add meta information to a webpage. Meta information is information about the web page. For example, the name of the person who made it. Meta information is not usually shown by web browsers.

Cascading Style Sheets (CSS) and JavaScript can be included in HTML code. CSS is used to change how a webpage looks. JavaScript is used to add features to webpages and make them more interactive.

HTML was made by the World Wide Web Consortium (W3C). There are many versions of HTML. The current standard is HTML 4.01. So, it is the version the W3C recommends. A newer version, called HTML5, will become standard within the next few years. The W3C also develops XHTML. This is another markup language which is very similar to HTML, but more strict.

Tags[change | change source]

HTML uses special bits of programming language called "tags" to let the browser know how a webpage should look. The tags usually come in pairs: an opening tag to tell the browser when to start doing something, and an ending tag to tell the browser when to stop doing something. There are many different kinds of tags, and each one has a different purpose.

Opening tags have a keyword, such as "p," surrounded by angle brackets (< and >). For example, the tag <p> tells the browser to start a new paragraph. Ending tags look almost exactly the same, only they have a forward slash (/) added just before the keyword. For example, the tag </p> tells the browser to end a paragraph. A small number of tags, like <br>, <img> and <hr>, can be used without an ending tag.

Some tags only work in certain browsers. For example, the <marquee> tag, which is used to make a bit of writing slide across the page, only works in the Internet Explorer and Mozilla Firefox browsers. Other browsers simply ignore this tag and display the writing normally. Many web page creators avoid using these "non-standard" tags because they want their pages to look the same with all browsers.

Example[change | change source]

Here is an example page in HTML.

 1 <!DOCTYPE html>
 2 <html>
 3   <head>
 4     <title>This is the title of the page.</title>
 5   </head>
 6   <body bgcolor="gray">
 7     <p>This is a paragraph.</p>
 8     <a href="">This is a link.</a>
 9     <img url="image.jpg" alt="Image">
10   </body>
11 </html>

HTML5[change | change source]

The W3C is making a new version of HTML, called HTML5, with more features and better support for things like online video. HTML5 is expected to become the standard version of HTML within the next few years.

Some of the new features in HTML5 are:

  • The <canvas> tag which can be used with JavaScript to draw 2D pictures and animations.
  • A <video> tag for adding videos to a webpage.
  • A <audio> tag for adding audio, like music or sound effects, to a webpage.
  • Tags for marking common kinds of content, including: <article>, <footer>, <header>, <nav>, <progress>, <section>, <summary>, <time>

In addition, some features of HTML4 have been left out of HTML5. For example, the <font> tag, which is used to change how text looks on a page, is not available in HTML5. The W3C recommends doing this with CSS instead.

One of the aims of HTML5 is to remove the need to use third-party software like Adobe Flash, because it is often slow on mobile devices like phones and can be used to infect your computer with viruses. Another aim is to reduce the amount of program code (JavaScript) running in each webpage, thus making the web faster.

Currently, no browsers completely support all of HTML5's new features. However, some of the features are supported by Mozilla Firefox, Google Chrome and Apple Safari.

Basic HTML tags[change | change source]

Tag name Name Function Code Example
<!DOCTYPE> Doctype Defines the Document type
<!DOCTYPE html>
<html> HTML Defines an HTML document
<html>All code</html>
<head> Head Contains any code that is not used to display elements on the webpage
<title> Title Defines the title of the webpage (shown on the tab)
<body> Body Contains the visible elements of the webpage
<body>Html tags</body>
<h1> to <h6> Headings Headings of various sizes (<h1> being the largest)
<p> Paragraph Defines a paragraph of text
<a> Anchor Creates active links to other web pages
<a href="">Visit our site</a>
<img> Image Displays an image on the page
<img src="ImageUrl" alt="Text displayed if image is not available">
<br> Break Inserts a single line break
Text <br> Text
<center> Center Moves content to the center of the page
<script> Script Creates a script in the webpage
<script>document.write("Hello World!")</script>

Other websites[change | change source]

References[change | change source]

  1. "Why HTML is Not a Programming Language". Syracuse University. Retrieved 27 June 2016.