<head> - documents declaration telling the browser they type of HTML in use ensuring the code is rendered correctly.
<body> - page content/information
Tags divide the webpages into chunks - assisting in breaking down the various content & elements of the website. They are able to be nested inside one another though it is important to remember to CLOSE your tags in reverse order...
ie <body><p><strong>just like this</strong></p></body>
<img></img> - display an image
<title></title> - name of the page
<meta> - display of page
<br /> - break tag
<div></div> - divides parts of webpage structure into chunks
<span></span> - identify & individualise sections of text
<ul></ul> - un-ordered list
<ol></ol> - ordered list
<li></li> - list tag
Another little tip/tag demonstrated today was the 'comment' tag....
<!-- this is the comments tag. Everything inside this tag is HTML file reference ONLY and will NOT be rendered by the browser -->
...though not your typical code, this comment tag allows you to make notes on your HTML file allowing for clearer understanding of whats being processed because lets face it, the code, code, code crunching, is a little visually mundane!
Below is a couple of neat ASCII Artworx created by graphic/web designers with techniques that use computers for presentation and consists of pictures pieced together from 95 (printable) out of 128 characters defined by the ASCII Standard....making viewing HTML source files a little more pleasing to the minds eye...
 | |
.jpg) | |
|
...a great point to reference the HTML tags is at...
.jpg)
