• Regolamento Macrocategoria DEV
    Prima di aprire un topic nella Macrocategoria DEV, è bene leggerne il suo regolamento. Sei un'azienda o un hosting/provider? Qui sono anche contenute informazioni per collaborare con Sciax2 ed ottenere l'accredito nella nostra community!

In sviluppo Guida HTML! :)

BackSide

Utente Assiduo
Autore del topic
2 Febbraio 2011
904
0
Miglior risposta
0
:ban: Salve Sciaxini,
Oggi sono qui, apparte il fatto che non avevo niente da fare xD,Ma anche perchè voglio creare questa piccolissima guida HTML,Per i meno esperti nel campo...

Iniziamo:
Quindi Nel HTML L'elemento base del linguaggio è il tag, una parola chiave racchiusa da simbolo di minore < e maggiore >,
Vi faccio subito un piccolo esempio:
Se dovreste fare una scritta in grassetto dovrete inserire questa tag: <b>testo</b>

Per molti questi segni posso apparire inutili,però se si uniscono ecc. si formerebbe una macieria nel grafico...

Ora vi dò un pò di codici HTML per i meno espeti;

Immagine con collegamento:
<a href="Indirizo sito"><img src="URL immagine"></a>

Immagine o testo in movimento che rallenta al passaggio del mouse
<marquee scrollamount='5' onMouseover='this.scrollAmount=1' onMouseout='this.scrollAmount=5'>URL immagine o testo</marquee>

Per cambiare colore al testo:
<span style="color: codice COLORE">testo</span>

Per fare una lista si fà così:
<ul type="disc">
<li>voce</li>
<li>voce</li>
<li>voce</li>
</ul>


Se per esempio dovete fare un pulsante per accedere a qualcosa ecc... fate così:
<button>testo</button>
che dopo dovete collegarlo ecc.. Comunque per mettere la collegazzione basta mettere la tag affianco a href="indirizzopaginaweb"> Che verrà così <a href="indirizzopaginaweb"><button>testo</button></a>


Collegamento a una pagina web o file
<a href="http://indirizzo_sito">testo</a>
Da modificare le scritte in celeste ;)

Per andare a capo: <br>testo</br>

Per mettere un colore di sfondo per la pagina: <body bgcolor=CODICE COLORE></body>

Testo con collegamento:
<a href="http://indirizzo_sito">testo</a>

Per il testo sottolineato: <u>testo</u>

Per il resto in corsivo: <i>testo</i>

Testo barrato: <s>testo</s>

Testo a sinistra: <div style="text-align:left;">testo</p>

Testo a destra: <p align="right">testo</p>

Testo al centro: <p align="center">testo</p> o <center>testo</center>

Testo colorato: <font color=CODICE COLORE>testo</font>

Per fare un testo sfumato: (che forse fà solo con internet explorer)
<textarea>testo</textarea>

Font specifico per il testo: <font face="FONT SCELTO">testo</font>

Dimensione Scrittura:
<span style="font-size: DIMENSIONE">testo</span>

Per mettere un'imput:
<input type="" value="testo">

Per mettere un menù a tendina:
<select>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>


Per mettere un testo con pedice:emoji_slight_frown:cioè testo piccolissimo)
<sub>...</sub>

Per Creare un'area di testo si fà così:
<textarea>testo</textarea>

Immagine con descrizione:
<img src="http//:indirizzo_Immagine" alt="Testo per la descrizione">

Testo in scorrimento:
<marquee style="font-size: 10pt; font-family: times new roman; color: #FFAA00" bgcolor="#000000" scrollamount="1" direction="up"><div align="center">Testo da inserire</div></marquee>

Tag Email:emoji_slight_frown:Questo codice fugge di più con l'immagine ;))
<a href="mailto:Qui inserisci la tua email">
<IMG src="Qui inserire Testo o Immagine da visualizzare"> </a>


Immagine o testo che scorre : (Direction significa Direzione,Height significa altezza,width significa larghezza)
<marquee direction="up" scrollAmount=1 height="30" width="70%">immagine/testo</marquee>

Per fare un menù con un scroolbar:
<div style="width:200px;height:100px; overflow-y: scroll;">
Testo
Testo
Testo
Testo
Testo

</div>


Per sovrapporre due scritte:
<font style="text-decoration:none; font-family: Maiandra GD; font-size: 50px; color: black; eight: 35px;">
testo 1°</font>
<font style="text-decoration:none; font-family: Century Gothic; color: red; font-size: 30px;">testo2°</font>
</div>


Fonte: Mia ;) ( 4 Codici ricordati grazie a lello26 ) Se vi è piaciuta mettete Grazie :emoji_slight_smile:
 
Ultima modifica:
  • Like
Reactions: 1 person
Riferimento: Guida HTML! :emoji_slight_smile:

Bravo ottima guia,però potevi spiegare meglio per i meno esperti
voto 9/10 continua cosi!
 
Riferimento: Guida HTML! :emoji_slight_smile:

Bravo ottima guia,però potevi spiegare meglio per i meno esperti
voto 9/10 continua cosi!

Grazie,ora stò aggiornando mi sono dimenticato molte cose, La guida verrà aggiornata in continuazione :=)
 
