HTML Basics

Here are a few of the basics of HTML, they're pretty straight forward so you shouldn't have a problem =) Feel free to change the settings as well!


Font Stuff

Font color:

<font color=#000000>TEXT HERE

Font Size:

<font size=8>TEXT

To change the font name:

<font face="Arial">TEXT

Italics:

<i>TEXT</i>

Underlined:

<u>TEXT</u>

Bold:

<b>TEXT</b>

Slashed Out:

<s>TEXT</s>

Text with Background Colour:

<span style=background:#000000>TEXT</span>

Text with Dropshadow:

<TABLE STYLE="filter:dropshadow(color=#000000, strength=2)"> <TR><TD><center> TEXT</TABLE>

Text with Glow:

<TABLE STYLE="filter:glow(color=#000000, strength=2)"> <TR><TD><center> TEXT</TABLE>

Text with a Shadow:

<TABLE STYLE="filter:shadow(color=#000000, strength=2)"> <TR><TD><center> TEXT</TABLE>

Text aligned to left:

<p align=left>TEXT</p>

Text aligned to center:

<center>

Text aligned to right:

<p align=right>TEXT</p>


Images

Basic Image Code:

<img src="http://www.geocities.com/lemonsliceclique/IMAGE%20URL">

Linking an image:

<a href="http://www.geocities.com/lemonsliceclique/SITE%20URL"><img src="http://www.geocities.com/lemonsliceclique/IMAGE%20URL" border="0"></a>

Resizing an image:

<img src="http://www.geocities.com/lemonsliceclique/IMAGE%20URL" height=# width=#>


Background

Image as a background:

<body background="http://www.geocities.com/lemonsliceclique/IMAGE%20URL"><center> <script language="javascript" type="text/javascript" src="//ad.broadcaststation.net/ads/show_ad.php?width=728&height=90"></script> </center> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-4KX380T5BD"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-4KX380T5BD'); </script> <!-- END GOOGLE --> <geoads></geoads>

Image FIXED background:

<body background="http://www.geocities.com/lemonsliceclique/IMAGE%20URL"bgproperties="fixed"><center> <script language="javascript" type="text/javascript" src="//ad.broadcaststation.net/ads/show_ad.php?width=728&height=90"></script> </center> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-4KX380T5BD"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-4KX380T5BD'); </script> <!-- END GOOGLE --> <geoads></geoads>

Coloured background:

<body bgcolor="#000000"><center> <script language="javascript" type="text/javascript" src="//ad.broadcaststation.net/ads/show_ad.php?width=728&height=90"></script> </center> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-4KX380T5BD"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-4KX380T5BD'); </script> <!-- END GOOGLE --> <geoads></geoads>

Music in background:

<BGSOUND SRC="http://www.geocities.com/lemonsliceclique/MIDI%20URL" AUTOSTART="true" HIDDEN="true" LOOP="infinite">


Linking

Basic Link Code:

<a href="http://www.geocities.com/lemonsliceclique/URL%20HERE">TEXT</a>

Link that targets into a frame:

<a href="http://www.geocities.com/lemonsliceclique/URL%20HERE" target="NAME OF FRAME">TEXT</a>

Email Link:

<a href="mailto:NAME@EMAIL.com">TEXT</a>

Email link with subject:

<a href="mailto:NAME@EMAIL.com?subject=SUBJECT">TEXT</a>

Link for people to msg you on AIM:

<a href="aim:goim?screenname=SCREENAMEHERE&message=MESSAGE HERE">TEXT</a>

Link with toolbar text:

<a href="http://www.geocities.com/lemonsliceclique/URL" "OnMouseOver="window.status='TEXT ON TOOLBAR';return true;">TEXT</a>

Link that redirects you to another page automatically:

<META HTTP-EQUIV="Refresh" CONTENT="6; URL=http://www.geocities.com/lemonsliceclique/URL%20HERE">

Drop Down Menu:

<form><select name=select size="1" style="background-color:#000000; font size:#pt; font-family:VERDANA; color:#FFFFFF" onchange="location.href= (form.select.options[form.select.selectedIndex].value)"> <option value="URL">TEXT</option> <option value="URL">TEXT</option> <option value="URL">TEXT</option> </select></form>

Targeting Drop Down Menu:

<script language="javascript"> function jump(form) { var myindex=form.menu.selectedIndex if (form.menu.options[myindex].value != "0") { window.open(form.menu.options[myindex].value, target="TARGET NAME"); }}//--></script> <form name=""> <select name="menu" style="background-color:#000000; font size:#10pt; font-family:VERDANA; color:#FFFFFF" size="1" onchange="jump(this.form)"> <option value="URL">TEXT</option> <option value="URL">TEXT</option> <option value="URL">TEXT</option> <option value="URL">TEXT</option> </select></form>

To colourize links, add hover effects etc, click here.

Etc..

Textarea box:

<textarea>TEXT</textarea>



Back 1

Hosted by www.Geocities.ws