Concetti Chiave
- Utilizzare un editor di testo semplice come il Blocco Note o un editor HTML per creare e gestire file HTML.
- Strutturare un documento HTML con i tag principali: , per meta tag e per il contenuto visibile.
- I tag HTML di base includono quelli per il testo, come per grassetto e per corsivo, con possibilità di colorare e cambiare font.
- Modificare lo stile generale della pagina con attributi nel tag , inclusi colore del testo e immagine di sfondo.
- Creare liste ordinate e non ordinate utilizzando rispettivamente i tag
- e
- per gli elementi della lista.
- , con
Editor HTML:
Per una miglior gestione dell'html io consiglio di utilizzare il blocco note di windows o anche un html editor qualsiasi reperibile da internet.
Nel caso del blocco note è buona norma creare una directory (cartella) per il nostro progetto e aprire una nuova nota dove scriveremo il nostro codice. Da qui salveremo 2 tipi di file: per prima uno file con estensione .txt e in secondo luogo un file con estensione .htm o .html per leggere su browser il nostro progetto come se lo stessimo visualizzando una pagina web.
Nomenclatura:
Dovete sapere solo una cosa, questo è un tag:
<p>
Struttura:
La prima cosa da imparare è come strutturare un progetto.
Innanzi tutto si parte dal tag che andrà appunto a dire al nostro browser che noi stiamo utilizzando l'html.
Da qui il codice sarà diviso in due: il primo è l'
Nell'head si andranno ad inserire i meta tag che su fc non ci servono, quindi vi risparmio la spiegazione.
Nel body viene scritto il codice vero e proprio.
Quindi la struttura di una pagina standard è questa:
<html>
<head>
<title>Ciao Mondo</title>
</head>
<body>
<p>Ciao Mondo</p>
</body>
<html>
Vari TAG:
I tag più semplici sono quelli per modificare lo stile del testo, quindi andiamoli a vedere:
<b></b>GRASSETTO
<i></i>CORSIVO
SOTTOLINEATO
[sup][/sup]IN APICE
<sub></sub>IN PEDICE
<strike></strike>BARRATO
Il testo però alle volte necessita di essere colorato o altro quindi ecco il tag più generale per modificare UNA PARTE di testo.
Da cui saranno dovuti aggiungere dei tag all'interno dello stesso, quindi:
<font color="blue" face="arial" size="3">Ciao Mondo</font>
Qui avrò un Ciao Mondo scritto in arial, colorato in blu e con dimensioni di 3 pixel.
I colori possono essere comunque reperiti tramite dei codici (es. #FFFFF) scritti in tabelle di colori su internet (sarebbe impossibile impararli tutti a memoria).
Per modificare TUTTO il testo della pagina, bisogna andare ad inserire degli ulteriori tag all'interno del
, quindi<html>Dove bgcolor è il colore di background. In alternativa, per inserire un'immagine di sfondo, si può usare questo:
<head></head>
<body face="arial" color="red" size="7" bgcolor="orange">
</body>
</html>
<body background="nomeimmagine.jpg"Dove nomeimmagine.jpg può essere sostituito da un link dell'immagine stessa, se il progetto dovesse essere mandato online (altrimenti l'immagine deve stare nella stessa directory del nostro progetto).
Analogamente, per inserire un'immagine dove vogliamo, possiamo usare questo:
<img src="nomeimmagine.gif" width="300" height="200">Dove width ed height servono a decidere di che grandezza la nostra immagine verrà visualizzata. Qui non ci serve un tag di chiusura.
Per creare una lista possiamo usare due metodi:
Il primo è per una lista numerata, quindi avremo
<b>Triangolo amoroso HG:</b>Mentre sostituendo al tag
<ol>
<li>
<font color="red">Katniss</font>
</li>
<li>
<font color="orange">Peeta</font>
</li>
<li>
<font color="yellow">Gale</font>
</li>
</ol>
- , il tag
- avremo una lista a puntini.
Per delimitare un paragrafo utilizzeremo il tag
<p></p>.Per andare a capo useremo il tag "br" che non ha tag di chiusura.
<br>
Domande da interrogazione
- Qual è il modo consigliato per gestire l'HTML?
- Come si struttura una pagina HTML standard?
- Quali sono i tag HTML per modificare lo stile del testo?
- Come si inserisce un'immagine di sfondo in una pagina HTML?
Si consiglia di utilizzare il blocco note di Windows o un qualsiasi editor HTML reperibile su internet, creando una directory per il progetto e salvando i file con estensioni .txt e .html.
Una pagina HTML standard è strutturata con i tag <html>, <head> per i meta tag, e <body> per il codice principale, includendo un titolo e contenuti come paragrafi.
I tag per modificare lo stile del testo includono <b> per il grassetto, <i> per il corsivo, <sup> per l'apice, <sub> per il pedice, e <strike> per il barrato.
Per inserire un'immagine di sfondo, si utilizza il tag <body background="nomeimmagine.jpg">, sostituendo "nomeimmagine.jpg" con il nome o il link dell'immagine.
Accedi a tutti gli appunti
Tutor AI: studia meglio e in meno tempo
