Come usare HTML e CCS

Come usare HTML e CCS


HTML (o Hyper Text Markup Language) è un linguaggio di Internet utilizzato per la creazione di pagine web. Un web designer deve essere esperto in HTML in modo da creare il layout della pagina web che lui o lei vuole apparire sullo schermo per gli spettatori. HTML può essere creato in un file di testo, ma ci sono molti programmi come Microsoft FrontPage che organizzerà il codice per voi. Un'altra lingua internet popolare è CSS, o Cascading Style Sheets. Se si dispone di una pagina web con diversi elementi, Cascading Style Sheets aiutare a mantenere la continuità del HTML sul vostro sito web, così come rendere più facile per voi per creare nuove pagine web in futuro.

istruzione

1 Aprire un documento di testo in Microsoft Word, Blocco note o qualsiasi altro editor di testo. Nome del file "index.html", se è il tuo primo sito web.

2 Tipo <HTML> nella parte superiore del documento. Questo inizierà il codice HTML.

3 Tipo <TITLE> e <TITLE /> tag successivo, dopo la <HTML>. Se vuoi che il tuo sito web per mostrare un documento nella barra blu sulla cima del browser, scrivere qualcosa tra i tag di titolo, ad esempio:. <TITLE> Questo è il mio primo sito web </ TITLE>

4 Decidere quale colore si desidera che il fondo del tuo sito web per essere. In HTML, ogni colore è associato un numero di sei cifre. Ad esempio, in HTML, il colore nero è conosciuto come "# 000000". Vedere la sezione Risorse di seguito per conoscere HTML codici di sfondo e come si possono usare per creare lo sfondo vuoi. Ad esempio, inserire il seguente codice <body bgcolor = "# 000000"> dopo che il </ TITLE> codice, e il vostro sito avrà uno sfondo nero.

5 Determinare quale colore del testo che si desidera utilizzare sul vostro sito web. Controllare la sezione Risorse di seguito per tagliare e incollare i codici di testo nel file di testo e personalizzarli. Assicurarsi di posizionare le selezioni di testo complessivi nella testa del documento HTML, subito dopo lo sfondo codice di colore. Ad esempio, <body bgcolor = testo "# 000000" = "# FFFFFF"> vi darà testo bianco su sfondo nero.

6 Utilizzare i codici separati per apportare modifiche temporanee di testo nel corpo (dopo l'ultima tag) del documento HTML utilizzando codici come <b> per il grassetto e <i> per il corsivo. Chiudere sempre il codice scrivendo </ b> o </ i> dopo il testo che si desidera modificare.

7 Scegliere dove si desidera immagini e link nel corpo del tuo sito web HTML. Per un'immagine, usare <img src = "http://www.your-website-name.com/name-of-picture.jpg"> per aggiungere la foto al tuo sito web. È possibile utilizzare i codici come <center> per mettere le immagini o testo al centro. Per collegare l'immagine, utilizzare <a href="http://www.your-link.com"> prima del codice di immagine e </a> dopo il codice dell'immagine. Assicurarsi di chiudere il codice di collocamento digitando </ center> dopo il testo o l'immagine selezionata.

8 Usare CSS se si vuole che il proprio sfondo e il testo rimanga costante per ogni pagina del sito si fanno. Invece di mettere codici HTML nella testa (in alto) della pagina, utilizzare i codici CSS. codici CSS sono difficili da scrivere e la sincronizzazione con il vostro sito web, ma le raccomandazioni del foglio di stile che sono stati fissati dal World Wide Web Consortium (W3C o) sono un buon punto di partenza. Il W3C ha creato uno stile sonda di carotaggio in cui è possibile personalizzare le scelte CSS on-line; il sito vi darà il codice, ed è possibile copiarlo nel corpo del tuo sito web. Per un principiante, questo è il modo migliore per utilizzare i CSS. Nucleo Stile Sampler del W3C può essere trovato nella sezione Risorse.

9 Concludete la pagina web utilizzando il tag </ HTML>. Questo significa che avete finito di usare HTML e CSS.

10 Salvare il file e caricarlo sul vostro server web. Se hai bisogno di un server, Google e Yahoo entrambi forniscono spazio web gratuito, a cui è possibile caricare la tua pagina web.

Consigli e avvertenze

  • HTML e CSS possono essere complicati-questo articolo è semplicemente un tutorial su come ottenere il vostro primo sito web iniziato.
  • Per i comandi più avanzati HTML e CSS, fare riferimento alle esercitazioni siti web di seguito o ottenere un libro su HTML e CSS.