CODICE HTML back

Contenuti: head, corpo del testo, titoli, immagini, link, tabelle, frames, elenco, linea, font, formattazione, paragrafo, a capo, allineamento, rientro, form, testo scorrevole, simboli particolari, colori, mappe, alcuni javascript.

HEAD
<html>
<head>
<title></title>
<base href="" target=""> url e target predefiniti
<basefont face=""
size="" color=""> non ben supportato dai browser
<bgsound src="" loop="infinite|1|2|3|.."> suono di sottofondo
<style>body{ scrollbar-base-color: #XXXXXX; } </style> colore scrollbar IE5
<style type="text/css"> <!-- A:link {text-decoration: none;} A:visited {text-decoration: none;} --> </style> link non sottolineati (style sheet)
</head>....</html>

CORPO DEL TESTO
<body background="animazione.gif"
bgcolor="#XXXXXX" text="#XXXXXX" link="#XXXXXX" vlink="#XXXXXX"
alink="#XXXXXX" bgproperties="fixed" scroll="no" topmargin="X"
leftmargin="X" rightmargin="X"
bottommargin="X"></body>

TITOLI
<h1 align="left|center|right|justify"><h2><h3><h4><h5><h6></hX>

IMMAGINI
<img src="" alt="" border="X" align="texttop|top|middle|bottom|left|right|baseline|absmiddle|absbottom" hspace="X" vspace="X" usemap="" width="X" height="X">

LINK
<a href="#" name="" target="_blank|_self|_top|_parent"></a>

TABELLE
<table border="X" cellpadding="X" cellspacing="X"
bordercolor="#XXXXXX" background="" bgcolor="#XXXXXX" width="X" height="X" align="center|left|right">
<tr>
<td align="center|left|right|justify|char" valign="top|middle|bottom|baseline" background="" bgcolor="#XXXXXX" width="X" height="X">
</td></tr></table>

FRAMES
<frameset rows="2*,*,*" cols="*,*%" border=? frameborder="yes|no" bodercolor="#RRGGBB">
<frame name="" src="" frameborder="1|0" marginwidth="" marginheight="" noresize scrolling="yes|no|auto" bodercolor="#RRGGBB">
</frameset>
<noframes></noframes>
<iframe src="" name="" align="top|middle|bottom|left|right" frameborder="1|0" scrolling="yes|no|auto" width="X" height="X" marginwidth="X" marginheight="X"></iframe> in line frame
esempio: <frameset rows="*,25"><frameset cols="20%,80%"><frame name="left" src="left.htm"><frame name="main" src="main.htm"></frameset><frame name="bottom" src="bottom.htm">


ELENCO
<ul type="disc|square|circle"><li></li></ul> unordered list
<ol type="1|a|A|i|I"><li></li></ol> ordered list

LINEA
<hr align="left|center|right" noshade size="" width="" color="">

FONT
<font size="" color="" face="xxx, xxx"></font>

FORMATTAZIONE
<b> bold,grassetto; <i> italic,corsivo; <u> underlined,sottolineato; <strong><em> </chiudere>

PARAGRAFO
<p align="left|right|center|justify" style="MARGIN-TOP: 0px; MARGIN-BOTTOM: 3px"></p>

A CAPO
<br>
<nobr></nobr> il testo non viene mandato a capo

ALLINEAMENTO
<center> <left> <right> </center></left></right> <div align=""></div>

AUMENTA RIENTRO
<blockquote></blockquote>

FORM
<form action="url" method="get|post">
<input type="text" name="" value="" size="">
<textarea name="" rows="" cols=""></textarea>
<input type="radio" name="" value="">
<input type="checkbox" name="" value="">
<select name=""> <option selected value=""> </option> <option value=""> </option> </select>
<input type="submit"><input type="reset"><input type="button" value="">
</form>

TESTO SCORREVOLE
<marquee behavior="slide|alternate" direction="right" loop="5" scrollamount="10" scrolldelay="50" bgcolor="#RRGGBB" align="middle|top" height="25" width="19%">testo</marquee> default: direction=left, loop=infinite, align=bottom, scorrimento=continuo; scorrimento bloccato=slide alternato=alternate.

SIMBOLI PARTICOLARI
< ................. &lt;
> ................. &gt;
& ................. &amp;
" .................. &quot;
spazio vuoto .. &nbsp;
E' ................ &Eacute; &Egrave;
linea ............ &#151;
n tilde .......... &ntilde;

COLORI
#FFFFFF bianco
#000000 nero
#C0C0C0 grigio chiaro
#808080 grigio scuro
#FF0000 rosso
#0000FF blu
#000080 blu scuro
------------
#800000 rosso scuro
#FF9900 arancio
#FFFF00 giallo
#FFFF99 giallino
#CCCC00 giallo scuro
#00FF00 verde
#004500 verde scuro
#RRGGBB RedGreenBlue

MAPPE CLICCABILI
<map name="name">
<area shape="rect|poly|circle|default" coords="x,y,x,y|x,y,x,y,x,y,...|x,y,r" href="#"|nohref alt="" title="">
</map>
<img src="" usemap="#name">


_____________________________
*****
CODICE JAVASCRIPT *****

Contenuti:
link tip, risoluzione dello schermo, ingrandisci finestra automaticamente.

CODICE
LINK TIPS
va dopo <body>
<!--INIZIO CODICE LINK TIPS-->
<script>

if (!document.layers&&!document.all)
event="test"
function showtip(current,e,text){

if (document.all){
thetitle=text.split('<br>')
if (thetitle.length>1){
thetitles=''
for (i=0;i<thetitle.length;i++)
thetitles+=thetitle[i]
current.title=thetitles
}
else
current.title=text
}

else if (document.layers){
document.linktips.document.write('<layer bgColor="yellow" style="border:1px solid black;font-family:arial;font-size:12px;">'+text+'</layer>')
document.linktips.document.close()
document.linktips.left=e.pageX+5
document.linktips.top=e.pageY+5
document.linktips.visibility="show"
}
}
function hidetip(){
if (document.layers)
document.linktips.visibility="hidden"
}

</script>
<div id="linktips" style="position:absolute;visibility:hidden"></div>
<!--FINE CODICE LINK TIPS-->
<a href="#" target="" onMouseover="showtip(this,event,'scrivi qui il testo del link tip')" onMouseout="hidetip()">


-----------------------------------------------------------------------

CODICE
RISOLUZIONE DELLO SCHERMO
<!--INIZIO CODICE RISOLUZIONE DELLO SCHERMO--> <script language="JavaScript" type="text/javascript">
<!--
document.write("La risoluzione del tuo schermo è " + screen.width + "x" + screen.height + ".");
// -->
</script>
<SCRIPT LANGUAGE="JavaScript1.2">
var widthsetting = 800;
var heightsetting = 600;
if (screen.width != widthsetting || screen.height != heightsetting) {
msg = " Dato che il sito è stato realizzato usando "
+ " una risoluzione " + widthsetting + "x" + heightsetting + ", " + "la visualizzazione potrebbe essere un po' diversa da quella voluta.";
document.write(msg);
}
</script><!--FINE CODICE RISOLUZIONE DELLO SCHERMO-->
nota: != significa diverso, == significa uguale

-----------------------------------------------------------------------


CODICE
INGRADISCI FINESTRA AUTOMATICAMENTE
va tra <head> e </head>

<!--INIZIO CODICE INGRADISCI FINESTRA AUTOMATICAMENTE-->
<script language="JavaScript1.2">
<!--

top.window.moveTo(0,0);
if (document.all) {
top.window.resizeTo(screen.availWidth,screen.availHeight);
}
else if (document.layers||document.getElementById) {
if (top.window.outerHeight<screen.availHeight||top.window.outerWidth<screen.availWidth){
top.window.outerHeight = screen.availHeight;
top.window.outerWidth = screen.availWidth;
}
}

//-->
</script>
<!--FINE CODICE INGRADISCI FINESTRA AUTOMATICAMENTE-->



^  <  Home Page