Come formattare i siti web



di

Un sito web efficace deve trasmettere contenuti ai suoi lettori attraverso una formattazione accattivante. Una formattazione inadeguata può rendere un sito Web poco attraente o addirittura illeggibile. Con l'Hypertext Markup Language (HTML), puoi controllare la formattazione di un sito web in modo che appaia esattamente come desideri. Inoltre, Cascading Style Sheets (CSS) ti consente di formattare un sito web utilizzando un foglio di stile esterno. Questa tecnica è utile se desideri applicare lo stesso stile a più pagine del tuo sito.

Formattazione HTML

1

Crea tabelle per posizionare i vari elementi della tua pagina Web. Usa un tag per iniziare la tabella stessa. Utilizza un tag per iniziare una riga della tabella e un file

tag per creare una cella di dati della tabella all'interno della riga. Le celle di dati di una tabella possono generalmente essere pensate come le colonne di una tabella. Per posizionare adeguatamente i tuoi elementi, sperimenta i parametri di altezza, larghezza, riempimento e spaziatura delle singole righe e celle di dati.

2

Aggiungi effetti di testo e stile dei caratteri all'interno dei tag per gli elementi che contengono il testo. Ad esempio, se desideri formattare il testo all'interno di un elemento di paragrafo:

Ciò renderebbe il contenuto del paragrafo nel carattere Comic Sans.

3

Aggiungi uno sfondo all'intero sito web nel tag, utilizzando l'attributo bgcolor. Per esempio:

Questo rende lo sfondo dell'intera pagina in un colore rosa.

CSS e fogli di stile esterni

1

Apri un nuovo documento di testo in Blocco note.

2

Formatta ogni elemento all'interno del tuo nuovo documento. Usa il tag dell'elemento seguito da una parentesi aperta per introdurre gli stili per quell'elemento. Per esempio:

p {

famiglia di caratteri: "comic sans ms";

background-color :: # CC3366;

}

Ogni paragrafo nel tuo documento HTML avrà il carattere Comic Sans e avrà uno sfondo rosa.

3

Usa un ID o una classe se desideri introdurre stili che verranno utilizzati su più tipi diversi di elementi o in singoli casi. Un ID può essere utilizzato una sola volta ed è introdotto dal simbolo "#". Una classe può essere utilizzata più volte ed è indicata con "." simbolo. Per esempio:

.comicrose {

famiglia di caratteri: "comic sans ms";

background-color :: # CC3366;

}

Questa classe ti consente di modellare un elemento con Comic Sans e uno sfondo rosa ovunque tu chiami la sua classe. Ad esempio, nel codice HTML della tua pagina,

stili un paragrafo come descritto.

4

Collegamento a un foglio di stile esterno nella sezione del codice HTML. Per esempio:

.

Questo si collega a un foglio di stile esterno chiamato pagestyles.css.