Terms About me Domain Credits Way out My blog

HTML codes

This is not once again a real tutorial; I just thought to collect a few basic HTML codes and show them in one place, to help beginners with their first coding tries.

Here are the codes for bolded, italic and underlined text.

<b>this is for bold text</b>
<i>this is for italic text</i>
<u>this is for underlined text</u>

Here is the code for text links opening in the same windows and in a new one - the links themselves don't lead anywhere.

<a href="">this is a normal text link</a>
<a href="" target="_blank">this is a text link opening in a new window</a>

Then the codes for blockquotes and textareas - nifty little things.

<blockquote>normal blockquote text</blockquote>
<textarea>normal textarea text</textarea>

Below you have the codes for the main text headings - which are practically endless.

<h1>text inside header 1 header</h1>
<h2>text inside header 2 header</h2>
<h3>text inside header 3 header</h3>
<h4>text inside header 4 header</h4> - and so on...

Here are the code for layouts' divs - defining the position and the behaviour of your site's sections.

<div style="">content is placed among these, navi as well</div>

After divs, come the tables codes: first an one-column table, then a two-columns one.

<table width="0X" border="0X" cellpadding="0X" cellspacing="0X">
<tr>
<td valign="top/middle/bottom">

HERE GOES THE TABLE CONTENT
</td></tr>
</table>

<table width="0X" border="0X" cellpadding="0X" cellspacing="0X">
<tr>
<td width="0X" valign="top/middle/bottom">

HERE GOES LEFT COLUMN CONTENT
</td>
<td width="0X" valign="top/middle/bottom">

HERE GOES RIGHT COLUMN CONTENT
</td></tr>
</table>

And to conclude the codes for external stylesheets, that has to be placed in the head tag - like the example down here.

<link href="style.css" rel="stylesheet" type="text/css">

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>your site title/name goes here</title>
<link href="STYLESHEET-NAME.css" rel="stylesheet" type="text/css">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>

I hope these code helped; I tried to be as clear as possible but, should you have problems, I'm at your disposal for any further explanation or question. Feel free to ask away. n.n