Concetti Chiave
- HTML è un linguaggio di contrassegno utilizzato per strutturare il contenuto delle pagine web, non un linguaggio di programmazione.
- Il CSS viene utilizzato insieme a HTML per migliorare la formattazione e l'aspetto grafico delle pagine, superando le limitazioni di HTML.
- JavaScript è un linguaggio di programmazione che consente interazioni dinamiche tra l'utente e la pagina web, funzione non supportata da HTML.
- I tag fondamentali di una pagina HTML includono <!DOCTYPE html>, <html>, <head> e <body>, ognuno con specifiche funzioni.
- Il contenuto all'interno del tag <body> viene visualizzato come testo normale, con l'uso del tag <br/> per le interruzioni di riga.
Contrariamente a come molti pensano, HTML (acronimo di Hyper Text Markup Language) non è un linguaggio di programmazione, ma un linguaggio di contrassegno. Infatti, non prevede l'uso dei costrutti tipici di un linguaggio di programmazione vero e proprio come il C, Java e il Python, e non è nemmeno pensato per creare algoritmi o elaborare informazioni, ma piuttosto per la creazione della struttura logica di una pagina web (quindi ad indicare come vengono di sposti gli elementi in una pagina, per l'inserimento dei contenuti della pagina web (testo, immagini, video...), e in parte per la formattazione di essi. HTML rappresenta lo standard per queste operazioni.
Indice
Quali sono le limitazioni di HTML e il ruolo di CSS?
Tuttavia, HTML ha diverse limitazioni. In primis, non possiede strumenti di formattazione avanzati per i testi e di gestione dei contenuti. A questo interviene il CSS (Cascading Style Sheet), che viene integrato in un file HTML per applicare una veste grafica migliore alle pagine, per allinearsi con gli standard richiesti nel mondo dello sviluppo web.
Interazioni con JavaScript
Inoltre, L'impossibilità di creare algoritmi rende impossibile per l'utente interagire con il sito web. Per fare ciò si usa il JavaScript, che a differenza di HTML e CSS è un vero e proprio linguaggio di programmazione, usato per creare le interazioni tra l'utente e la pagina web (pulsanti, valori, calcoli...).
HTML ha una struttura a tag, che sono come dei segnaposti, racchiusi tra parentesi angolari . Per esempio:
<title>Fantastico Sito Web</title>
Il testo all'interno del tag verrà inserito da esso all'interno della pagina web. Ogni tag (a parte alcune eccezzioni) si chiude con un tag di chiusura che è lo stesso tag, ma con uno / davanti al nome
<title> --> </title>
I tag possono anche avere degli attributi, ovvero proprietà aggiuntive che possono modificarne il funzionamento.
<img src="percorso/immagine.jpeg">
Prendiamo come esempio:
[html]
<!DOCTYPE html>
<html>
<head>
<title>Fantasitico Sito Web</title>
</head>
<body>
Lorem ipsum dolor sit amet, <br/>
consectetur adipisci elit<br/>
</body>
</html>
[/html]
Tag fondamentali di HTML
Ogni pagina in HTML si apre con il tag
<!DOCTYPE html>
Per indicare al browser che il documento che sta aprendo, è un file HTML.
Abbiamo poi il tag <html> che si chiude in fondo alla pagina.
All'interno di questo tag troviamo i due tag fondamentali di HTML:
-
<head>contiene tutti i metadati, che vengono utilizzati dal browser e non sono visibili all'utente. -
<body>tutto il contenuto è visibile all'utente.
Visualizzazione del contenuto HTML
Tutto il testo contenuto all'interno del tag body verrà visualizato a schermo come testo normale, senza interruzioni di riga. (il testo non andrà a capo). Per andare a capo si usa il tag:
<br/>
che non richiede la chiusura.
In qualsiasi linguaggio di programmazione o di markup, un commento è una parte di codice che serve solo come riferimento visivo al programmatore, e che viene completamente ignorata dal compilatore o dall'interprete. In HTML i commenti si scrivono in questo modo:
<!--Questo è un commento-->>
Domande da interrogazione
- Qual è la differenza principale tra HTML e un linguaggio di programmazione?
- Qual è il ruolo del CSS in relazione a HTML?
- Come interagisce JavaScript con HTML?
- Quali sono i tag fondamentali di una pagina HTML?
- Come si visualizza il contenuto all'interno del tag body in HTML?
HTML è un linguaggio di contrassegno, non un linguaggio di programmazione, poiché non consente la creazione di algoritmi o l'elaborazione di informazioni, ma serve per strutturare una pagina web (come indicato nel testo).
Il CSS (Cascading Style Sheet) interviene per superare le limitazioni di HTML, fornendo strumenti di formattazione avanzati e migliorando l'aspetto grafico delle pagine web (come descritto nel testo).
JavaScript, a differenza di HTML, è un linguaggio di programmazione che consente di creare interazioni tra l'utente e la pagina web, come pulsanti e calcoli, colmando l'impossibilità di HTML di gestire tali interazioni (come spiegato nel testo).
I tag fondamentali di una pagina HTML includono <!DOCTYPE html>, <html>, <head> e <body>, dove il primo indica il tipo di documento e il secondo contiene i metadati e il contenuto visibile (come evidenziato nel testo).
Il contenuto all'interno del tag body viene visualizzato come testo normale senza interruzioni di riga, a meno che non si utilizzi il tag <br/> per andare a capo (come specificato nel testo).
Accedi a tutti gli appunti
Tutor AI: studia meglio e in meno tempo
