Nozioni di base di HTML e web design

Tutti i documenti HTML contengono i seguenti elementi, che definiscono la struttura complessiva del documento:

 Il titolo va qui  Il corpo del documento va qui.

Come mostra il precedente esempio, i tag HTML sono generalmente utilizzati in coppia che racchiudono porzioni del documento. Il tag di inizio, come , Segna l'inizio di una formattazione specifica per quella sezione, il tag di chiusura, come , Include uno slash prima del nome del tag e segnali la fine della formattazione per quella sezione. Ecco una spiegazione per ognuno di questi tag:

--: Questo tag deve apparire sempre come la prima cosa in un documento HTML. Essa dice al browser che il file è un file HTML.

-- e : Questi tag racchiudere la sezione del documento denominato header, che contiene le informazioni che si applica a tutto il documento.

-- </ html> </strong><strong>e </strong><strong>: Questi tag allegare il titolo del documento. Qualsiasi testo che appare al loro interno viene utilizzato come titolo per il documento HTML. Questo è anche il testo che appare nella barra del titolo del browser.

-- e : Questi tag segnano l'inizio e la fine della parte del documento che il browser visualizza quando un utente visualizza la pagina. Un sacco di cose rientra in genere tra questi tag.

--: Questo tag è sempre l'ultimo tag nel documento.

Specificando Font Impostazioni

Nei primi giorni del Web, l'HTML non ha fornito un metodo che ha permesso di controllare con precisione l'aspetto di tipo sulle tue pagine web. Ora, però, HTML offre diversi metodi per il controllo di tipo. HTML ha due tag che consentono di controllare le impostazioni di carattere: e. Il tag permette di controllare le impostazioni dei caratteri per un blocco individuale di testo, considerando che il tag definisce il carattere predefinito utilizzato per un intero documento. Entrambi questi tag sono immediatamente seguite da uno o più attributi, che forniscono informazioni specifiche per il tag. Qui ci sono gli attributi più importanti e tag:

- FACE: Imposta il tipo di carattere. - SIZE: Dà la dimensione del testo su una scala da 1 a 7, dove 7 è la più grande e 1 è il più piccolo. La dimensione predefinita è 3. - COLORE: Imposta il colore del testo. Ecco un frammento di codice HTML che definisce il tipo di carattere, la dimensione e il colore utilizzato per il testo:

Questo testo è l'organo normale usando il font impostato con il tag BASEFONT.

Questa è una rubrica

Dopo il titolo, il testo ripristina l'impostazione BASEFONT.

Quando si vuole imporre una linea per abbattere alla riga successiva, è possibile inserire il punto (

) Tag a quel punto. Il

tag inserisce anche una riga vuota di spazio prima che la nuova linea di testo inizia. Se non si desidera aggiungere la riga vuota, è possibile utilizzare il
tag. Questo tag forze anche una interruzione di linea, ma non inserire alcun spazio. Né la

né il tag
tag richiede un tag di chiusura.

Entrando Rubriche

Non riempire le pagine Web con un flusso costante di testo senza interruzioni. Invece, voci e utilizzare punti per organizzare il contenuto di ogni pagina. La voce HTML tags rendono facile il lavoro di creazione di voci che rompono il testo in parti gestibili. È possibile utilizzare fino a sei livelli di titoli sulle vostre pagine Web utilizzando i tag HTML

,

, E così via

. Il seguente frammento di codice HTML mostra tutti i sei stili di titolo in uso:

Questa è una rubrica 1

Questa è una rubrica 2

Questa è una rubrica 3

Questa è una rubrica 4

Questa è una rubrica 5

Questa è una rubrica 6

Questo è un paragrafo di testo normale.

La formattazione del testo

Le sottosezioni seguenti mostrano come inserire comandi di formattazione che l'allineamento di controllo e consentono di aggiungere in grassetto, il corsivo e di colore per i documenti HTML.

Allineamento

HTML non ti dà molte opzioni per l'allineamento del testo. Per impostazione predefinita, il testo è allineato a sinistra sulla pagina. Ma è possibile utilizzare il

tag per specificare il testo deve essere centrato, come in questo esempio:

 Questo testo è centrato.

Bold

È possibile utilizzare il tag per formattare il testo in grassetto. Aggiungi un tag immediatamente prima del testo che si desidera visualizzare in grassetto. Poi girare il grassetto off con l'aggiunta del tag di chiusura, come mostrato nell'esempio seguente:

Questo è un testo in grassetto.

