|
Written by Keith McLachlan
|
|
Tuesday, 06 January 2009 |
|
Just after the <html> tag opens an HTML document, the <head> tag opens a very important element into the page.
Within your opening <head> tag and your closing </head> tag you can (and should) place as much information about the webpage as is possible.
The most common (i.e. it is always used) tag is the <title>...</title> tag that gives a browser the title of the page. For example, this webpage has the title tag of <title>Building an Internet Empire - The <head>, <title> and <meta> tags</body>.
See for yourself:
- If you're using FireFox: Click on "View" --> "Page Source"
- If you're using Internet Explorer: Click on "View" --> "Source"
This browser functionality allows you to see the raw HTML and right near the top just look for the <title> tag...
Giving a page a descriptive and topic orientated title is important for SEO (Search Engine Optimisation) as it helps the robots that crawl the Web understand your page and place is correctly into relevant searches. ...also, UNTITLED webpages look pretty awkward...
Other important <head> tag's include the <meta> tag, which does not have an ending </meta> tag to finish it. This is because meta is basically a single opened tag for the browsers and search engines to digest on and will make no visible change to the webpage.
A perfect example of the <meta> tag is the use of keywords for search engine crawling:
<meta name="keywords" content="meta,tag,use,people,coding,html">
<meta> can also be called "author", "category", and "reply-to" for emailing.
Thus, the basic format of <meta> is <meta name="..." content="..."> with no closing tag.
OK...that's quite a bit to digest for now and--while there are other <head> tags to be used--I think I'll end this here. |
|
Last Updated ( Tuesday, 06 January 2009 )
|
|
|
Written by Keith McLachlan
|
|
Tuesday, 06 January 2009 |
|
HTML works with code segments or syntax
called "tags".
Almost all tags have an opening tag and a closing tag. This is
because browsers read from the top of an HTML document downwards in
the same way that we do, thus they have to know when an element is
starting and when it is ending.
Using an example of HTML, starting an HTML page is opened with the:
<HTML> and then closed with the </HTML> tag.
Note that the syntax goes as follows: <name of tag>
code </name of tag>.
The skeleton of an HTML page takes the format of the following:
<HTML>
<HEAD>
<TITLE>Project Scribble: HTML Tag Basics</TITLE>
<BODY>
This is where I explain HTML in the body of the webpage.
</BODY>
</HTML>
Note that in the above examples I have used CAPITAL LETTERS for the
tag names. This is just to illustrate my point and from now on I
will be using small letters for the tags. |
|
|
Written by Keith McLachlan
|
|
Tuesday, 06 January 2009 |
|
HTML stands for "Hyper Text Markup
Language"...which is not really all that descriptive for those just
starting out.
Put in plain Englsh, HTML is simply text that is written in code
(Markup Language) for browsers to read. The browswers (be they
Firefox, IE, Chrome, etc.) all read the text file and interpret the
code to build up a webpage on your local computer.
The most powerful component of HTML (which really birthed the Web
as we know it) is the ability to link pages/resources/files
together with Hyperlinks. Hence the "Hyper Text" part of the name.
What can HTML be written with/in?
As HTML is just text, it can be written in any text file editor
(Notepad, TypePad, etc.). Albeit, I would not use MSWord or any
other "fancy" word document editor, as these programmes actually
insert their own formating code directly into the file that would
cause problems for browsers composing the page.
The difference between a text file (*.txt) and a HTML file that a
browser identifies for composition into a webpage is its file
extension (i.e. *.html). The .html marks the file as HTML file
almost as much as the opening tab in the file indicating to the
browser that it is HTML code "<HTML>".
Have a
look at Wikipedia for further detailed discussion of HTML: its
history and application. |
|
|
|
<< Start < Prev 1 2 3 4 5 6 7 8 9 10 Next > End >>
|
| Results 1 - 4 of 55 |
