Guida creata da vale93kotor solo per il My Simple RomanceGuida liberamente ispirata da
Wiki.
Guida Codici HTML
Indice:Guida Codici HTMLCodici Semplici<
Codici Per Il TestoListeColori HTMLCodici Semplici [2]<
TabellaInserire Flash,Video,Musica,...Visualizzare HTML di una pagina webVersioni Del Codice HTML e XHTMLCommenti all'interno del codice HTMLElementi base di una pagina HTMLSfondo della paginaPagina Web completaCodici Semplici [3]<
MenùHTML 5Specifiche HTML5XHTMLVersioni XHTMLDocTypeErrori comuniTag XHTML comuniValidatore W3CPlug In FirefoxInfo ValidatoreInserire Formule Matematica Altre Guide
I codici HTML, a differenza del CSS e Del BBCode è utilizzabile sia in amministrazione->Gestioni Codici HTML, Sia all'interno dei singoli post.
L'HTML nel titolo di una discussione è consentito solo agli amministratori del forum.
I tag HTML sono di due tipi aperti
oppure chiusi
.
Codici Semplici
Elenco dei più elementari codici HTML utilizzabili dai webmaster;
--
Andare Accapo
--
Obbligare il testo a non andare accapo anche una volta esaurito lo spazio a disposizione
Linea Orizzontale
--
Collegamento
HTML
<a href="linksito">testo</a>
--
Inserire un'immagine
HTML
<img src="linkimmagine">
Per prelevare il link di un'immagine è sufficiente:
.Per Firefox->tasto destro sull'immagine->copia indirizzo immagine
.Per Explorer->proprietà->Indirizzo Immagine->copia
Se l'immagine è sul vostro computer è necessario Hostarla (caricarla) su un sito web come ad esempio:
.
Tynpic.
Photobucket.
Image Shack.
Fc Image Hosting.
FF Image Hosting--
Unendo i precedenti 2 codici è possibile inserire un'immagine con collegamento
HTML
<a href="linksito"><img src="linkimmagine"></a>
--
Posizionare un elemento:
Al centro
HTML
<div align="center">immagine/testo</div>
A destra
HTML
<div align="right">immagine/testo</div>
A sinistra
HTML
<div align="left">immagine/testo</div>
--
Collegamento ad un punto all'interno della pagina
HTML
<a name="target"></a>
Inserire il testo che si vuole linkare
HTML
<a href="#target">testo</a>
Inserire il "link al testo"
--
Immagini o testo in movimento:
HTML
<marquee direction="up" scrollAmount=1 height="30" width="70%">immagine/testo</marquee>
Personalizzazione:
modificare up per la direzione
modificare 1 per la velocità
modificare 30 per l'altezza del campo di scorrimento
modificare 70 per larghezza del campo di scorrimento rispetto alla larghezza della pagina
Che si ferma al passaggio del mouse:
HTML
<marquee onmouseover="this.stop()" onmouseout="this.start()">immagine/testo</marquee>
Non funziona nella firma
Che rallenta al passaggio del mouse:
HTML
<marquee scrollamount='5' onMouseover='this.scrollAmount=1' onMouseout='this.scrollAmount=5'>immagine/testo</marquee>
--
Codici Per Il Testo
:
Grassetto
--
Corsivo
--
Sottolineato
--
Barrato
--
Modificare Il Colore
HTML
<font color="colore">testo</font>
Al posto di colore inserire il colore con cui volete far diventare il testo
--
Modificare La Dimensione
HTML
<font size="dimensione">testo</font>
dimensione cambia la dimensione del testo (min 1)
--
Font testo
HTML
<font face="font1">testo</font>
font1 cambia il tipo di scrittura
Attenzione usare solo tipi di scrittura conosciuti e posseduti dalla maggior parte dei pc.
--
Cambiare colore, dimensione, font
HTML
<font color="colore" size="dimensione" face="font da utilizzare">testo</font>
--
Testo con alone ( solo Internet Explorer)
HTML
<div style="width:100%;filter:glow(color=colore)">testo</div>
--
Testo sfumato (solo Internet Explorer)
HTML
<div style="width:100%;filter:blur">testo</div>
--
apice
Testo in piccolo leggermente al di sopra della posizione occupate di solito dal testo
--
pedice
Testo in piccolo leggermente al di sotto della posizione occupate di solito dal testo
Liste
HTML
<ul type="disc">
<li>voce</li>
<li>voce</li>
<li>voce</li>
</ul>
Si può cambiare disc->cerchi pieni
con circle->cerchi vuoti
HTML
<ul type="circle">
<li>voce</li>
<li>voce</li>
<li>voce</li>
</ul>
square->quadrati
HTML
<ul type="square">
<li>voce</li>
<li>voce</li>
<li>voce</li>
</ul>
--
Lista numerata
HTML
<ol>
<li>voce</li>
<li>voce</li>
<li>voce</li>
</ol>
Verrà un elenco del tipo
1.voce 2. voce 3.voce
--
Other
Area di testo
HTML
<textarea>testo</textarea>
--
Input
HTML
<input type="" value="testo">
--
Menù a tendina
HTML
<select>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
Menù ad opzioni
--
Pulsante
HTML
<button>testo</button>
Pulsante con all'interno il testo
--
I frame
(pagine esterne incorporante all'interno della tua pagina web)
HTML
<iframe src="limkpagina" width="100" height="100"></iframe>
HTML
width="100" height="100"
->
Per modificare rispettivamente la larghezza e l'altezza del frame.
è da notare che google penalizza l'uso dell'iframe sia per il sito che incorpora l'inframe, sia per il sito incorporato all'interno dell'iframe.
In passato,ma a volte anche ora si usavano gli iframe anche per fare la grafica e l'impaginazione di un sito web.
In seguito si è passati all'impaginazione a tabella
Colori HTML
Qui trovate i codici per tutti i coloriPer inserire un colore è consigliabile mettere il numero che lo identifica e non la semplice dicitura white or black.
Colori Comuni
Il Codice che ci intesessa è il secondo.. quello preceduto da cancelletto (da copiare anch'esso), mentre il primo è il nome in inglese del colore.
Nome del colore | Codice colore:
aliceblue #F0F8FF 240 248 255
antiquewhite #FAEBD7 250 235 215
aqua #00FFFF 0 255 255
aquamarine #7FFFD4 127 255 212
azure #F0FFFF 240 255 255
beige #F5F5DC 245 245 220
bisque #FFE4C4 255 228 196
black #000000 0 0 0
blanchedalmond #FFEBCD 255 255 205
blue #0000FF 0 0 255
blueviolet #8A2BE2 138 43 226
brown #A52A2A 165 42 42
burlywood #DEB887 222 184 135
cadetblue #5F9EA0 95 158 160
chartreuse #7FFF00 127 255 0
chocolate #D2691E 210 105 30
coral #FF7F50 255 127 80
cornflowerblue #6495ED 100 149 237
cornsilk #FFF8DC 255 248 220
crimson #DC143C 220 20 60
cyan #00FFFF 0 255 255
darkblue #00008B 0 0 139
darkcyan #008B8B 0 139 139
darkgoldenrod #B8860B 184 134 11
darkgray #A9A9A9 169 169 169
darkgreen #006400 0 100 0
darkkhaki #BDB76B 189 183 107
darkmagenta #8B008B 139 0 139
darkolivegreen #556B2F 85 107 47
darkorange #FF8C00 255 140 0
darkorchid #9932CC 153 50 204
darkred #8B0000 139 0 0
darksalmon #E9967A 233 150 122
darkseagreen #8FBC8F 143 188 143
darkslateblue #483D8B 72 61 139
darkslategray #2F4F4F 47 79 79
darkturquoise #00CED1 0 206 209
darkviolet #9400D3 148 0 211
deeppink #FF1493 255 20 147
deepskyblue #00BFFF 0 191 255
dimgray #696969 105 105 105
dodgerblue #1E90FF 30 144 255
firebrick #B22222 178 34 34
floralwhite #FFFAF0 255 250 240
forestgreen #228B22 34 139 34
fuchsia #FF00FF 255 0 255
gainsboro #DCDCDC 220 220 220
ghostwhite #F8F8FF 248 248 255
gold #FFD700 255 215 0
goldenrod #DAA520 218 165 32
gray #BEBEBE 128 128 128
green #008000 0 128 0
greenyellow #ADFF2F 173 255 47
honeydew #F0FFF0 240 255 240
hotpink #FF69B4 255 105 180
indianred #CD5C5C 205 92 92
indigo #4B0082 75 0 130
ivory #FFFFF0 255 240 240
khaki #F0D58C 240 230 140
lavender #E6E6FA 230 230 250
lavenderblush #FFF0F5 255 240 245
lawngreen #7CFC00 124 252 0
lemonchiffon #FFFACD 255 250 205
lightblue #ADD8E6 173 216 230
lightcoral #F08080 240 128 128
lightcyan #E0FFFF 224 255 255
lightgoldenrodyellow #FAFAD2 250 250 210
lightgreen #90EE90 144 238 144
lightgrey #D3D3D3 211 211 211
lightpink #FFB6C1 255 182 193
lightsalmon #FFA07A 255 160 122
lightseagreen #20B2AA 32 178 170
lightskyblue #87CEFA 135 206 250
lightslategray #778899 119 136 153
lightsteelblue #B0C4DE 176 196 222
lightyellow #FFFFE0 255 255 224
lime #00FF00 0 255 0
limegreen #32CD32 50 205 50
linen #FAF0E6 250 240 230
magenta #FF00FF 255 0 255
maroon #800000 128 0 0
mediumaquamarine #66CDAA 102 205 170
mediumblue #0000CD 0 0 205
mediumorchid #BA55D3 186 85 211
mediumpurple #9370DB 147 112 219
mediumseagreen #3CB371 60 179 113
mediumslateblue #7B68EE 123 104 238
mediumspringgreen #00FA9A 0 250 154
mediumturquoise #48D1CC 72 209 204
mediumvioletred #C71585 199 21 133
midnightblue #191970 25 25 112
mintcream #F5FFFA 245 255 250
mistyrose #FFE4E1 255 228 225
moccasin #FFE4B5 255 228 181
navajowhite #FFDEAD 255 222 173
navy #000080 0 0 128
oldlace #FDF5E6 253 245 230
olive #808000 128 128 0
olivedrab #6B8E23 107 142 35
orange #FFA500 255 165 0
orangered #FF4500 255 69 0
orchid #DA70D6 218 112 214
palegoldenrod #EEE8AA 238 232 170
palegreen #98FB98 152 251 152
paleturquoise #AFEEEE 175 238 238
palevioletred #DB7093 219 112 147
papayawhip #FFEFD5 255 239 213
peachpuff #FFDAB9 255 218 185
peru #CD853F 205 133 63
pink #FFC0CB 255 192 203
plum #DDA0DD 221 160 221
powderblue #B0E0E6 176 224 230
purple #800080 128 0 128
red #FF0000 255 0 0
rosybrown #BC8F8F 188 143 143
royalblue #4169E1 65 105 225
saddlebrown #8B4513 139 69 19
salmon #FA8072 250 128 114
sandybrown #F4A460 244 164 96
seagreen #2E8B57 46 139 87
seashell #FFF5EE 255 245 238
sienna #A0522D 160 82 45
silver #C0C0C0 192 192 192
skyblue #87CEEB 135 206 235
slateblue #6A5ACD 106 90 205
slategray #708090 112 128 144
snow #FFFAFA 255 250 250
springgreen #00FF7F 0 255 127
steelblue #4682B4 70 130 180
tan #D2B48C 210 180 140
teal #008080 0 128 128
thistle #D8BFD8 216 191 216
tomato #FF6347 253 99 71
turquoise #40E0D0 64 224 208
violet #EE82EE 238 130 238
wheat #F5DEB3 245 222 179
white #FFFFFF 255 255 255
whitesmoke #F5F5F5 245 245 245
yellow #FFFF00 255 255 0
yellowgreen #9ACD32 154 205 50
Per la tabella ringraziamo
webalicePer Gli altri consultare il link fornito sopra.
--
Torna In CimaEdited by ~vale93kotor} - 20/5/2009, 18:34