HTML basics
To create a document in HTML, you should create a file from Notepad into a .html or .htm file. Then all you have to do is right click and Open with... Notepad (download here).You need the code,
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> before the HTML tag. This is to show that the HTML document is transitional in Engish for the public.
The <html> tag should be inserted second.Then the
<head> tag should be inserted after the first tag. Always remember that to end a tag, you must have a / before the same tag wherever the end is desired. To end the HEAD tag, insert </head> after the start of the head tag.To make a title for your site's name, add
<title>YOUR SITE NAME HERE</title>. Replace "YOUR SITE NAME HERE" with your site's name. Again, notice that after your name is typed, the tag closes with a "/" before the original tag's name. Notice the pattern.Now your text is considered the body of your html document.
<body>type your text here between the BODY tags.</body>.
Now, to the more interesting stuff--text and styles.
The internet browser's default for viewing normal text with no styles included is black (#000000) Times New Roman font and a white background (#FFFFFF). The text links are blue and the visited text linkes are purple. The bolded, underlined and italianized text are all black as well. Those are the basic text you will see when viewing your HTML with no styles.
-To make text, type in words, symbols, etc.
-To make a link,
<a href="http://domain.com">link</a>. The only flexible text you can change is the URL (http://domain.com) that is directed from the link name and the link name (link). Remember that you must have "http://" in the URL or else the link will not work.-To make bolded, underlined and italianized text, type in
<b>bold</b>, <u>underlined</u>, <i>italianized</i>, respectively.-To skip a line in your text, type in
<br>. You can keep on typing this until your desired amount of gaps (lines) between your texts. However, these do not provide as spaces; it only skips to the next line.-To make a point or a jot, insert
<li>. Thus is it a jot, you therefore do not need to type in <br> to skip a line.-To align your text in different positions--left, center, right--insert the code,
<div align="POSITION">. Replace "POSITION" with your desired position--left, center, or right. Whenever you want to end your text being in your desired position, to end the tag, insert, </div>-To make everything easier--making the content's bold letters a certain color, hovering colors, etc., and the other color styles--you should use a CSS (Cascading Style Sheet). At this stage, it is not needed. The styles you will be putting in the
<style> tags. Click here to learn about CSS with HTML.Home | Site Information | Policy and FAQ | Linkage
Site and layout is © to Heidi Hu. All tutorials, information and items are copyrighted to their rightful owners. All rights reserved.
