HyperText Markup Language (HTML) is a type of markup language. It is used to make webpages. Webpages can include writing, links, pictures, and even sound and video. HTML tells web browsers what webpages should look like. HTML also adds meta information to webpages. Meta information is information about about a webpage e.g., the name of the person who created the page. Web browsers usually do not show meta information.
|Internet media type|
|Uniform Type Identifier (UTI)||public.html|
|Developed by||World Wide Web Consortium & WHATWG|
|Type of format||Markup language|
W3C HTML 4.01
W3C HTML 5 (draft)
HTML uses "elements" to let the browser know how a webpage is made of. Elements are shown as "tags" in the code, written with angle brackets:
<example>. Tags usually come in pairs: an opening tag defines the start of a block of content and a closing tag defines the end of that block of content. There are many kinds of tags, and each one has a different purpose. See Basic HTML Tags below for tag examples.
Some tags only work in certain browsers. For example, the
<menuitem> tag, which is used to make something appear when the person presses the right button of the mouse, only works on the Mozilla Firefox browser. 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.
Here is an example page in HTML with "Hello world!".
<!DOCTYPE html> <html> <head> <title>Hi!</title> </head> <body> <p>Hello world!</p> </body> </html>
The text between
</html> describes the web page, and the text between
</body> is the page content.
<title>This is a title</title> defines the browser page title.
Here are some example HTML tags: [note 1]
|Tag name||Name||Function||Code Example|
||Doctype||Defines the Document type|
||HTML||Defines an HTML document and starts an HTML document.|
||Head||Contains any code that is not used to display elements on the webpage|
||Title||Defines the title of the webpage (shown on the tab) and is entered within the
||Body||Contains the visible elements of the webpage.|
||Headings||Headings of various sizes (
||Paragraph||Defines a paragraph of text|
||Anchor||Creates active links to other web pages|
<a href="www.domain.com">Visit our site</a>
||Image||Displays an image on the page|
<img src="ImageUrl" alt="Text displayed if image is not available">
||Break||Inserts a single line break|
Text <br> Text
||Center||Moves content to the center of the page|
- elementtutorials – for learning code for free and building projects
- HTML Dog is a site that helps new writers write good, simple HTML and make it look good with CSS.
- w3schools – a site of web technology tutorials
- infobing – Best Tech Information html css
- MDN HTML page – another page for HTML learning
- Real time html editor - Edit HTML Code Directly in browser with realtime preview
- HTML Programing Language- For learning HTML with tutorial
- Designing in Figma – Learning Designing in Figma
- There is a full list of HTML elements here: