Guida per un Codice HTML pulito

Per chi vuole imparare l'HTML o vuole semplicemente creare un codice pulito per le vostre fanfic basta consultare questa guida; comincio col dire alcune cose che già saprete, ossia tutti i tag sono compresi tra questi due simboli: <>, ogni tag aperto va poi chiuso e alcuni tag accettano delle opzioni da inserire all'interno dell'apertura del tag stesso... alcuni tag base:

<br> serve per andare a capo; non essendo un tag che si apre, non ha bisogno di essere chiuso
<b> mette il testo in grassetto; si chiude con: </b>
<i> mette il testo in corsivo; si chiude con: </i>
<u> sottolinea il testo; si chiude con: </u>
<strike> barra il testo; si chiude con: </strike>
<blink> il testo risulta lampeggiante; si chiude con </blink>

Modificato da syssy5 21/04/2006 1.26

Esempi:

tanti saluti

ciao ciao

importante

errato

cucu

[Modificato da syssy5 21/04/2006 1.10]

per agire su aree più ampie di testo:

<font> cambia il font del testo; esso va messo inserendo il campo: face= con il nome del carattere
Es.: <font face="Times New Roman">
può essere integrato con altre personalizzazioni tipo la grandezza: size=
Es.: <font size="3">
può specificare anche il colore: color=
Es.: <font color="red">
si chiude semplicemente con </font>

<p> agisce sul paragrafo e quando c'è non occorre inserire il tag <br>; può specificare l'allineamento del paragrafo: align=
Es.: <p align=justify> giustificato
<p align=right> allineamento a sinistra
<p align=left> allineamento a destra
<p align=center> allineamento al centro; può essere sostituito semplicemente con tag <center> (si chiude con </center>)
il paragrafo si chiude col tag </p>

<a> crea un link; va messo inserendo anche: href= per poi specificare l'url
Es.: <a href="http://www.egoio.net/efp/index.php>
va chiuso solo con </a>
Per i fanatici: avrete notato che con l'inserimento del link, la formattazione degli stessi risulterà diversa rispetto alle altre pagine; per evitarlo basta inserire all'interno del tag questa breve aggiunta: style="immagini/style9.css" type="text/css"... immediatamente, per la formattazione di quel link, si farà riferimento al foglio di stile corrispondente (e sfido io, con un sito medio-grande, a non usare un foglio di stile, quindi nella stra-grande maggioranza dei casi funzionerà); questa è una chicca che ho scovato personalmente per avere la giusta formattazione nei link

