Introducing Websites Domain Names Web Hosting Designing Websites- Ways To Design Websites
- Choosing An HTML Editor
- Using HTML Codes And Tags
- HTML Table Layouts
- Using Pre-Built Templates
Website Content- What Is Website Content
- Writing Your Web Content
- Links And Navigation
- Hit Counters-Guestbooks
- Photos-Images-Audio-Video
- Download-Upload Images
Blogs And Forums Guide On Ebooks Advertising A Website
Financial Information:
HTML Codes And HTML Tags
As a beginner, using HTML codes and tags to design a website is not as difficult as it may seem. One way to design a website, if you do not mind the learning curve, is to create your web pages absolutely from “scratch”; meaning writing your own HTML (HyperText Markup Language) codes and tags. HTML is the markup language for web pages. It provides a means to describe the structure of text-based information in a document (denotes text as links, headings, paragraphs, lists, etc. - also supplements text with interactive forms, embedded images, along with other objects. An HTML format is written in tags within angle brackets; then the data files use the extensions .html or .htm.
As a beginner, you can learn to
write your own HTML codes and HTML tags to design and create a website. You can
start doing this on your computer using your text editor (notepad), or using HTML
editors, such as Evrsoft - Makers of 1st Page HTML Editor
or Download CoffeeCup HTML Editor - Click Here.
When using a text editor on your computer (notepad for example-not word processing),
this would be your basic first page HTML code structure (templates will already
come with these codes and tags):
|
*** Note
*** Tags have a starting point and ending point. < > starts your code and </ > ends your code |
<html> Here are examples of basic
HTML codes and HTML tags you will use (within the body tags) when
designing your website: Alignment of text, images,
etc: <p align="right">...or use "center"... or use "left"
<head>
<title>
This is where you place the title of your page
</title>
<meta name="keywords" content="your keywords go between the parenthesis">
<meta name="description" content="your page description goes between the parenthesis">
</head>
<body>
This is where you will type all your text, add images, insert links, etc.
</body>
</html>
To see a partial list of HTML colors and their codes you will use on your web pages, click here.
Image Tag=IMG; Source=SRC (specifies relative path to the image file folder and
the image itself)...the HTML code looks like this: <IMG SRC="images/mother.gif">
For an absolute path, use the complete address (URL). Make sure that your
filename specified in the HTML tag is exactly the same as the actual name of the
file on the server. Browsers can only display two types of image files:
(.gif and .jpg file extensions). These are compressed file formats that load
quickly. For photos, the .jpg extension is better…for other images, you can use
the .gif extension.
After you have typed all your web content in "notepad", give it a filename
and save it as “all files”. This allows your document to be saved later
in any format, i.e. HTML documents in your HTML editor.
Another "great" learning center on everything you want to know about HTML codes
and HTML tags is found at
Tutorials Point.
Learning HTML codes and tags, and using HTML tables are easy methods to design a
website from scratch. More information on "HTML Table Layouts" is provided in
my next topic.
![[Valid RSS]](http://www.webrss.com/logo/valid-rss.png "Validate my RSS feed"){kind=logo}
Links Of Interest: