Come impostare una pagina Web con HTML5

Che tu sia un designer web-page esperto o non tanto, si può costruire facilmente una pagina di base HTML5. Basta aprire un qualsiasi editor di testo e aggiungere il seguente codice:

<! DOCTYPE HTML>
<Html lang = "it">
<Head>
<! - Basic.html ->
<Title> basic.html </ title>
<Meta charset = "UTF-8" />
</ Head>
<Body>
<h1> Level One Motto </ h1>
<P>
Questo è un paragrafo.
Si noti che il testo è avvolto automaticamente.
</ P>

</ Body>
</ Html>

Questo codice crea questa pagina:

Come impostare una pagina Web con HTML5

Per costruire una pagina di base HTML5, attenersi alla seguente procedura:

  1. Inizia con il doctype.

    Impostare il doctype di HTML5 con questo tag: <! DOCTYPE HTML> sulla prima riga del tuo sito web. Se si lascia questo fuori, sarà ancora probabilmente in grado di utilizzare le funzionalità di HTML5, ma validatori dovrà indovinare se si sta utilizzando XHTML o HTML5. (Consultare qualsiasi numero di film di fantascienza per vedere cosa succede quando i computer fanno congetture circa le cose.)
  2. Aggiungere il tag <html> e specificare la lingua.

    Questo tag speciale indica l'inizio di una pagina web. E 'meglio per indicare la lingua della pagina è scritta in. Specificare lang = "it" per l'inglese.

    Assicuratevi di avere un corrispondente </ html> tag nella parte inferiore della pagina per indicare la fine della pagina si è iniziato con il tag <html> all'inizio della pagina.

  3. Creare un <head>.

    La testa è come il vano motore di un'automobile. La gente di solito non ci vanno, ma c'è un sacco di macchine importanti. La testa è vuota in questo semplice esempio, ma si riempirà con JavaScript e CSS bontà abbastanza presto.
  4. Specificare il set di caratteri.

    E 'considerata buona forma per consentire al navigatore sapere che tipo di caratteri da utilizzare per la visualizzazione di pagina. Pagine scritte in inglese dovrebbero generalmente utilizzare UTF-8, in modo da indicare questo con: <meta charset = "UTF-8" />.
  5. Di rientrare il codice.

    Anche se i browser non importa se si rientra, se lo si fa ogni volta che si apre un nuovo elemento che non è chiuso sulla stessa linea, è possibile allineare il vostro inizio e la fine tag per garantire che la pagina è ben formato e che Non hai manca qualsiasi tag che termina.
  6. Aggiungi un commento.

    I commenti non sono strettamente necessari, ma sono molto buona forma. Commenti HTML iniziano con <! - E terminano con →. I commenti possono durare su più righe.
  7. Mettere in un titolo con <title> </ title>.

    Il titolo appare in genere nella barra del titolo del browser web, e anche spesso appaiono nei risultati dei motori di ricerca per la tua pagina.
  8. Includere il grosso della pagina nei tag <body>.

    Se l'area della testa è il vano motore, il corpo è l'abitacolo. La maggior parte del testo visibile sul sito web è parte del corpo. Il </ body> tag è di solito a destra prima del </ html> tag, come avrete tipicamente finire il corpo e poi chiudere le HTML.
  9. Utilizzare voce tag per descrivere il tuo profilo.

    Tag Denominazione tutti iniziano con h seguita da un numero che indica la forza della rubrica - <h1> per esempio. Tutti i vostri temi principali dovrebbero essere indicate con livello-uno rubriche. Argomenti dovrebbero essere voci di due livello (<h2>). I livelli di intestazione vanno fino a h6, ma è insolito per usare qualcosa di più piccolo di livello 3.
  10. Posizionare la maggior parte del testo in paragrafi.

    Mettere ogni paragrafo all'interno di un <p> </ p> pair. Sebbene HTML non richiede l'uso di tag di paragrafo, lo rendono molto più facile gestire l'aspetto e il comportamento del testo in seguito.
  11. Salvare il file con estensione .html.

    È quindi possibile caricare il file in un browser per vedere come appare.

Alcuni elementi (in particolare le rubriche) tendono ad avere un particolare stile visivo. Gli stili di default ci sono solo come linee guida. Evitare la tentazione di raccogliere voci in base al loro aspetto.