A Browser takes this language, interprets it and then presents it.
HTML defines a set of common styles for Web pages:
Each element has a name is is contained in a tag, for example: <element name>
All tags indicate the different parts of the page and produce different effects in the browser.
HTML has a defined set of tags you can use. To make things confusing, different browsers support different sets of tags. Visit the W3 Consortium web site for the latest developments in HTML at: http://www.w3.org/pub/WWW/MarkUp/
<HTML> tag - The absolute most basic of all possible Web documents. The first and last tags in a document should always be the HTML tags. These tags tell a Web browser where the HTML in your document begins and ends. If you were to load such page into a Web browser, it wouldn't do anything except give you a blank page.
<HEAD> tag - Contains all of the document's header information, such as the
<TITLE> tag - For the title of your document. This title will appear at the top of the browser's title bar, and also appears in the browser's history list. Also the contents of the TITLE container go into your bookmark file, if you create a bookmark for a page.
What you type should probably be something which indicates the document's contents.
<BODY> tag - What goes between the body tags is what gets displayed in the browser window. Text, graphics, backgrounds, links and so on -- all occur between the body tags.
<Comment> tag - Our first example of an empty tag (there
is no end tag).
This tag is used when the creator of a Web document wants to leave notes to him/her self, and not have the notes show up on the browser window.
<P> begins a paragraph, and </P> ends a paragraph.
<BR> forces a line break wherever you place it in the content. This is an empty tag in that there is no ending tag (</br>).
Open the Notepad editor
Type the following structure:
<title> My sample HTML page </title>
<H1>This is an HTML document</H1>
Remember: You need to save the file with the .HTML
Each list item within the list has its own empty tag:
Glossary lists uses <DT> and <DD>
HTML defines three kinds of lists:
LINKS & ANCHORS
The Link tag uses the basic anchor: Starts with <A> and ends
with </A>. However, you can not use the <A> by itself.
You need to enhance the <A> tag with attributes such as.....
Which would look like this in a browser: Go to the American Library Association Web Site
Note the double quotes!
Lets link two files together!
<A HREF= "# anyname"> ....</A> will link you to this target that you want to go to.
An example: I want to get back to the top of the page without scrolling up. So I first create a target at the top of the page that I want to go to.
<A NAME="INTRODUCTION TO HTML BASICS" > INTRODUCTIONS TO HTML BASICS</A> I put this anchor up on the top of the page, next to the text.
Second, I put a link here that will allow me to go back
to the top.
To go back to<A HREF="#INTRODUCTIONS TO HTML BASICS">the top</a>
Which looks like this in the browser window:
click of mouse
The most important attribute to the <IMG> tag is SRC
(source). The SRC attribute indicates the filename or URL of the
image you want to include, in quotes.