[HTML x TUTTI]: Lezione 0 – TAG di base

html

Se sei un web design esperto o se cerchi un corso per creare siti web allora non continuare a leggere questo post, non fa per te. Questo mini-corso serve per apprendere le basi del codice html per integrare nel proprio blog alcuni widget fatti a mano.

WordPress mette a disposizione un widget molto potente (almeno secondo me), si chiama TESTO il quale permette di inserire codice html per aggiungere quello che vuoi. In questo mini-corso andiamo a vedere le basi per poter inserire senza troppi problemi il vostro widget preferito.

TAG OBBLIGATORI

Il linguaggio html è formato da TAG che servono per definire la struttura di una pagina, alcuni sono obbligatori (senza non abbiamo la struttura) altri invece sono facoltativi. Oggi andiamo a vedere quelli obbligatori.

  • <html> .. </html>
    Quando si inizia a scrivere del codice html per creare una pagina web il primo TAG che dobbiamo inserire è ad inizio pagina, <html>, a fine pagina, </html>, questi due TAG delimitano la zona entro il quale verrà scritto il codice html per generare una pagina web.  Senza questi due tag quello che scriverete non verrà interpretato come codice html e di conseguenza non verrà creata nessuna pagina web.
  • <head>..</head>
    Questo tag, detto anche tag di intestazione,  racchiude parecchie informazioni riguardanti il sito web. L’informazioni che può contenere sono il TITOLO (vedremo nel prossimo punto),  METATAG per i motori di ricerca (vedremo nelle prossime lezioni) e alcuni JAVASCRIPT.

 

  • <title>..</title>
    Questo tag serve per inserire il titolo del vostro sito web, la struttura è la seguente: <title>Il mio primo sito web</title>. La scritta, Il mio primo sito web, apparirà nella barra in alto del vostro browser.
  • <body>..</body> Questo tag definisce il corpo del vostro sito web dentro il quale potrete scrivere il contenuto, inserire foto o altri TAG.

 

La cosa importante è ricordarsi sempre di chiudere il tag che abbiamo aperto: <body>…</body>, <title>……</title> e così via. Se abbiamo tag indentati dobbiamo fare attenzione a come si chiudono, ad esempio: <body><h2>…..</h2></body>. Come notate l’ordine di chiusura segue l’ordine di apertura.

LA PRIMA PAGINA WEB

<html>

<head>

<title>Il mio primo sito web</title>

</head>

<body>

Questo è il mio primo sito web, che bello!!

</body>

</html>

Questo codice rappresenta la vostra prima pagina web.

CONCLUSIONI

La prima lezione termina qui, se avete domande potete lasciarle nei commenti sotto questo articolo. La prossima lezione verrà pubblicata il 16 dicembre 2013.

Ad maiora

Messo il tag:, , , , , , , , ,

7 thoughts on “[HTML x TUTTI]: Lezione 0 – TAG di base

  1. Marco Stizioli 9 dicembre 2013 alle 0:21 Reply

    Ma la dichirazione della lingua UTF8 non è obbligatorio metterla?

    Mi piace

    • toxnetlab 9 dicembre 2013 alle 9:43 Reply

      Ciao,
      è consigliata metterla però queste mini-lezioni non sono per creare siti web ma per i widget di wordpress. Quindi molti tag e regole non servono.

      Questi tag, essendo quelli obbligatori, mi sembrava giusto inserirli ma non verranno mai usati per i widget di wordpress. Nelle prossime lezioni (se vedo che c’è interesse) andremmo ad analizzare il codice più in dettaglio per i widget.

      Mi piace

  2. deermoonsky 9 dicembre 2013 alle 14:28 Reply

    Bel articolo e video!🙂

    Mi piace

    • toxnetlab 9 dicembre 2013 alle 14:29 Reply

      grazie, se c’è interesse proseguirò con queste mini-guide, la prossima sarà più html per wordpress

      Mi piace

Lascia un commento

Inserisci i tuoi dati qui sotto o clicca su un'icona per effettuare l'accesso:

Logo WordPress.com

Stai commentando usando il tuo account WordPress.com. Chiudi sessione / Modifica )

Foto Twitter

Stai commentando usando il tuo account Twitter. Chiudi sessione / Modifica )

Foto di Facebook

Stai commentando usando il tuo account Facebook. Chiudi sessione / Modifica )

Google+ photo

Stai commentando usando il tuo account Google+. Chiudi sessione / Modifica )

Connessione a %s...

%d blogger cliccano Mi Piace per questo: