Concetti Chiave
- HTML, or HyperText Markup Language, is used for creating hypertexts, which are interconnected documents that can include multimedia like images and videos.
- Web pages are created using HTML, and a simple text editor like Notepad can be used to write an HTML file, which is then viewed with a browser such as Chrome or Firefox.
- An HTML file is structured with a header for information like the page title and a body for content like text and images.
- HTML tags are case-insensitive, meaning they function the same whether written in uppercase or lowercase.
- To save an HTML file, use Notepad, change the file extension from .txt to .html, and select "All Files" in the save dialog.
HTML
1.● HyperText Markup Language: Linguaggio di
Formattazione (o Marcatura) per Ipertesti
● Ipertesto: è un insieme di documenti messi in
relazione tra loro per mezzo di collegamenti.
All'interno di un ipertesto si possono inserire
anche oggetti multimediali, come le immagini,
video, etc.
● Un file *.doc creato con Microsoft Word è un
esempio di ipertesto.
2.
Pagine web
● Gli ipertesti ci consentono di realizzare anche
pagine web
● Il linguaggio necessario per creare una pagina
web è il linguaggio HTML
● Per creare un file *.html è sufficiente il Blocco Note
● Per visualizzare un file *.html è necessario un
Browser (Internet Explorer, Mozilla Firefox, Google
Chrome, Safari, Opera, etc..).
3.
Struttura base di un file *.html
● Il codice base, comune a tutti i file *.html, è
composto da una serie di parole chiave (detti tag)
● La struttura si suddivide in una parte di intestazione
e in un corpo
● Nell'intestazione indichiamo, ad esempio, il titolo
della pagina che verrà visualizzato nella Barra del
Titolo del Browser
● Nel corpo inseriamo testo, immagini e quant'altro da
visualizzare nel Browser.
4.
Struttura base di un file *.html
● Il codice base è:
5.
TAG
● = tag di apertura del file HTML
● = tag di chiusura del file HTML
● = tag di apertura dell'intestazione
● = tag di chiusura dell'intestazione
●
● = tag di apertura del corpo
● = tag di chiusura del corpo
6.
HTML è CASE-UNSENSITIVE
● Case-unsensitive: è indifferente se scrivo i tag
HTML in maiuscolo oppure in minuscolo
Posso scrivere:
– oppure .
7
Come salvare un file *.html
● Per creare un file *.html, basta utilizzare il Blocco Note.
● Al primo salvataggio è necessario però modificare
l'estensione del file da quella di default del Blocco Note
(*.txt) a *.html
● Cliccando su “Salva con nome” dal menu File del Blocco
Note, si apre una finestra di dialogo.
nomefile.html, dal menu a tendina sottostante selezionare
la voce “Tutti i file”, quindi cliccare sul pulsante “Salva”
● I successivi salvataggi del file *.html potranno essere
effettuati cliccando solo su “Salva” dal menu File.
8
Come salvare un file *.html
Cliccando sul menu a tendina, selezionare l'altra voce “Tutti i file”
Specificare,
oltre al nome
del file,
anche
l'estensione
.html
9
Primo esempio di pagina web
● Nel Blocco Note riportare il codice seguente:
Ciao mondo!
● Salvare il file con nome (esempio1.html)
● Visualizzare il file esempio1.html nel browser.
10
Tag per la formattazione del testo
Tag di apertura Tag di chiusura Derivazione del
nome
Azione
B = bold (in inglese
significa grassetto)
La parola o frase
racchiusa tra e
viene
visualizzato in
grassetto
I = italic (in inglese
significa corsivo)
La parola o frase
racchiusa tra e
viene
visualizzato in
corsivo
U = underline (in
inglese significa
sottolineato)
La parola o frase
racchiusa tra e
viene
visualizzata con una
sottolineatura.
11
Tag per la formattazione del testo
● Nel Blocco Note riportare il codice seguente:
Ciaomondo! Questa è una pagina di prova
● Salvare il file con nome (esempio2.html)
● Visualizzare il file esempio2.html nel browser
Domande da interrogazione
- Che cos'è un ipertesto e come si relaziona con HTML?
- Qual è la struttura base di un file HTML?
- Come si salva correttamente un file HTML utilizzando il Blocco Note?
- Quali sono i tag di base per la formattazione del testo in HTML?
- HTML è case-sensitive?
Un ipertesto è un insieme di documenti collegati tra loro tramite collegamenti, e HTML è il linguaggio di formattazione utilizzato per creare tali ipertesti, inclusi oggetti multimediali come immagini e video.
La struttura base di un file HTML è composta da una serie di tag che includono un'intestazione, dove si indica il titolo della pagina, e un corpo, dove si inseriscono testo e immagini da visualizzare nel browser.
Per salvare un file HTML, è necessario modificare l'estensione del file da *.txt a *.html selezionando "Tutti i file" nel menu a tendina durante il salvataggio.
I tag di base per la formattazione del testo in HTML includono per il grassetto, per il corsivo e per il sottolineato.
No, HTML è case-unsensitive, il che significa che i tag possono essere scritti sia in maiuscolo che in minuscolo senza differenze di funzionamento.
Accedi a tutti gli appunti
Tutor AI: studia meglio e in meno tempo
