HTML è un linguaggio di markup per la creazione di pagine web.
E' acronimo di HyperText Markup Language, ovvero un linguaggio formato da un insieme di di tag di markup.
Ogni tag HTML descrive una tipologia di contenuto in un documento
<! DOCTYPE html>
<html>
<head>
<title> Titolo della pagina </title>
</head>
<body>
<h1>Titolo</h1>
<p>Testo primo paragrafo con <strong>alcune parti</strong> in grassetto</p>
<h2>Sottotitolo</h2>
<p>Testo secondo paragrafo con <em>alcune parti</em> in corsivo ed <a href="http://www.morpheusweb.it">un link</a></p>
</body>
</html>Tag HTML sono parole chiave circondate da parentesi angolari:
<NomeTag> contenuto </NomeTag>Oppure
<NomeTag />I tag HTML possono essere annidati, ovvero possiamo avere un tag che ne contiene altri
<h1>Titolo</h1>
<p>Paragrafo con elemento <strong>annidato</strong></p>In questo caso l'elemento "strong" è annidato all'interno del tag "p"
Alcuni tag non hanno elemento di apertura e chiusura, ma sono vuoti, in questi casi è comunque buona norma chiudere il tag con un / prima della chiusura.
<h1>Titolo</h1>
<p>Paragrafo prima riga<br />Paragrafo seconda riga</p>Oppure
<meta name="Description" content="Introduzione ad HTML 5 - MorpheusWeb.it" />Gli attributi forniscono delle informazioni aggiuntive al tag HTML
Vengono specificati nel tag di apertura ed hanno sempre la forma nomeAttributo=valoreAttributo
<a href="http://www.morpheusweb.it" title="link">link</a>
<meta name="Description" content="Introduzione ad HTML 5 - MorpheusWeb.it" />
<img src="http://www.morpheusweb.it/images/logo.jpg" alt="Logo" title="Logo Morpheusweb" />Nella riga 1 abbiamo l'attributo href che identifica l'hyperlink associato al tag ed il title che rappresenta il titolo del link
Nella riga 2 abbiamo l'attributo name che il tipo di metatag e l'attributo content che rappresenta il contenuto del metatag
Nella riga 3 abbiamo l'attributo src che rappresenta l'url dell'immagine da visualizzare, l'attributo alt che rappresenta un testo alternativo all'immagine e l'attributo title che rappresenta il titolo dell'immagine
Vediamo brevemente le versioni di HTML dall'inizio fino all'ultima versione che è HTML 5
HTML 5 è un linguaggio di markup utilizzato per la strutturazione e il contenuto delle pagine Web.
CSS 3 è l'ultima evoluzione dei fogli di stile CSS. Contiene molte novità come angoli arrotondati, ombre, sfumature, transizioni o animazioni.
jQuery è una libreria JavaScript cross-platform progettata per semplificare lo scripting lato client.