![]() | ![]() |
|
|
Come creare una Html
Per creare una pagina html la prima cosa che bisogna fare è aprire un programma
editor di testi (es. il blocco note).Dopo aver fatto questo bisogna inserire
dei tag (le istruzioni).
I tag che devi inserire sono:
<html>
</html>
Questi tag danno inizio alla pagina, tutto ciò
che sarà fra di essi farà parte della pagina.
Il passo successivo è 252b12c inserire la "testa" in questo modo:
<html>
<head>
</head>
</html>
Adesso bisogna dare un titolo alla pagina:
<html>
<head> <title>
</head>
</html>
Ora che hai fatto tutto ciò non ti resta che inserire il "corpo" (quello che la pagina mostrerà):
<head><title>
</head>
<body>
</body>
</html>
Ora tra i tag body puoi scrivere quello che
vuoi.
Per vedere quello che hai scritto sottoforma di pagina web devi salvare la
pagina con un nome che deve finire con ".html" o ".htm"
(esempio: pagina.html ).
Nella pagina puoi fare molte modifiche come: ipostare un diverso colore allo
sfondo o alle parole, cambiare i caratteri delle lettere, inserire il grassetto
, inserire immagini e molte altre cose.
Cominciamo con l'impostare il colore di sfondo d'una pagina inserendo il tag
<bgcolor='black'>
(il nome del colore desiderato deve essere espresso in inglese):
<body bgcolor='black'>
</body>
In questo modo il colore di sfondo della pagina è nero, ma con questo colore non si riesce a legge quello che si scrive, quindi bisogna cambiare il colore delle parole:
<body bgcolor='black' color='yellow'>
</body>
Ora avrai una pagina con sfondo nero e parole gialle!
Se poi voi scrivere al centro della pagina devi utilizzare il tag <center> in questo modo:
<body>
<center>
titolo<br>
frasi ecc..
</center>
</body>
Il tag
<br> svolge la funzione di andare a capo d'una riga.
Per poter scriver in grassetto bisogna usare il tag <b> in questo
modo:
<body>
<b>grassetto</b>
</body>
Nello stesso modo si può scrivere in corsivo
con il tag <i> , e sottolineato con il tag <u>.
Adesso incominciamo ad usa il tag
<FONT> . Con questo tag si può scrivere a diverse grandezze in questo modo:
<body>
<font size=5>grandezze</font>
</body>
Se poi vuoi altre misure diverse dal 5, puoi
inserire numeri che vanno dall'1 al 7. Oltre alla grandezza si può cambiare
anche il colore e il tipo di carattere.
Per cambiare il colore bisogna inserire l'istruzione color e il colore nel tag
font.
Per cambiare il carattere bisogna inserire l'istruzione face e il nome del
carattere nel tag font (esempio <font
color='red' face='impact'> grandezze </font> ).
Ora dopo aver imparato l'uso del font impariamo a inserire le immagini nella
pagina inserendo all'interno del tag <img> il nome dell'immagine seguita dal tipo di
essa (es. immagine.jpg , .gif , .jpeg ecc..) prima di src= .
<body>
<img src="Nomefoto.gif">
</body>
In questo modo si inserisce un'immagine che è
nella stessa cartella dove è salvata la nostra pagina.
Se l'immagine si trova in una cartella di livello superiore a quella della
pagina bisogna digitare ../ prima del nome della foto e sempre così per ogni
livello superiore.
All'interno dello stesso tag <img> ,si
può impostare anche la larghezza e la lunghezza dell'immagine con i tag width e height (es. <img
src="foto.gif" width=80 height=125> ).
Adesso arriva l'ultima parte. come fare i link.
Un link è una parola o un'immagine che collega la nostra pagina ad un'altra pagina
mediante un semplice click.
Ora impariamo in che modo:
<body>
<a href="pagina2.html"> Pagina successiva </a>
</body>
Oppure con un'immagine:
<body>
<a href="pagina2.html"> <img src="Nomefoto.gif"> </a>
</body>
In questo modo la nostra pagina viene
collegata ad un'altra pagina che è salvata nella stessa cartella, se è al di
fuori il principio è lo stesso che con le immagini.
Oltre che con le pagine i collegamenti si possono fare anche con i siti internet
(es. href="https://www.sito.it/") e
con le e-mail (es. href="mailto=sito@libero.it").
Qui si chiude questo manuale,
spero di averti spiegato bene, quindi crea delle buone pagine html!!!
Privacy |
Articolo informazione
Commentare questo articolo:Non sei registratoDevi essere registrato per commentare ISCRIVITI |
Copiare il codice nella pagina web del tuo sito. |
Copyright InfTub.com 2025