Hyper is the opposite of linear. It used to be that computer programs had to move in a linear fashion. This before this, this before this, and so on. HTML does not hold to that pattern and allows the person viewing the World Wide Web page to go anywhere, any time they want.
Text is what you will use. English letters, just like you use everyday.. Markup is what you will do. You will write in plain English and then mark up what you wrote. Language. Some may argue that technically html is a code, but you write html in plain, everyday English language.
HTML is the code behind your webpage and is what your browser looks for to display a webpage, the way the webdesigner intended it to look, and is a series of tags Keep this in mind: HTML documents must be text only.
When you save a HTML document, you must save only the text, nothing else. HTML browsers can only read text. Look at your keyboard. See the letters and numbers and little signs like % and @ and *? There are 128 in all (read upper- and lowercase letters as two). That's text. That's what the browser reads. It simply doesn't understand anything else.
Remember that if you are using Notepad, Wordpad, or Simple Text, the document will be saved as text with no extra prompting. Just choose SAVE.
If you are going to start learning to write HTML, it is a good idea to learn to look at other authors' HTML pages. The actual html potion of the page behind the pretty page you see in front of you now.
Looking at another's html code helps you learn how things are done and you can copy the style of pages that you like. Please do not just steal and copy the pages, but no one will be upset if you make the style in much the same way. For example, if you were going to build a house, you would look around to see what styles you like before deciding on your own design. Same thing here, look around the web and see what styles you like and apply them to your own ideas.
Here's how you look at an HTML document (known as the "source code")
When you find a page you like, click on VIEW at the top of the screen.
Choose SOURCE from the menu.
The HTML document will appear on the screen.
Try it with this page. Click on VIEW and then choose the SOURCE.
It will look like mumbo jumbo right now, but soon it'll be readable and you'll be able to find exactly how a certain HTML presentation was performed.
What are HTML Tags?
HTML works in a very simple, very logical, format. It reads like you do, top to bottom, left to right. HTML is written with TEXT. What you use to set certain sections apart as bigger text, smaller text, bold text, underlined text, is a series of tags.
Think of tags as commands. For example if you want a line of text to be bold. You will put a tag at the exact point you want the bold lettering to start All tags that are opened must correspondingly be closed, just as if you are writing a quoted statement with those "inverted commas". A tag is closed this way therefore we open a new tag Different tags call different functions. A full list of html tags and their functions is provided below
Below
are the most common used html tags and a short description of the function
of each. Some have examples of how they are used with their html codes.
Tags are arranged in alphabetical order.
1. Create a hyperlink to another anchor
2. Create an anchor in a document See working example. or see anchor tutorial
See working example
<bold></bold> can also be used.
.
This tag is equivalent to <DIV align="center">. See working example
HTML generating programs sometimes store program-specific information
inside comments,
so they will not be visible, but still available to the program.
This code is not a container, but inside it you can put one or more
comments,
by surrounding with "--". The end of the code is indicated
with the sequence -->.
Through the DIV element you can add attributes, like style information,
to this whole division. The DIV element will not show anything when
used without any other attribute. A division will terminate a paragraph
opened with the P element.
<DIV align="center"> is the same as the deprecated <CENTER>
element.
This element is only allowed inside a FRAMESET element. Frames tutorial
The following elements are allowed inside the HEAD section :
BASE
BASEFONT
BGSOUND
ISINDEX
LINK
META
SCRIPT
STYLE
TITLE
<italic></italic> can also be used.
See working example.
See Working Example
Create a table layout which can contain cells in rows and columns. The
cells of a table are specified with the TR, TH and TD elements.
This element defines the body part of a table.
The container for a cell in a table. Inside this you can put all the
HTML coding
you want to appear in the cell.
Define a multiline text field in a form. This element is only valid
inside the FORM element.
This element defines the footer of a table.
Specify the title of the HTML document. This element is only allowed
inside the HEAD element.
Define a row inside a table.
Underline your text.
Create an unordered list of items, where unordered means the individual
items are not numbered, but have a bullet in front of them. If you want
numbered items use an ordered list. The items in the list are identified
with the LI element.
See working example
Used to describe a metasyntactic variable, where the user is to replace
the variable with a specific instance. Typically displayed in italics.
The WBR element stands for Word Break.