HTML stands for Hyper Text Markup Language.
You cannot create an HTML file using a rich-text editor, such as Microsoft Word or Wordpad.
HTML
To write a basic HTML, you will need to start with this:
CODE
<html>
The <html> tag tells the browser that this is an HTML page.
To close any tag, the same tag will be repeted but with the "/" sign. For example,
CODE
<html>
<head>
<title>Page title</title>
</head>
</html>
<head>
<title>Page title</title>
</head>
</html>
Did you notice the </title>, </head> & </html> tags? That's how we close the tag.
The <HEAD> Tag
A <head> tag will include the <meta>, <title> and any other scripts that will NOT be viewed.
First, we will write a <title> that tells the browser that "Example" (Inside the <HTML> & the <HEAD> tags):
CODE
<title>Example</title>
Without the / tag, the script will NOT work!
Then we will write the <meta>s:
CODE
<meta name="description" content="This is an example HTML script." />
<meta name="keywords" content="example html tutorial learn" />
<meta name="Other verification content, " content="such as Google Webmaster Tools verification meta.">
<meta name="keywords" content="example html tutorial learn" />
<meta name="Other verification content, " content="such as Google Webmaster Tools verification meta.">
The "description" meta is the description that will apear if your website is indexed by search engines.
The "keywords" meta will be the keywords that if any one search for "learn html", your website will apear because the desc. meta contains on of the requested keywords.
The <meta> tag will execute only if you put a "/" in before closing it. For example:
<meta /> NOT <meta>.
This page's result:
CODE
<html>
<head>
<title>Example</title>
<meta name="description" content="This is an example HTML script." />
<meta name="keywords" content="example html tutorial learn" />
<meta name="Other verification content, " content="such as Google Webmaster Tools verification meta." />
</head>
<html>
<head>
<title>Example</title>
<meta name="description" content="This is an example HTML script." />
<meta name="keywords" content="example html tutorial learn" />
<meta name="Other verification content, " content="such as Google Webmaster Tools verification meta." />
</head>
<html>
BODY
This page is still blank, because we haven't created the <body> tag.
This tag is the basic tag, which contains all the contents that will apear on your page.
To create a simple page with the title "Example" & the contents "This is a test page.":
CODE
<html>
<head>
<title>Example</title>
</head>
<body>
This is a test page.
</body>
<html>
<head>
<title>Example</title>
</head>
<body>
This is a test page.
</body>
<html>
Basic text formatting
<b> Bold,
<u> Underlined & finally...
<i> Italic text
These 3 tags are the most used, but not the all tags. To create a simple paragraph:
CODE
<p>This is a sample paragraph.</p>
To continue learning the HTML tags, scroll down.
Using javascripts in HTML
To use javascripts in an HTML file, use the following:
CODE
<script type="text/javascript">document.write('Script Cotents');</script>
To use an external .js file:
CODE
<script type="text/javascript" src="myjsfile.js"></script>
More HTML Tags
__
QUOTE
To continue learning the HTML tags, scroll down.
__Using the <div align=""></div>
CODE
<div align="center"> Centered Text </div>
<div align="left"> Left-Aligned Text </div>
<div align="right"> Right-Aligned Text </div>
<div align="left"> Left-Aligned Text </div>
<div align="right"> Right-Aligned Text </div>
To create an image:
CODE
<img src="http://mydomain.com/myimgfile.jpg" alt="Alternate text." />
The src is the image location.
alt is the alternate text.
If you have created a stylesheet, you can add class="Class name.".
______________________________________
|That's all i have, but the post can be updated!|
-------------------------------------------------------
Next post:
How to create an SSL.
More HTML tags.
The <?php ?> tag.
AJAX.
Using the <noscript> & the <noframes> tags.
___________________________________
. If you want to set the background and textcolor, you'll have to add some information to the body tag:
