[TAG BASICI] Imparare Passo per Passo il HTML & CSS
×
Accedi al tuo account

Hai perso la password?
Registrati adesso è GRATUITO

Appena entrato avrai:
Norton Safe Web Connessione HTTPS Sicura

Registrati Adesso!

Menu
NAV
Pubblicità

BETA
Tag:
Valutazione discussione:
  • 0 voto(i) - 0 media
  • 1
  • 2
  • 3
  • 4
  • 5

Tutorial [TAG BASICI] Imparare Passo per Passo il HTML & CSS

3579 Visite
Tecnico e Gestore
*******
5,056.50C
03/2013
118
1,022
Gestori
Messaggio: #1
Tutorial [TAG BASICI] 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 dentro i tag 
<html> ... </html>

sono questi:
<head> ... </head>
<body> ... </body>  e  
<footer> ... </footer>
è 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 <html> segnano l'inizio e la fine del file HTML

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>Il mio titolo</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>


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


è sempre consigliato usare la versione HTML 5 e quindi <!DOCTYPE html>.


Il Tag <body>

Il tag <body> definisce i contenuti della pagina Web e delinea ciò che vedrai quando visiti quella pagina. Il tag <body> supporta anche l' attributo di stile per visualizzarlo con l'

utilizzo di esempio CSS del tag <body>

<!DOCTYPE html>
<html>
<head>
    <title>Il mio titolo</title>
    <style>
        h1 {color:red;}
        p {color:blue;}
    </style>
</head>
<body style="bgcolor:white;text-align:center">
    <h1>Body</h1>
    <p>Questo è il body</p>
</body>
</html>


Questo ci darebbe una pagina simile
[Immagine: RQKYmcJ.png]

Il <body> può contenere quasi tutti gli elementi in HTML alcuni esempi sarebbero
  • <Header>
  • <P>
  • <List>
  • <Table>
  • <Form>
  • <Object>
  • <Image>
  • <a href> (link)
  • e molti altri...

Esamineremo più elementi nella sezione tag vicino alla fine di questa guida.

Firma:

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

Email: info@natnox.com
Twitter: Natnox
Facebook: Natnox

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

Rispondi


(Questo messaggio è stato modificato l'ultima volta il: 22/09/2020, 14:24 da Natnox.)
Aggiorna il tuo account per nascondere gli annunci pubblicitari.




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



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