If you're doing business on the Internet, taking the time to learn how to design your own web site and write your own HTML code (hypertext markup language) will play a major role in your success. Not only will learning HTML coding provide you with the freedom to update your own HTML documents, but it will also save you a great deal of money, as you will be able to avoid hiring a professional web designer.
Creating an HTML Page
A web page is created using a language called, Hypertext Markup Language, better known as HTML Code. You can write your own coding within a plain text editor, such as Note Pad, or use an HTML editor, which will write the code for you. HTML codes, also referred to as HTML tags, are enclosed by the lesser than (<) and greater than (>) brackets and may be written in capital or lower case letters. The opening bracket is followed by an element, which is a browser command, and ends with the closing bracket.
<font size=2> An element may also be followed by attributes, which are words describing the properties of the element, and further instruct the browser.
<font size=2> Attributes are only contained in the opening HTML tags to the right of the element and are separated by a space and followed by an equal (=) sign. The value follows the equal sign and is enclosed in quotes. <font size=2>
Basic HTML Document Code Structure Begin writing your HTML tags by creating your document's basic layout. Copy and paste this code into your text or HTML editor or Notepad or MS Word.
This area will contain everything that will be visible through a web browser, such as text and graphics. All of the information will be HTML coded. For few HTML codes, tags and examples, see the HTML codes below.
<TITLE> - The TITLE of your page. This will be visible in the title bar of the viewers’ browser. </TITLE> - Closes the HTML <TITLE> tag. </HEAD> - Closes the HTML <HEAD> tag. <BODY> - This is where you will begin writing your document and placing your HTML codes. </BODY> - Closes the HTML <BODY> tag. </HTML> - Closes the <HTML> tag.
How to Copy and Paste HTML Tags / Codes
To copy and paste the HTML tags / codes from the HTML chart below into the HTML of your web page, place your mouse pointer over the beginning of the HTML code you would like to copy. Next, click and hold your left mouse button and drag your mouse over all the HTML code you would like to copy. Go to "Edit" - "Copy" on your web browser's toolbar and then place your cursor within your HTML code where you would like to place the code. Right click on your mouse and go to "Paste." Your HTML code should now be displaying within your HTML document.
Definition and Usage
The <code> tag is a phrase tag. It defines a piece of computer code. Tip: This tag is not deprecated, but it is possible to achieve richer effect with CSS. All phrase tags: TAGS Descriptions <em> Renders as emphasized text <strong> Defines important text <dfn> Defines a definition term <code> Defines a piece of computer code <samp> Defines sample output from a computer program <kbd> Defines keyboard input <var> Defines a variable
1. Sample DOCTYPE HTML tag
<!DOCTYPE HTML> <html> <head> <title>Title of the document</title> </head>
<body> The content of the document...... </body>
2. Sample HEAD tag
<html> <head> <title>Title of the document</title> </head>
Activity: Output Number 2: Exploring With Tags Step 1 A. Log in your site account B. Copy Sample TAGs 1, 2, and 3 in Notepad C. Save your Notepad in your directory D. Then copy each sample tag in your webpage Step 2 A. On your site account, select Custom HTML icon, click and hold it and drag to your desired page area B. Do right click your save HTML tag on the Custom HTML guide icon C. Then, click outside the tag and view its display Step 3 A. Copy the save HTML tags in MS Word and save the document in your directory B. E-mail said document to your friend for your online back up.