introduction to html tutorial
This introduction to html tutorial will help you develop web sites, and is the most popular text language for doing so. 'HTML' stands for: HyperText MarkupLanguage, and it uses tags that follow patterns. For example, <b> at the beginning of displayed text will make it bold, and to indicate the end of the bold text, you use </b>. When you use an HTML tag, it applies to all the text after the tag until you indicate the end of that tag. Here are a list of some HTML tags and their definitions:
<HTML> - Defines the document is in HTML.
<HEAD> - Defines the first part of the document (Head information is hidden except for the title information on the title bar).
<TITLE> - Stores the title of the document that every document has to identify.
<BODY> - The main part of the document where all the displayed content is entered.
<BGCOLOR=""> - Identifies the background color variable (It must have a value such as: #000000).
<FONT> - Identifies the font variables. (It must have a value such as: font face="", or font size="").
<H1> - A level-one heading of six-level headings ('1' is the Largest text, and '6' is the Smallest).
<P> - Breaks displayed text into paragraphs (It puts a blank line between paragraphs).
<BR> - Breaks a line and starts a new line (with no spaces between the lines).
<B> - Indicates bold text.
<I> - Indicates italic text.
<U> - Indicates underlined text.
<UL> - Identifies an un-ordered list.
<OL> - Identifies an ordered list.
<LI> - Identifies an item in an ordered, or un-ordered list.
The above tags need to be placed into source code. Now we will place everything in to source code so we can view the results in a browser. The following source code is a complete HTML document. To better understand the various meanings and structures, examine this HTML syntax code, and the following HTML source code:
HTML Syntax Code
<html>
<head>
<title>Type-in the document title here</title>
</head>
<body>
Type-in your document information and content here (including your pictures and images).
</body >
</html>
HTML Source Code
<HTML>
<HEAD>
<title>My HTML Webpage</title>
</HEAD>
<BODY>
<h2>This is my HTML webpage</h2>
<p>This is my first paragraph...</p>
<p>This is my second paragraph with: <b>bold text</b>, <i>italic text</i>, and <u>underlined text</u>.</p>
<br>This is a new line of my last paragraph with a font color of: <font color="#FF0000">Red Color</font > (or this way: <font color ="red">Red Color</font>), and a font size of <font size ="4" >Four</font>
<br>This next tag below is used to produce a horizontal line.<br>
<hr>
</BODY>
</HTML>
|
Click here to view the result in a web browser window.
|
Hyperlinks