HTML and folder management
HTML is a markup language used for structuring and presenting content on the world wide web. It has been developed to encourage greater interoperability between devices. The new standard incorporates features like video playback and drag-and-drop that have been previously dependent on third party browser plug-ins (see below).
Accessibility also considers the device and operating system the end user will use to access the multimedia product. Accessible multimedia products will be available on mobile phones, tablet computers and personal computers through an array of different browsers and operating system software. Cross-platform compatibility is important due to the growing number of cloud computing users that access materials across a range of devices, including PC, MAC, tablet, smartphone etc.
Authoring software allows digital creators to manage and integrate different mediaComponents such as text, video, audio or images that when combined are known as multimedia types throughout the development process.
HyperText Markup Language (HTML) is a markup language that is used for multimedia documents such as web pages. Web pages are displayed using a program called a web browser (eg Mozilla Firefox, Google Chrome and Microsoft Edge).
The instructions a web browser needs to display a web page are stored in a file. This file contains the text you want displayed in the browser and the HTML codes which control the formatting of the text, images, tables, links etc. you want on the page. The text file must be saved using the file extension .htm or .html.
HTML provides a wide range of formatting codes called tags. These tags are contained within angle brackets (< & >) and usually come in pairs.
For example, the tag to make text bold is <b> and the tag to turn the bold off is </b> These tags are used to control how portions of text (and other objects like images and input boxes) are displayed.
HTML basic tags
| Tag | Description |
| <html></html> | Creates an HTML document |
| <head></head> | Sets the title (which appears in the browser window) and other information that isn't displayed on the web page itself – defines the section of code that contains metadata about the HTML document itself |
| <body></body> | Sets off the visible portion of the document |
| <body bgcolor="pink"> | Sets the background colour, using name or hex value |
| <hl></hl> | Creates the largest headline |
| <b></b> | Creates bold text |
| <a href="URL"></a> | Creates a hyperlink |
| <p></p> | Creates a new paragraph |
| <img src="name"> | Inserts an image |
| Tag | <html></html> |
|---|---|
| Description | Creates an HTML document |
| Tag | <head></head> |
|---|---|
| Description | Sets the title (which appears in the browser window) and other information that isn't displayed on the web page itself – defines the section of code that contains metadata about the HTML document itself |
| Tag | <body></body> |
|---|---|
| Description | Sets off the visible portion of the document |
| Tag | <body bgcolor="pink"> |
|---|---|
| Description | Sets the background colour, using name or hex value |
| Tag | <hl></hl> |
|---|---|
| Description | Creates the largest headline |
| Tag | <b></b> |
|---|---|
| Description | Creates bold text |
| Tag | <a href="URL"></a> |
|---|---|
| Description | Creates a hyperlink |
| Tag | <p></p> |
|---|---|
| Description | Creates a new paragraph |
| Tag | <img src="name"> |
|---|---|
| Description | Inserts an image |
HTML5 is a new version of HTML which makes it possible for compatible browsers to stream audio and video without the need for additional plug-ins.
| Tag | Description |
| <canvas> | Draw graphics on the fly, via scripting (usually JavaScript) |
| <svg> | Draw scalable vector graphics |
| <audio> | Defines sound content |
| <embed> | Defines containers for external applications (like plug-ins) |
| <source> | Defines sources for <video> and <audio> |
| <track> | Defines tracks for <video> and <audio> |
| <video> | Defines video or movie content |
| Tag | <canvas> |
|---|---|
| Description | Draw graphics on the fly, via scripting (usually JavaScript) |
| Tag | <svg> |
|---|---|
| Description | Draw scalable vector graphics |
| Tag | <audio> |
|---|---|
| Description | Defines sound content |
| Tag | <embed> |
|---|---|
| Description | Defines containers for external applications (like plug-ins) |
| Tag | <source> |
|---|---|
| Description | Defines sources for <video> and <audio> |
| Tag | <track> |
|---|---|
| Description | Defines tracks for <video> and <audio> |
| Tag | <video> |
|---|---|
| Description | Defines video or movie content |
