Home » Page 2
Basic HTML
July 12, 2008What is an HTML File?
HTML - [Hyper Text Markup Language] is a text file containing small markup tags.
<html> this is the start of an HTML document.
</html> this is the end of the HTML document.
<head></head> header information is placed between the tags. Header information is not displayed in the browser window.
<title></title> title of your document. The title is displayed in your browser’s caption.
<body></body> the text that will be displayed in your browser.
HTML Extension
When saving an HTML file, it is a good practice to use .html extension.
Basic HTML Tags
<html></html> an HTML document
<body></body> the document’s body
<h1> to <h6> header 1 to header 6
<p></p> a paragraph
<br> inserts a single line break
<hr> a horizontal rule
<!–> a comment
Text Formatting Tags
<b></b> bold text
<big></big> big text
<em></em> emphasized text
<i></i> italic text
<small></small> small text
<strong></strong> strong text
<sub></sub> subscripted text
<sup></sup> superscripted text
<ins></ins> inserted text
Computer Output Tags
<code></code> computer code text
<kbd></kbd> keyboard text
<samp></samp> sample computer code
<tt></tt> teletype text
<var></var> a variable
<pre></pre> preformatted text
HTML uses a hyperlink to link to another document on the Web.
The <a> tag is used to create an anchor to link from, the href attribute is used to address the document to link to, and the words between the open and close of the anchor tag will be displayed as a hyperlink.
<a href=”http://www.codedspirit.com/”>Welcome to kilometer69!</a>
The Target Attribute
With the target attribute, you can define where the linked document will be opened.
The line below will open the document in a new browser window:
<a href=”http://www.kilometer69.tk/”target=”_blank”>Welcome to kilometer69!</a>
Link Tags
<a></a> an anchor
Table Tags
<table></table> a table
<th></th> table header
<tr></tr> table row
<td></td> table cell
<caption></caption> table caption
<colgroup></colgroup> groups of table columns
<col></col> the attribute values for one or more columns in a table
<thead> table head
<tbody> table body
<tfoot> table footer
List Tags
<ol></ol> an ordered list
<ul></ul> an unordered list
<li></li> list item
<dl></dl> definition list
<dt></dt> definition term
<dd></dd> definition description
Form Tags
<form><form> form for user input
<input> an input field
<textarea> a text-area (a multi-line text input control)
<label> a label to a control
<fieldset> a fieldset
<legend> a caption for a fieldset
<select> a selectable list (a drop-down box)
<optgroup> an option group
<option> an option in the drop-down box
<button> push button
The Image Tag and the Src Attribute
In HTML, images are defined with the <img> tag.
The <img> tag is empty, which means that it contains attributes only and it has no closing tag.
To display an image on a page, you need to use the src attribute. Src stands for “source”. The value of the src attribute is the URL of the image you want to display on your page.
<img src=”url”>
The Alt Attribute
The alt attribute is used to define an “alternate text” for an image. The value of the alt attribute is an author-defined text:
<img src=”boat.gif” alt=”Big Boat”>
The “alt” attribute tells the reader what he or she is missing on a page if the browser can’t load images. The browser will then display the alternate text instead of the image. It is a good practice to include the “alt” attribute for each image on a page, to improve the display and usefulness of your document for people who have text-only browsers.
Image Tags
<img> an image
<map> an image map
<area> a clickable area inside an image map
Backgrounds
The <body> tag has two attributes where you can specify backgrounds. The background can be a color or an image.
Bgcolor
The bgcolor attribute specifies a background-color for an HTML page. The value of this attribute can be a hexadecimal number, an RGB value, or a color name:
<body bgcolor=”#000000″>
<body bgcolor=”rgb(0,0,0)”>
<body bgcolor=”black”>
Background
The background attribute specifies a background-image for an HTML page. The value of this attribute is the URL of the image you want to use. If the image is smaller than the browser window, the image will repeat itself until it fills the entire browser window.
<body background=”banner.jpg”>
<body background=”http://www.kilometer69/banner.jpg”>
How to use Alt Key Codes
July 11, 2008Below you will find a list of alt key codes.
Alt key codes are great if you like to code by hand and can save a lot of time once you memorize a few. In FrontPage you can always choose Insert and then Symbol.
Hold down the alt key and use the number pad on the far right of your keyboard to type out the 4-character code. When you release the alt key, the character will appear.
Example: Alt-0169 = © or Alt-0174 = ® or Alt-0153 = ™
| Alt-0128 € | Alt-0252 ü | Alt-0129 | Alt-0130 ‚ | Alt-0131 ƒ |
| Alt-0132 „ | Alt-0253 ý | Alt-0133 … | Alt-0134 † | Alt-0135 ‡ |
| Alt-0136 ˆ | Alt-0254 þ | Alt-0137 ‰ | Alt-0138 Š | Alt-0139 ‹ |
| Alt-0140 Œ | Alt-0255 ÿ | Alt-0141 | Alt-0142 Ž | Alt-0143 |
| Alt-0144 | Alt-0248 ø | Alt-0145 ‘ | Alt-0146 ’ | Alt-0147 “ |
| Alt-0148 “ | Alt-0249 ù | Alt-0149 • | Alt-0150 – | Alt-0151 — |
| Alt-0152 ˜ | Alt-0250 ú | Alt-0153 ™ | Alt-0154 š | Alt-0155 › |
| Alt-0156 œ | Alt-0251 û | Alt-0157 | Alt-0158 ž | Alt-0159 Ÿ |
| Alt-0160 | Alt-0244 ô | Alt-0161 ¡ | Alt-0162 ¢ | Alt-0163 £ |
| Alt-0164 ¤ | Alt-0245 õ | Alt-0165 ¥ | Alt-0166 ¦ | Alt-0167 § |
| Alt-0168 ¨ | Alt-0246 ö | Alt-0169 © | Alt-0170 ª | Alt-0171 « |
| Alt-0172 ¬ | Alt-0247 ÷ | Alt-0173 | Alt-0174 ® | Alt-0175 ¯ |
| Alt-0176 ° | Alt-0240 ð | Alt-0177 ± | Alt-0178 ² | Alt-0179 ³ |
| Alt-0180 ´ | Alt-0241 ñ | Alt-0181 µ | Alt-0182 ¶ | Alt-0183 · |
| Alt-0184 ¸ | Alt-0242 ò | Alt-0185 ¹ | Alt-0186 º | Alt-0187 » |
| Alt-0188 ¼ | Alt-0243 ó | Alt-0189 ½ | Alt-0190 ¾ | Alt-0191 ¿ |
| Alt-0192 À | Alt-0236 ì | Alt-0193 Á | Alt-0194 Â | Alt-0195 Ã |
| Alt-0196 Ä | Alt-0237 í | Alt-0197 Å | Alt-0198 Æ | Alt-0199 Ç |
| Alt-0200 È | Alt-0238 î | Alt-0201 É | Alt-0202 Ê | Alt-0203 Ë |
| Alt-0204 Ì | Alt-0239 ï | Alt-0205 Í | Alt-0206 Î | Alt-0207 Ï |
| Alt-0208 Ð | Alt-0232 è | Alt-0209 Ñ | Alt-0210 Ò | Alt-0211 Ó |
| Alt-0212 Ô | Alt-0233 é | Alt-0213 Õ | Alt-0214 Ö | Alt-0215 × |
| Alt-0216 Ø | Alt-0234 ê | Alt-0217 Ù | Alt-0218 Ú | Alt-0219 Û |
| Alt-0220 Ü | Alt-0235 ë | Alt-0221 Ý | Alt-0222 Þ | Alt-0223 ß |
| Alt-0224 à | Alt-0231 ç | Alt-0225 á | Alt-0226 â | Alt-0227 ã |
| Alt-0228 ä | Alt-0230 æ | Alt-0229 å |
In addition The Character Map utility is free on all Windows machines and can be used to copy and paste accented letters and other foreign language characters characters into any Windows application. The Character Map is similar to the Insert Symbol tool found in some Windows applications such as Microsoft Word and Microsoft FrontPage.
To open the Character Map utility Click on the Windows Start menu, on the lower left of your screen. Select Programs » Accessories » System Tools » Character Map. (OR click Start, Run, and type Charmap).
After choosing a font, double click the desired character(s), click on Copy, return to your document and paste.
NOTE: On some PCs, the Character Map may be in another location under Accessories or the Start menu.
Overlay: How to Edit an HTML Code
July 7, 2008Here’s a one example of an Overlay Code ….
Quote:
|
First edit the title of your page: Just change the YELLOW TEXT with your own title…
Quote:
|
Next in your <body> Section edit your stuffs in there:
1. Your USER ID (ORANGE TEXT)
Quote:
|
just change it with your own user id
How to get USERID: http://kilometer-69.com/index.cgi?board=overlays&action=display&thread=4137
2. Picture Sections (BLUE TEXT)
Quote:
|
Change it with your own Picture URL:
Quote:
|
Upload your pictures in: http://www.photobucket.com
3. Information (RED TEXT)
Quote:
|
Edit with your personal information
4. Add-ons (GREEN TEXT)
Those are the tricks in your Overlay Profile it’s up to you what you like to add in your Add-ons
HEXCODES
July 4, 2008It is applied in files with ( # ) in the beginning and ( ; ) at the end except for transparent — it is applied without (#) in front.
For example:
<FONT COLOR=#FFCC66;>
▀ bLinX ▀
wHaTz d` laTeSt??
.: bLuRt iT oUt! :.
- Miguel Guedes de Sousa:
Wow, thanks for the tip. This is one of the most useful I’ve found online.
- sia:
but what should i put in between? hope you can help…thanks
- sia:
Can I ask something?
Coz am working on my overlay, but Im stuck in putting codes to spawn the contents of friendster boxes like about me, comments, my friends, my media etc.. I start with like- sia:
salamat pareh>>>
- sia:
salamat pareh>>>
- Patrick:
thanks po ah.. sana mapagana ko…
- blueblinx:
Hi guyz!^^,
Welcum 2 mY pAgE..Enjoy!:)
◘ cLicK iiR..
Latest Comments
- blueblinx: thanks!:)...
- Basic Html: Wow! This blog is relevant to Basic Html that one has to take full advantage of learning this process because it helps to increase the productivity of the business....
- sia: Can I ask something? Coz am working on my overlay, but Im stuck in putting codes to spawn the contents of friendster boxes like about me, comments, my friends, my media...
- Jorge mamon: Hello Aptech...
- elizer: Jorge mamon say Hello Aptech...
◄ CREDITS ►
