[TAG] Imparare Passo per Passo il HTML & CSS
Si prega di disabilitare gli script di anti adblock per visualizzare questa pagina
NAV
Ciao, ospite! Accedi o Registrati su Stertix.it
LoginRegistrati
Registrati adesso è GRATUITO

Appena entrato avrai:
Norton Safe Web Connessione HTTPS Sicura

Registrati Adesso!

Pubblicità


Tag:
Nuova Discussione
Rispondi alla Discussione
 
Valutazione discussione:
  • 0 voti - 0 media
  • 1
  • 2
  • 3
  • 4
  • 5
Guida [TAG] Imparare Passo per Passo il HTML & CSS
574 Visite
Tecnico e Gestore
*******
22.50C
2013 Mar
125
1,346
Amministratore

Grafico
Utente Hacker
Utente Notturno
Youtubers
Messaggio: #1
Guida [TAG] Imparare Passo per Passo il HTML & CSS
04/06/2019 00:49

Aggiorna il tuo account per nascondere gli annunci pubblicitari.

La prima cosa che devi sapere è come dovrebbe apparire il flusso del tuo documento HTML, non può essere solo confuso. I tre tag principali da usare qui sono <head> , <body> e <footer> . Mentre non è necessario essere in ordine, è meglio tenerli in questo modo per rendere il documento più facile da leggere e modificare. Per questa parte ci occuperemo solo di ciò che ognuno di questi può contenere.

Il tag <head> in genere contiene informazioni di base sul file con cui stai lavorando, come titolo, metadati e doctype. Ognuno di questi sarà trattato in una sezione successiva del tutorial, quindi non li esamineremo molto qui. In HTML5 <head>il tag può essere omesso, ma lo useremo in questo tutorial per rendere le pagine più facili da leggere.

Il tag <body> contiene i contenuti della pagina web, tutto ciò che vedrà l'utente finale.

Il tag <footer> di solito contiene informazioni di copyright o di contatto. Può anche contenere collegamenti a cose come la mappa del sito o le informazioni dell'autore. Non è necessario che una pagina abbia un <footer> , ma può anche contenere più.

Il layout di base della pagina sarà simile.
<!DOCTYPE html>
<html>
<head>
contenuto del head
</head>

<body>
contenuto del body
</body>

<footer>
contenuto del footer
</footer>
</html>





Il Tag <head>

Il <head> viene utilizzato per definire le informazioni sulla pagina che si sta visitando, e può contenere i seguenti tag.
  • <title> Definisce il titolo della pagina, è obbligatorio in tutti i documenti HTML.
  • <style> Questo può essere incluso nella testa e determinerà il modo in cui gli elementi nella pagina vengono renderizzati.
  • <base> Il tag base determinerà l'URL di base per la pagina che stai visitando, l'utilizzo di esempio sarebbe <base href = "dominio.com /">
  • <link> Link può essere usato per collegare la pagina a una risorsa esterna come un foglio di stile. I fogli di stile sono trattati in una sezione successiva.
  • <meta> È usato per descrivere i metadati sulla pagina, avremo una sezione per questo verso la fine di questa guida per mostrare tutto ciò che puoi includere.
  • <script> Script viene utilizzato per determinare il javascript del lato client da utilizzare nella pagina.
  • <noscript> Questo è usato per visualizzare informazioni quando javascript è disabilitato.

Tutti questi tag saranno trattati in modo più dettagliato se vuoi saperne di più su di essi, questo è solo per mostrare cosa può essere incluso nel tag <head>.

Ecco un esempio di <head>.

<!DOCTYPE html>
<html>
<head>
<title>My Title</title>
<style>
h1 {color:red;}
p {color:blue;}
</style>
<base href="domain.com/">
<link rel="stylesheet" type="text/css" href="theme.css">
</head>
</html>




<!DOCTYPE html>


<!DOCTYPE> non è un tag HTML, è una dichiarazione al browser su quale versione HTML stai usando. Dato che stiamo usando HTML5 c'è solo una dichiarazione doctype.
Questa deve essere la prima riga del documento HTML prima di ogni altra cosa.
<!DOCTYPE html>


Altri doctypes per diverse versioni di HTML.
HTML 4.01 Strict
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">


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


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


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


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


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


XHTML 1.1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">


Firma:

Ciao Carò Utente Hai un Problema o una Domanda? bhe allora Contattaci:

Email: info@stertix.it
Skype: Stertix.forum
Facebook: Stertix Forum

EMINEM & RIHANNA
[Immagine: 9vJLLEP.gif][Immagine: AUpdxc9.gif]

Rispondi


(Questo messaggio è stato modificato l'ultima volta il: 13/06/2019 21:48 da Stertix.)
Aggiorna il tuo account per nascondere gli annunci pubblicitari.



Facebook Twitter Linkedin MySpace Technorati Digg

Utente(i) che stanno guardando questa discussione: 1 Ospite(i)



Discussioni correlate...
Discussione: Autore Risposte: Letto: Ultimo messaggio
  [INTRODUZIONE] Imparare Passo per Passo il HTML & CSS Stertix 0 69 04/06/2019 00:38
Ultimo messaggio: Stertix
  Guida Scrivere un'articolo in html con immagine vicino Loois 0 179 14/06/2017 23:40
Ultimo messaggio: Loois
  Guida HTML SEMPLICE CmsOwna 1 303 19/02/2017 19:21
Ultimo messaggio: Kaise Kaskade
Wink Guida Icone social network con effetto di rotazione HTML&CSS Stertix 0 408 19/11/2016 17:42
Ultimo messaggio: Stertix
  Guida [GUIDA] Capire passo passo l'HTML A-Style 1 923 27/07/2014 13:27
Ultimo messaggio: Hewo ReNext
  Index [Html & CSS] Kralin 3 1,182 12/02/2014 17:52
Ultimo messaggio: Stertix
  [Guida] Cosa sono i codici HTML, come usarli e dove, i principali più usati Ale7070 2 1,129 16/07/2013 19:53
Ultimo messaggio: alessandro150



contatore