Iniziare a creare un pagina web in HTML

**BylomSuper** · 16-10-2011, 14:06

Oggi vi mostrerò come iniziare a creare una pagina web in HTML. Inizieremo con le basi.

Per prima cosa aprite il blocco notes, e dopo averlo aperto scrivere il TAG

Codice HTML:

<HTML> </HTML>

Senza questo COMANDO nulla di quello che scriverete funzionerà. SCRIVETE IL RESTO DEI CODE DENTRO QUESTI TAG.

Bene, dopo di che scrivete il seguente TAG

Codice HTML:

<HEAD> <TITLE> Qui il vostro titolo </TITLE> </HEAD>

Questi due TAG servono ad inserire un nome alla pagina.

Adesso, inserite questo cose per iniziare a inserire immagini, link, testi o altro nella vostra pagina.

Codice HTML:

<BODY> </BODY>

Mirraccomando non scordate di inserirlo, è uno dei code più importanti!

Ora, scriviamo il titolo al centro della pagina. Io scriverò il TAG completo di HEAD, TITLE e BODY.

Codice HTML:

<HTML> <HEAD> <TITLE> Qui il vostro titolo </TITLE> </HEAD> <------------SPAZIO------------> <BODY> <CENTER> <font size="5"> Qui il vostro titolo </font> </CENTER> </BODY> </HTML>

Ecco, questo è solo l'inizio di come di possono modificare i caratteri

Adesso vi elenco un pò di CODE per i caratteri:

Codice HTML:

<font color=#000000></font>

Cambia il colore del testo. Viene usato il codice RGB esadecimale.

Codice HTML:

<I></I>

Formatta il testo in italic (corsivo)

Codice HTML:

<B></B>

Formatta il testo in grassetto.

Codice HTML:

<U></U>

Formatta il testo in sottolineato.

Codice HTML:

<H1></H1>...<H6></H6>

Serve a definire la dimensione dal carattere, che va da 1 a 6.

Codice HTML:

<BR>

Porta a capo il testo. Questo TAG non viene accoppiato.

Adesso impariamo ad inserire delle immagini, ecco i code:

Codice HTML:

<IMG SRC="immagine.gif">

L'immagine viene inserita nella pagina, oppure se volete potete decidere la posizione con quest'altro TAG

Codice HTML:

<IMG SRC="immagine.gif" ALIGN=top-bottom-middle>

TOP=Alto BOTTOM=Basso MIDDLE=Centro

Ora, inserirò questo CODE che a mio parere utilissimo.

Codice HTML:

<BODY BACKGROUND="immagine.gif"></BODY>

Questo TAG va inserito al posto di:

Codice HTML:

<BODY> </BODY>

Altro:

Codice HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

Per prima cosa inseriamo una riga che indica che stiamo utilizzando le specifiche del World Wide Web Consortium che riguardano il codice HTML.

Codice HTML:

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

Indica al browser che deve caricare il set di caratteri occidentale.

Bene, con questo ho concluso, spero di essere stato molto chiaro. Alla prossima.

Crediti: BylomSuper

**NikØx** · 16-10-2011, 21:59

Finalmente una bella guida, per persone alle prime armi ma buona! Bravo! Utilissima!

**Elia** · 17-10-2011, 15:34

Ciao giovane apprendista,

vorrei darti alcune dritte così da avere un quadro chiaro già alle prime lezioni, innanzitutto senza il tag <html> i codici HTML funzioneranno alla perfezione, quel tag serve se ad esempio in una pagina in .asp devi inserire delle stringhe di codice in HTML. Se la pagina ha già l'estenzione .html è inutile inserire nuovamente il tag di apertura e chiusura di identificazione del codice. Il tag body non è "indispensabile", senza di esso si possono comunque inseire immagini e testi anche se è estremamente consigliabile usarlo, lo spazio invece tra la chiusura del tag <head> e quella del tag <body> non è necessaria, il codice funzionerà alla perfezione anche senza quello spazio.
Per il resto và tutto bene, ti consiglio di studiarti i meta tag che sono realmente fondamentali nella realizzazione di un sito web.

Ci sentiamo @[Solo gli utenti registrati possono vedere i link. Clicca qui per registrarti..]

**BylomSuper** · 17-10-2011, 15:43

Originariamente Scritto da Elia

Ciao giovane apprendista,

vorrei darti alcune dritte così da avere un quadro chiaro già alle prime lezioni, innanzitutto senza il tag <html> i codici HTML funzioneranno alla perfezione, quel tag serve se ad esempio in una pagina in .asp devi inserire delle stringhe di codice in HTML. Se la pagina ha già l'estenzione .html è inutile inserire nuovamente il tag di apertura e chiusura di identificazione del codice. Il tag body non è "indispensabile", senza di esso si possono comunque inseire immagini e testi anche se è estremamente consigliabile usarlo, lo spazio invece tra la chiusura del tag <head> e quella del tag <body> non è necessaria, il codice funzionerà alla perfezione anche senza quello spazio.
Per il resto và tutto bene, ti consiglio di studiarti i meta tag che sono realmente fondamentali nella realizzazione di un sito web.

Ci sentiamo @[Solo gli utenti registrati possono vedere i link. Clicca qui per registrarti..]

Molte grazie dei consigli, come vedi sono agli inizi e mi servono consigli di esperti come te.

**Elia** · 17-10-2011, 15:59

Originariamente Scritto da BylomSuper

Molte grazie dei consigli, come vedi sono agli inizi e mi servono consigli di esperti come te.

:D Beh considerarmi esperto sarebbe un pò troppo, diciamo che conosco perfettamente le basi e un pò di advanced di esso.

**BylomSuper** · 17-10-2011, 16:41

Originariamente Scritto da Elia

:D Beh considerarmi esperto sarebbe un pò troppo, diciamo che conosco perfettamente le basi e un pò di advanced di esso.

Bhe, vabbene

Comunque di nuovo grazie.

**Mentalist** · 18-10-2011, 18:14

Semplice ed approfondita...good job.

**Darcklite** · 24-10-2011, 23:29

Bella guida!

**SkyDesign** · 25-10-2011, 13:55

Inserirsi i link e inserisci le variazione con le immagini ecc..

**giovanni256** · 25-10-2011, 14:50

Ottima guida !

Alla guida: 7 e mezzo/10

LinkBack

Strumenti Discussione

Ricerca Discussione

Visualizzazione

Iniziare a creare un pagina web in HTML

Permessi di Scrittura