Learn HTML :
- Learning the basics of HTML is easy!
- Jargon Buster - HTML documents = Web Pages!
- HTML stands for Hyper Text Mark-up Language
- HTML Web Pages contain mark-up tags and plain text
- The Web Browser interprets the tags but does not display them
- Most tags (not all) have a start and an end tag and are surrounded by angle brackets.
- The start tag is before the element and the end tag wraps around it. <b>bold text</b>
- The content between tags is displayed by the browser or the image file it points to.
- End tag start with a slash. i.e. </html>
- HTML files are saved with the .htm or .html extension. (i.e. index.html)
- An HTML document is defined by the html mark-up tags <html> & </html>which enclose all other tags.
- Body tags enclose all visible content on the page (i.e. text, images, videos)
- Heading tags define headings and graduate in size and importance (h1 is the largest heading, h6 is the smallest)
- Links are defined by the <a> tag which requires the href attribute to point to the address.
- To display an image on a page, <img> you need the src attribute. Src stands for "source". which is the address or URL of the image you want to display on your page
- Images should be saved into a file named images within your website folder.
- The image tag is an 'empty' tag as it needs no ending tag
Drag and Drop Instructions:
- Drag the appropriate html tags and place them just above the dotted lines on the 'web page'
- To see a demonstration flash video of how the tags should be placed, and to check your results - click the 'Help' button at the bottom of the page.
- When you have finished the activity, press the 'Next' button to see what the page will look like in a browser and for easy to follow instructions on how to create a simple web page using a text editor such as NotePad or WordPad.
* For hints - hover over the dotted lines.
* This activity and the help video require javascript and flash - if your browser does not support these - skip to the simple web page.















Home | About | Tuition | Contact | Portfolio | Links | Site Map | Privacy Policy | © 2009 www.dimonddesign.com