There are excellent editors on the market that will take care of the HTML parts. All you need to do is layout the page.
However, if you want to make it above average in webdesign, it is strongly recommended that you understand these tags.
The most important benefits are:
• You can use tags the editor does not support.
• You can read the code of other people's pages, and "borrow" the cool effects.
• You can do the work yourself, when the editor simply refuses to create the effects you want.
All you need to do is type in the code, then save the document, making sure to put an .html extension or an .htm extension to the file (for instance "mypage.html").
Basically, a computer sees an "A" as simply an "A" - whether it is (bold, italic, big or small).To tell the browser that an "A" should be bold we need to put a markup in front of the A.
Such a markup is called a Tag.
All HTML tags are enclosed in < and >.
Example: a piece of text as it appears on the screen.
This is an example of bold text.
HTML: the HTML for the above example:
| This is an example of <b>bold</b> text. |
Page Structure
All normal webpages consist of a head and a body.• The head is used for text and tags that do not show directly on the page.
• The body is used for text and tags that are shown directly on the page.
Finally, all webpages have an <html> tag at the beginning and the end, telling the browser where the document starts and where it stops.
The most basic code - the code you will use for any page you make, is shown below:
| <html> <head> This section is for the title and technical information of the page </head> <body> This section is for all that you want to show on the page. </body> </html> |
The body of the document contains all that can be seen when the user loads the page.
In the rest of this tutorial you can learn in detail about all the different aspects of HTML, including:
• Text
Formatting
Resizing
Layout
Listing
• Links
To local pages
To pages at other sites
To bookmarks
• Images
Inserting images (GIF and jpg)
Adding a link to an image
• Backgrounds
Colors
Images
Fixed Image
• Tables
• Frames
• Forms
• Metatags
• Hexadecimal Colors
No comments:
Post a Comment