HyperText Markup Language, più comunemente conosciuto come HTML, è un linguaggio di programmazione che consiste di comandi che raccontano un browser Internet che cosa fare. Questi comandi, chiamati tag, possono essere modificati per soddisfare i desideri del programmatore. Tre tag comunemente modificati sono quelli che hanno a che fare con immagini, testo e collegamenti ipertestuali. Tutti questi iniziano con un tag di base (o blocco di testo) e vengono quindi espanse.

istruzione

tag immagine

1 Inizia con il tag immagine base di <IMG SRC = "http://www.example.com/image.jpg">. Questo tag posiziona l'immagine designata su una pagina Web.

2 Impostare l'altezza e la larghezza dell'immagine in pixel aggiungendo la seguente:

<IMG SRC = "http://www.example.com/image.jpg" height = WIDTH "xx" = "xx">

Sostituto per il "xx" per inserire le dimensioni desiderate per la vostra immagine. Questo può essere usato per creare versioni più piccole o più grandi senza caricare più copie di una foto.

3 Aggiungere un bordo alla foto con il seguente:

<IMG SRC = BORDO "http://www.example.com/image.jpg" = "3">

In questo caso, apparirà un bordo di 3 pixel intorno all'immagine. La larghezza del bordo può essere impostato per quello che vuoi.

4 Aggiungere testo alternativo a un'immagine con il codice:

<IMG SRC = "http://www.example.com/image.jpg" alt = "testo alternativo">.

Se il cursore si svolge sopra l'immagine, le parole "testo alternativo" apparirà. Questo comando viene spesso usato per descrivere l'immagine, come il testo appare anche se l'immagine non riesce a caricare.

Testo

5 Digitare un blocco di testo nel documento HTML.

6 Luogo <STRONG> di fronte al testo e </ STRONG> dietro di esso per rendere il testo in grassetto.

7 Rendere il testo in corsivo con <em> e </ em> tag.

8 Utilizzare i tag <font face = "xx"> intorno al testo </ FONT> per la produzione di uno dei diversi tipi di carattere comuni utilizzati dalla maggior parte dei browser. Le opzioni disponibili sono Ariel, Comic Sans, Courier, Impatto, Times New Roman e Verdana.

9 Circondare il testo con i tag <FONT size = "x"> e </ FONT> per impostare la dimensione del testo. Si può andare da 1 (il più piccolo) a 7 (il più grande).

10 Cambiare il colore del testo con i tag <font color = "# 000000"> e </ FONT>. Questo utilizza un codice esadecimale, che è un numero di sei cifre che rappresenta un colore. Le centinaia di colori sono possibili con i codici esadecimali.

Si può anche semplicemente digitare il nome di un colore al posto del codice esadecimale, ma le opzioni sarà molto più limitato.

Collegamenti ipertestuali

11 Digitare il seguente codice di base per un collegamento ipertestuale:

<A HREF="Click"> http://www.example.com "> Clicca qui </A>

12 Collega ad una specifica area di una pagina inserendo un'ancora all'inizio di tale sezione. Per esempio:

Sezione <A NAME="3"> 3 </A>

Modificare il testo del collegamento ipertestuale nel modo seguente:

<A HREF="Click"> http: //www.example.com#3 "> Clicca qui </A>

13 Aprire un link in una nuova pagina aggiungendo il seguente codice:

<A HREF="http://www.example.com" TARGET="_blank"> Clicca qui </A>

Ciò consente di fornire collegamenti via dalla tua pagina, mantenendo la pagina aperta.

Consigli e avvertenze

• vengono utilizzate lettere maiuscole differenziazione negli esempi. HTML non è case-sensitive.