Creazione di una pagina in HTML non è difficile. Chiunque può farlo, indipendentemente dall'esperienza tecnica. È possibile creare una pagina HTML rapidamente e facilmente, compreso qualsiasi contenuto che ti piace. Non è necessario alcun software particolare per creare una pagina HTML. Finché si dispone di un editor di testo di base, può svolgere il compito. Qualunque sia lo scopo della tua pagina, struttura complessiva e passaggi coinvolti sono in genere gli stessi. Competenze di base HTML sono utili per chiunque sia coinvolto con il Web.
Istruzioni
1
Aprire un nuovo file in un editor di testo. È possibile utilizzare blocco note, Notepad + + o qualsiasi altro programma di editor di testo che è stato installato. Salvare il file con l'estensione. html; ad esempio, "index. html" è una Home page del sito. Immettere il seguente schema:
< html >
< head >
< / head >
< corpo >
< / body >
< / html >
Questa è la struttura di base di qualsiasi pagina HTML. Il contenuto di un documento HTML è contenuto all'interno dei tag, noto anche come "elementi". Ogni elemento ha un tag di apertura, come in "< body >," e il tag di chiusura, come in "< / body >." Il contenuto della tua pagina va tra i tag < body >.
2
Creare elementi HTML all'interno della pagina. È possibile utilizzare un sacco di tipi differenti, che sono specificamente progettati per determinati tipi di contenuti, inclusi testi, immagini e media. Qui ci sono alcuni elementi di esempio:
< div > qui è una divisione < em > con una sezione ha sottolineata < /em >< / div >
< p > qui è un paragrafo </p >
È inoltre possibile includere testo in elenchi e tabelle in se che si adatta alle proprie esigenze.
3
Includere contenuti nella pagina. Dividere i vari pezzi di contenuto che si desidera visualizzare sulla tua pagina in sezioni e includere ognuno all'interno di un elemento "div". Questo esempio mostra un'immagine e testo:
< div class = "imagesection" >< img alt = "immagine" / >< / div >
< div class = "textsection" > una sezione di testo < / div >
Gli attributi di "classe" non sono essenziali, ma essi consentono di personalizzare l'aspetto dei tuoi sezioni HTML usando i CSS o fogli di stile CSS.
4
Utilizzare CSS per dettare l'aspetto del codice HTML. Nella sezione head della tua pagina, tra i tag < head > di chiusura, apertura e includere un collegamento a un foglio di stile:
< link rel = "stylesheet" type = "text/css" href="stylerules.css" / >
Creare un nuovo file nel testo dell'editor e salvarlo come "stylerules.css" per abbinare il riferimento nella tua testa di pagina. Inserire il codice CSS per determinare come codice HTML viene visualizzato quando viene visualizzato in un browser Web:
corpo {larghezza: 800px;}
.imagesection {width: 100%;}
.textsection {width: 80%; color: #FFFF00;}
Questo determina la larghezza e il colore degli elementi visualizzati, utilizzando "." seguita dal nome della classe dell'elemento da essere applicato lo stile. Le dichiarazioni CSS è possono applicare uno stile HTML in molti modi, tra cui lo stile del testo, font, colori, layout e come gli elementi sono disposti uno rispetto a altro.
5
Verificare la pagina HTML. Si può aprire la pagina HTML nel browser Web da dove lo avete salvato sul vostro computer oppure caricarlo, insieme al foglio di stile, a un server Web. Se si sta caricando la pagina, è necessario per selezionare la posizione immettendo l'indirizzo nella barra di indirizzo del browser. Verificare la pagina per vedere se il contenuto viene visualizzato correttamente e se è in stile nel modo desiderato.
Consigli & Avvertenze
- Utilizzando un editor di testo che evidenzia il codice HTML, ad esempio Notepad + +, rende più facile lo sviluppo di pagine HTML.
- Resistere alla tentazione di utilizzare il contenuto HTML senza convalidarlo prima. È possibile convalidare il codice HTML utilizzando servizi online gratuiti, come il servizio di validazione W3C o Web Design gruppo HTML Validator. Eventuali errori individuati di fissaggio rende pagine più coerente tra i vari browser.