Esempio per il link: EFP (provatelo all'interno del sito e vedrete la differenza...)

altre chicche...

elenco puntato:
<ul> apre l'elenco
<li> definisce le singole voci
</ul> chiude l'elenco

elenco numerato:
<ol> apre l'elenco
<li> definisce le singole voci
</ol> chiude l'elenco

^{mette il testo come apice; si chiude con}
_{mette il testo come pedice; si chiude con}

Esempi:

• uno
  
• due
  
• tre
  

1. primo
   
2. secondo
   
3. terzo
   

questo testo è un ^apice
questo testo è un _pedice

se avete domande, richieste o qualche tag scovato da voi per rendere il tutto più semplice, scrivete qui...

Oh, che bello!
Mi sembri abbastanza ferrata per svelare un arcano su cui mi arrovello da un po'... senza trovare risposta.
Io ho l'abitudine di mettere i tag a mano, in genere i post li scrivo direttamente coi tag, senza poi aggiungerli a colpi di copia/incolla.
Abitudine che ho da quando posto sui forum e il mio office era privo di FP...
Ma bando alle ciance e veniamo alla domanda cruciale: qual è il tag per il maiuscoletto?!
Perchè ho anche cercato in alcune guide, ma non ho avuto affatto fortuna
Grazie in anticipo, qualunque sia la risposta

Serpedoro, non ho capito il tuo problema....
Sissy5, mi hai illuminata su un bel po' di cose.... Grazie per questo topic molto utile!!!!

Per quel che ne so, il maiuscoletto si può inserire esclusivamente tramite gli stili.
text-transform=uppercase
ma protrei sbagliarmi, sono secoli che uso le definizioni nel css e non nella pagina pura.

Per far diventare il testo maiuscolo devi scrivere ^^:

e chiudere con

Chiedo scusa ^^;. Il codice è questo:

<font style="text-transform:uppercase"> e chiudere con </font>

Posso dire una cosa, comunque?
Tutti i tag di font sono assolutamente inutili, e - peggio ancora - sono notevolmente pesanti, a meno che non impostiate il carattere un'unica volta all'inizio del documento, chiudendone poi il tag alla fine.
Mettere degli stili significa appesantire nuovamente il codice.
Credo che in una fanfic bastino tre tag:
P
BR
I
senza complicarsi inutilmente la vita e senza far perdere la vista al genere umano perché mettete il font sbagliato.

Beh, Maki, io sono la prima a non voler appesantire inutilmente il codice, ma se devi usare commenti o note a piè di pagina, è difficile fare a meno di una seconda dimensione di font. Io sto risolvendo usando un comando "FONT SIZE=3" all'inizio del testo vero e proprio, cioè dopo i commenti, e chiudendolo prima delle note a piè di pagina. Considera però che i testi di cui stiamo parlando sono poesie, quindi il font grande non dà fastidio.
Parlo di dimensione, perché in quanto al font vero e proprio, sono d'accordo con te.

Il maiuscoletto, Djali, è quel carattere che da le maiuscole leggermente “schiacciate”, rendendole più evidenti del carattere normale, ma meno “aggressive” rispetto alle maiuscole ordinarie.
Utile se vuoi dare enfasi a dialoghi dove i personaggi alzano la voce senza strafare troppo!

Grazie infinite Sabrina, ma quello che mi hai dato è il tag per la maiuscola normale.
Con l'opzione dell'anteprima, ho notato che non era ciò che intendevo io.
Sono tre annetti buoni che ho un piccolo vademecum sui tag e questo non riesco proprio a recuperarlo.
Comincio quasi a credere che non esista...
Ovviamente parlo per assurdo, deve esistere e io lo socverò prima o poi!

Per il resto, Makichan, personalmente reputo che la grafica, dopo la trama e l’uso corretto di sintassi, grammatica e punteggiatura, sia una parte un tantino fondamentale.
Sebbene sostanzialmente usi prettamente (inserendoli a mano, quindi usando il sistema più leggero) questi tag:
< font face="Times New Roman"size="3" >, che racchiude tutto il testo che posto, perchè non amo il verdana microscopico automatico;
< br > perché sono una fervente sostenitrice degli a capo;
< i > perché lo trovo vitale per evidenziare determinati termini e/o dialoghi e non potrei vivere senza!
Dicevo, nonostante usi quasi esclusivamente quei tag, in certi casi a seconda di ciò che devo scrivere, magari può servirmi un grassetto, un sottolineato, un maiuscoletto o, come diceva Reader, un carattere più grande.
Indubbiamente credo che tutti, visto quello che è accaduto, ci impegneremo per rendere il nostro spazio personale, ovviamente storie comprese, il meno pesante possibile, ma nel web non esiste solo EFP per postare storie e commenti, e avere la cognizione di più tag, non significa necessariamente utilizzarla all’estremo, rendendo una oneshot di cinque pagine pesante un mb, col paradosso di renderla anche illeggibile!
Sarebbe oltremodo controproducente, no?!

Comunque grazie ancora a tutte per avermi risposto!

[Modificato da Serpedoro 24/04/2006 17.33]

---

Scritto da: Serpedoro 24/04/2006 17.32
Per il resto, Makichan, personalmente reputo che la grafica, dopo la trama e l’uso corretto di sintassi, grammatica e punteggiatura, sia una parte un tantino fondamentale.

---

Ovvio, per questo sono contrarissima alle fanfic dai mille colori e all'uso allucinato del tag font, che spesso si rivela controproducente. Un conto è quando si usa un bel carattere leggibile, un altro è quando trovi fanfic in microscopico.

Comunque, nel css il codice che ti serve è font-variant: small-caps;
quindi sarà *p style="font-variant: small-caps;"*

Prova Prova

---

Grazie infinite Sabrina, ma quello che mi hai dato è il tag per la maiuscola normale.

---

Infatti mi era sorto un dubbio ;p. Comunque credo di poter affermare che un codice per il maiuscoletto non esista, dal momento che anche quando lo si ottiene con Word e poi si salva la pagina con l'estensione '*.htm/html', il programma converte il maiuscoletto in maiuscolo.

---

quindi sarà *p style="font-variant: small-caps;"*

---

No ;_;... io non posso crederci ;_;. Comincio a pensare che Word non sia veramente il massimo ^^;. Scusate, ho errato! E giuro che non perseverò u_u;.

Donc! Ho provato e...

funziona!!!

Grazie infinite Maki, sei grande!
Ora copierò e incollerò il magico tag nel mio piccolo vademecum!

Non te la prendere Sabrina "sbagliando" e continuando a tentare si impara!

Grazie ancora Maki, a te e a tutte quante!

Ciao Maki!
Potresti,per favore, spiegarmi come si inseriscono correttamente le immagini?
Ovvero:
le ho caricate su freeforumzone
ho provato a inserise il tag che dici nella tua guida
*img src="" width="" height="" border=""*
inserendo anche il dominio del freeforum,
ma niente!!
mi faresti un esempio per favore?
Grazie!