|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 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 defines the start of a block of content and a closing tag defines the end of that block of content. There are many different 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.
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>This is the title of the page.</title> 5 </head> 6 <body> 7 <p>This is a paragraph.</p> 8 <a href="https://www.domain.com">This is a link.</a> 9 <img src="image.jpg" alt="Image"> 10 </body> 11 </html>
A simple HTML page would be this: a single paragraph with "Hello world!" written on it.
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>Hi!</title> 5 </head> 6 <body> 7 <p>Hello world!</p> 8 </body> 9 </html>
|Tag name||Name||Function||Code Example|
||Doctype||Defines the Document type|
||HTML||Defines an HTML document and starts a 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 (and contains the paragraph and more)|
||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|
Using HTML TagsEdit
Making a web pageEdit
Making a web page is easy.All you need to remember is the tags and the order to make a web page.
First, you need to find a place to type in the HTML Tags (I recommend notepad) and type down the tags.
Here is another example of a HTML Tag page.
<title> Hi! <title>
<h1> Hello world!</h1>
This is a HTML Tag page.
By: *Insert name here*
Once your done, save in this in this format: helloworld.htm
(don't put spaces)
And you're done! Once you save it in your computer, if you press it, it will send you to your web page in google!