Introduzione ad HTML 5

Follow on Facebook  Share on Twitter  Share on Google  Share on Linkedin  Share on Blogger  Share on Flipboard  Share on Tumblr 

Cosa è HTML

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

Esempio

<! 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>

  • DOCTYPE definisce il tipo di documento HTML
  • Il testo contenuto nel tag html rappresenta un documento HTML
  • Il testo contenuto nel tag head da informazioni aggiuntive sul documento
  • Il testo contenuto nel tag title da un titolo per il documento
  • Il testo contenuto nel tag body rappresenta il contenuto della pagina. E' lunica parte che sarà visibile nel browser
  • Il testo contenuto nel tag h1 rappresenta un'intestazione di primo livello
  • Il testo contenuto nel tag h2 rappresenta un'intestazione di secondo livello
  • Il testo contenuto nel tag p rappresenta un paragrafo
  • Il testo contenuto nel tag a rappresenta un link ipertestuale

Tag HTML

Tag HTML sono parole chiave circondate da parentesi angolari:

Sintasi

<NomeTag> contenuto </NomeTag>

Oppure

<NomeTag />

Tag annidati

I tag HTML possono essere annidati, ovvero possiamo avere un tag che ne contiene altri

Esempio

<h1>Titolo</h1>
<p>Paragrafo con elemento <strong>annidato</strong></p>

In questo caso l'elemento "strong" è annidato all'interno del tag "p"

Tag vuoti

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.

Esempio

<h1>Titolo</h1>
<p>Paragrafo prima riga<br />Paragrafo seconda riga</p>

Oppure

<meta name="Description" content="Introduzione ad HTML 5 - MorpheusWeb.it" />

Attributi HTML

Gli attributi forniscono delle informazioni aggiuntive al tag HTML

Vengono specificati nel tag di apertura ed hanno sempre la forma nomeAttributo=valoreAttributo

Esempi

<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

Versioni di HTML

Vediamo brevemente le versioni di HTML dall'inizio fino all'ultima versione che è HTML 5

  • HTML 1.0 fine anni 80.
  • HTML 2.0 del 1995.
  • HTML 3.2 del 1997. E 'stata la prima versione sviluppata e standardizzata esclusivamente dal W3C
  • HTML 4.0 del 1998. Standardizzata del W3C in tre varianti (Strict, Transictional, Frameset)
  • HTML 4.01 del 1999.
  • XHTML del 2000. Una variante di HTML 4 che usa XML 1.0 anziché in SGML come metalinguaggio di markup
  • HTML5 del 2014. Aggiunge una serie di funzionalità interattive e a livello di semantica

Introduzione ad HTML 5

 

A colpo d'occhio

  • Script C#

    Script C# per tutte le esigenze: database, sessioni, file, contatori, stringhe, date, e-mail, e tanto altro

  • Manuale C#

    Manuale completo di C# per principianti e non

  • Script VB.Net

    Script VB.Net Visual Basic .net: database, sessioni, file, contatori, stringhe, date, e-mail, e tanto altro

  • Manuale SQL

    Manuale di SQL con particolare attenzione a T-SQL di Microsoft SQL Server

  • Seo

    Tecniche di posizionamento indicizzazione e ottimizzazione dei siti web per nei motori di ricerca

  • Manuale CSS

    Manuale completo sui CSS per principianti e non

Be Responsive

HTML 5

HTML 5

HTML 5 è un linguaggio di markup utilizzato per la strutturazione e il contenuto delle pagine Web.

CSS 3

CSS 3

CSS 3 è l'ultima evoluzione dei fogli di stile CSS. Contiene molte novità come angoli arrotondati, ombre, sfumature, transizioni o animazioni.

jQuery

jQuery

jQuery è una libreria JavaScript cross-platform progettata per semplificare lo scripting lato client.