Essere avaro nel suo uso dei tag. Uso occasionale di grassetto è okay, ma se l'uso eccessivo di formattazione in grassetto, il testo diventa difficile da leggere.

Corsivo

È possibile utilizzare il tag per formattare il testo in corsivo. Aggiungi un tag immediatamente prima del testo che si desidera visualizzare in corsivo. Poi girare il corsivo off con l'aggiunta del tag di chiusura, come mostrato nell'esempio seguente:

Questo è un testo in corsivo.

Uso occasionale di corsivo è okay, ma cercate di non esagerare.

Colore

È possibile specificare i colori in vari tag HTML. Per esempio, ha un attributo BGCOLOR che consente di specificare il colore di sfondo per la tua pagina. L'attributo del colore in un tag il colore del testo. HTML standard definisce 14 nomi di colori che è possibile utilizzare per impostare un colore predefinito: Black, Silver, grigio, bianco, marrone, viola, fucsia, verde, verde limone, OLIVE, giallo, blu scuro, verde militare, e Aqua. Il modo più semplice per impostare il colore è quello di utilizzare uno di questi nomi di colori. Ad esempio, per creare un testo giallo, si potrebbe usare un tag come questo:

Questo testo è di colore giallo.

Creazione di liste

Usando HTML, è possibile creare due tipi di base di elenchi per la vostra pagina web.

--Elenchi puntati: Più formalmente conosciuto come liste non ordinate. In un elenco puntato, un carattere di punto (in genere un punto), segna ogni elemento della lista.

--Gli elenchi numerati: Più formalmente conosciuto come liste ordinate. Un numero di marchi di ogni elemento in un elenco numerato. Il browser web si prende cura di capire che il numero da utilizzare per ogni elemento della lista.

Elenchi puntati

Un elenco puntato, o non ordinata, lista ha bisogno di questi tre tag: --  segna l'inizio della lista non ordinata. --  segna l'inizio di ogni voce dell'elenco. Non corrispondenti 
 tag è necessario. -- 
 segna la fine del l'intero elenco. Ecco un frammento di codice HTML, che istituisce un elenco puntato:  Gli abitanti di Oz 
 The Scarecrow 
 L'uomo di latta 
 Il Leone Codardo 
 Munchkin 
 The Wizard 
 La Perfida Strega dell'Ovest 
 Glenda

Elenchi numerati A numerati, o ordinate, elenco necessita di questi tre tags:

--  segna l'inizio della lista ordinata. --  segna l'inizio di ogni voce dell'elenco. Non corrispondenti 
 tag è necessario. -- 
 segna la fine del l'intero elenco. Ecco un frammento di codice HTML che crea un elenco numerato:  Passi per ordinare una pizza 
 Pick up phone 
 Comporre il numero 
 Ordina 
 Hang up phone

Inserimento di Norme orizzontali

Norme orizzontali sono linee orizzontali che si possono aggiungere per creare pause visive sulle vostre pagine web. Per aggiungere una regola a una pagina, si utilizza il

tag (tag di chiusura non è richiesto). È possibile controllare l'altezza, la larghezza e l'allineamento della norma da parte utilizzando la dimensione, la larghezza e gli attributi ALIGN. Ad esempio:

In questo esempio, la regola è la metà della larghezza della pagina, sei pixel in altezza, e al centro della pagina. Molti Web designer preferiscono utilizzare le immagini grafiche piuttosto che la

tag per creare norme orizzontali. Perché diversi browser Web visualizzare la

tag in modo diverso, usando un'immagine per una regola consente di controllare con precisione come la regola appare sullo schermo. Per usare una regola di immagine, attenersi alla seguente procedura:

1. Tipo di una regola di immagine () Tag in cui verrebbe normalmente utilizza un

tag per creare una linea orizzontale:

2. Per la fonte (SRC) Attribuiscono ai , tag digitare il nome diil file di grafica che contiene la regola d'immagine che si desidera utilizzare:

3. Aggiungere un LARGHEZZA attributo che specifica il numero di pixel che si desidera che ilregola per calibrazione o una percentuale della larghezza dello schermo:

4. Inserire un
tag immediatamente dopo la regola per forzare una interruzione di linea,in questo modo:

un articolo presentato da Justine Mccain

Disclaimer:Il nostro sito non è responsabile per il contenuto di questo articolo. Webarticles è una risorsa gratuita di informazioni.
Importante: Questo articolo "Nozioni di base di HTML e web design" è stato tradotto da un software automatico. Ci dispiace per eventuali errori di ortografia che possono essersi verificati. Grazie per la vostra comprensione.