HTML (Htyper Text Markup Language) is a markup language used to make websites, or define web components in a web application
HTML5 is the latest version of HTML and has many new features such as multimedia support and semantic layouts
A tag will have the name of the type of component surrounded in angle brackets
Example of a title tag
An element is made up of 2 tags, with content in the middele. The text in the closing tag is exactley the same as the text in the opening tag, but with a '/'
Example of a heading tag
I am a heading
An attribute is used to add additionl information to a HTML element
Attributes follow this structure: Attribute name followed by equals followed by value in quotations
Example of an attribute
There are several ways of writing text to a web page
Example of a p tag
I am a Paragraph
Example of a span tag
Im inline text
Example of a main heading tag
Example of a sub heading tag
Example of ah3 tag
less importnt heading
... all the way to h6
Example of a h6 tag
Very un-important title!
Example of a br tag
Im on line 1
and I'm on line 2
Often you want to supllly a bit of extra information about a a part of your page, such as what the purpose of it is, where it's used etc.. This can make your HTMLpage more maintainable in the future and easier to understand for other developers.
Comments are ignored by the browser
The syntax for a comment
A hyperlink is an element that redirects the user to another page, website or resource when clicked
By default a HTML link is blue and underlined, and then purple when clicked, but this is easy to change
You can put any conent inside a hyperkink tag, not just text. This includes images, div's and formated text
Use the href attribute to define where the link will point to
Example of a hyperlink
In HTML it is easy to add an image to your page
In this section we look at embeding sound, video and other multimedia into your webpages using hTML5
Before HTML5 there was no standard for playing audio on the web, they could only be played using a plugin
Example of audio element
Video's work in much the same was as audio in HTML5.
They create a standard for playing videos in modern web pages.
Example of Video tag
Helper applications or plugins can extend the standard functionality of the
They often use the embed or object tags.
For example a Java applet
To solve this problem HTML5 created elements specially for these commonly used ares.
This can help developers lay there websites out in a more semantic way too.