September 14
La creazione di una pagina in HTML non è difficile. Chiunque può farlo, a prescindere 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. Fino a quando si dispone di un editor di testo base, è possibile svolgere il compito. Qualunque sia lo scopo della vostra pagina, la struttura e le fasi generale sono in genere lo stesso. conoscenza di HTML di base sono utili per chiunque sia coinvolto con il Web.
1 Aprire un nuovo file in un editor di testo. È possibile utilizzare il Blocco note, Notepad ++ o qualsiasi altro editor di testo è stato installato. Salvare il file con l'estensione .html; per esempio, "index.html" è una home page del sito. Inserire il seguente schema:
<Html>
<Head>
</ Head>
<Body>
</ Body>
</ Html>
Questa è la struttura di base di ogni pagina HTML. Il contenuto di un documento HTML è contenuto all'interno di tag, noto anche come "elementi". Ogni elemento ha un tag di apertura, come in "<body>", e tag di chiusura, come in "</ body>." Il contenuto della pagina va tra i tag <body>.
2 Creare elementi HTML all'interno della vostra pagina. È possibile utilizzare un sacco di diversi tipi di elementi, che sono specificamente progettati per determinati tipi di contenuti, tra cui testo, immagini e dei media. Qui ci sono alcuni elementi di esempio:
<Div> Ecco una divisione <em> con una sezione sottolineato </ em> </ div>
<P> Ecco un paragrafo </ p>
È inoltre possibile includere testo in elenchi e tabelle se che soddisfa il vostro scopo.
3 Includi contenuto nella tua pagina. Dividere i vari pezzi di contenuto che si desidera visualizzare nella pagina in sezioni, e comprendono ciascuno all'interno di un elemento "div". Questo esempio mostra un'immagine e il testo:
<Div class = "imagesection"> <img alt = "immagine" /> </ div>
<Div class = "textsection"> Una sezione di testo </ div>
Gli attributi "classe" non sono essenziali, ma permettono di personalizzare l'aspetto delle sezioni HTML usando i CSS, o fogli di stile CSS.
4 Usare CSS per dettare l'aspetto del codice HTML. Nella sezione head della pagina, tra l'apertura e la chiusura <head>, includere un link a un foglio di stile:
<Link rel = "stylesheet" type = "text / css" href = "stylerules.css" />
Creare un nuovo file con un editor di testo e salvarlo come "stylerules.css" per abbinare il riferimento nella tua testa pagina. Inserisci il codice CSS per determinare in che modo il codice HTML appare quando vengono visualizzati in un browser Web:
body {width: 800px;}
.imagesection {width: 100%;}
.textsection {width: 80%; color: # FFFF00;}
Questo determina la larghezza e il colore degli elementi visualizzati, utilizzando "." seguito dal nome della classe dell'elemento di avere uno stile. dichiarazioni CSS possono stile HTML in molti modi, tra cui stile del testo, font, colori, layout e come gli elementi sono disposti uno rispetto all'altro.
5 Prova la tua pagina HTML. Si sia possibile aprire la pagina HTML nel browser Web da dove lo avete salvato sul vostro computer, oppure caricarlo, insieme con il vostro foglio di stile, a un server Web. Se si sta caricando la pagina, è necessario individuare la sua posizione digitando l'indirizzo nella barra degli indirizzi del browser. Metti alla prova la tua pagina per vedere se il contenuto appare correttamente e se è in stile nel modo desiderato.