Riferimento: Guida HTML! :emoji_slight_smile:

Ottima guida, anche se li conosco già tutti a memoria!

Edit: cosa c'entra con habbo i codici html? si per le news.. mah..
Comunque bravo per l'impegno e bravo per aver postato!
:bye:
 
Riferimento: Guida HTML! :emoji_slight_smile:

La guida è semplice e scritta pure bene, ma non capisco cosa c'entri con Habbo...​
 
Riferimento: Guida HTML! :emoji_slight_smile:

La guida è semplice e scritta pure bene, ma non capisco cosa c'entri con Habbo...​
Io ho messo questa guida,perchè ho notato che ormai tutti usano holocms ecc...
E io con esperienza che ho fatto, ho visto che le news si fanno solo con base HTML quindi se non sai queste cose sei a mare, comunque grazie :emoji_slight_smile:
 
Riferimento: Guida HTML! :emoji_slight_smile:

Io ho messo questa guida,perchè ho notato che ormai tutti usano holocms ecc...
E io con esperienza che ho fatto, ho visto che le news si fanno solo con base HTML quindi se non sai queste cose sei a mare, comunque grazie :emoji_slight_smile:
Eh ma HoloCMS è PHP non HTML... Per le news potrebbe andare.. ma...Ti consiglio di postarla anche sulla sezione HTML​
 
Riferimento: Guida HTML! :emoji_slight_smile:

Molto carino, utile per i meno esperti ma spiega meglio le loro funzionalità.
 
Riferimento: Guida HTML! :emoji_slight_smile:

Eh ma HoloCMS è PHP non HTML... Per le news potrebbe andare.. ma...Ti consiglio di postarla anche sulla sezione HTML​

Sì holocms è in php ma le pagine contengono anche l'html ;)
Comunque penso che tutti lo sappiano a memoria dato che su questa sezione ci sono 18293819 topic che parlano di questo. :emoji_relieved:
 
Riferimento: Guida HTML! :emoji_slight_smile:

Bravo anche se tutti i codici ormai li sappiamo già ma possono servire per i meno esperti nel campo,bravo
 
Riferimento: Guida HTML! :emoji_slight_smile:

Diciamo che me ne intendo di Html :gururun: però bravo per averlo postato :bye:
 
Riferimento: Guida HTML! :emoji_slight_smile:

Ottima Guida Buona scrittura e chiara nel contesto ^_^
Per quanto riguada l'utilizzo...si beh nei retro si usa 'html x le news è utile per i meno esperti che cominciano a fare le loro prime news ^_^
 
Riferimento: Guida HTML! :emoji_slight_smile:

Buona guida per i meno esperti :emoji_smiley: Però dovresti approfondirla di più.

Segnalo per spostare la discussione in HTML e Editor
 
Ultima modifica:
Riferimento: Guida HTML! :emoji_slight_smile:

Sposto in html e editor, comunque se vuoi far imparare veramente l'html, metti almeno i codici base non che metti subito al passaggio del mouse la scritta si ferma. Suppongo che tu abbia postato i codici che hai acquisito nel tuo percorso con l'html.
 
Riferimento: Guida HTML! :emoji_slight_smile:

Sposto in html e editor, comunque se vuoi far imparare veramente l'html, metti almeno i codici base non che metti subito al passaggio del mouse la scritta si ferma. Suppongo che tu abbia postato i codici che hai acquisito nel tuo percorso con l'html.
Ciao Lello, Ti volevo dire grazie per averlo spostata, poi io mettevo i primi codici che mi venivano in mente LòL
 
Riferimento: Guida HTML! :emoji_slight_smile:

Altri codici che puoi mettere sono:

Per andare a capo: <br></br>
Per mettere un colore di sfondo per la pagina: <body bgcolor=CODICE COLORE></body>
Per il testo sottolineato: <u></u>
Per il resto in corsivo: <i></i>
Testo barrato: <s></s>
Testo a sinistra: <div style="text-align:left;"></p>
Testo a destra: <p align="right"></p>
Testo al centro: <p align="center"></p> o <center></center>
Testo colorato: <font color=CODICE COLORE></font>
Font specifico per il testo: <font face="FONT SCELTO"></font>

E tanti altri che non sto a mettere senò non la finisco più :emoji_relieved: (questi sono quelli base)
 
Riferimento: Guida HTML! :emoji_slight_smile:

Altri codici che puoi mettere sono:

Per andare a capo: <br></br>
Per mettere un colore di sfondo per la pagina: <body bgcolor=CODICE COLORE></body>
Per il testo sottolineato: <u></u>
Per il resto in corsivo: <i></i>
Testo barrato: <s></s>
Testo a sinistra: <div style="text-align:left;"></p>
Testo a destra: <p align="right"></p>
Testo al centro: <p align="center"></p> o <center></center>
Testo colorato: <font color=CODICE COLORE></font>
Font specifico per il testo: <font face="FONT SCELTO"></font>

E tanti altri che non sto a mettere senò non la finisco più :emoji_relieved: (questi sono quelli base)
Lo sò però, io l'ho postato su guide habbo perchè questi codici che ho messo io servono per news iin holocms che ormai si fnno con html :emoji_slight_smile: