Gli ultimi tutorial di sviluppo web

HTML Introduzione

❮ Precedente Successivo Capitolo ❯

Cosa è l'HTML?

HTML è un linguaggio di markup per descrivere documenti web (web pages) .

  • HTML sta per Hyper Text Markup Language
  • Un linguaggio di marcatura è un insieme di markup tags
  • I documenti HTML sono descritte da HTML tags
  • Ogni tag HTML describes il contenuto del documento diverso

Esempio HTML

Un piccolo documento HTML:

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html>
Prova tu stesso "

esempio spiegato

  • Il DOCTYPE dichiarazione definisce il tipo di documento di essere HTML
  • Il testo tra <html> e </html> descrive un documento HTML
  • Il testo tra <head> e </head> fornisce informazioni sul documento
  • Il testo tra <title> e </title> fornisce un titolo per il documento
  • Il testo tra <body> e </body> descrive il contenuto della pagina visibile
  • Il testo tra <h1> e </h1> descrive una rubrica
  • Il testo tra <p> e </p> descrive un paragrafo

Usando questa descrizione, un browser web in grado di visualizzare un documento con un titolo e un paragrafo.

Tag HTML

Tag HTML sono parole chiave (tag names) circondate da angle brackets :

<tagname>content</tagname>
  • Tag HTML entrano normalmente in pairs come <p> e </p>
  • Il primo tag in una coppia è il start tag, il secondo tag è il end tag
  • Il tag di chiusura è scritto come il tag iniziale, ma con una barra prima del nome del tag

Il tag iniziale è spesso chiamato il opening tag . Il tag di chiusura è spesso chiamato il closing tag .

Browser Web

Lo scopo di un browser web (Chrome, IE, Firefox, Safari) è quello di leggere i documenti HTML e li visualizza.

Il browser non visualizza i tag HTML, ma li utilizza per determinare come visualizzare il documento:

Visualizza nel browser

Pagina HTML Struttura

Qui di seguito è una visualizzazione di una struttura di pagina HTML:

<html>
<head>
<title> Il titolo della pagina </title>
</head>
<body>
<h1> Questo è un titolo </h1>
<p> Questo è un paragrafo. </p>
<p> Questo è un altro paragrafo. </p>
</body>
</html>

Solo il <body> zona (the white area) viene visualizzato dal browser.

Il <!DOCTYPE> Dichiarazione

Il <!DOCTYPE> dichiarazione aiuta il browser per visualizzare una pagina web in modo corretto.

Ci sono diversi tipi di documenti sul web.

Per visualizzare un documento in modo corretto, il browser deve conoscere sia tipo e versione.

La dichiarazione DOCTYPE non è case sensitive. Tutti i casi sono accettabili:

<!DOCTYPE html>

<!DOCTYPE HTML>

<!doctype html>

<!Doctype Html>

dichiarazioni comuni

HTML5

<!DOCTYPE html>

HTML 4.01

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

XHTML 1.0

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Tutti i tutorial ed esempi in w3ii utilizzano HTML5.

Versioni HTML

Fin dai primi giorni del web, ci sono state molte versioni di HTML:

Versione Anno
HTML 1991
HTML 2.0 1995
HTML 3.2 1997
HTML 4.01 1999
XHTML 2000
HTML5 2014

❮ Precedente Successivo Capitolo ❯