Pagina aggiornata... Venerdì, 06 Marzo 2026 * Tempo di caricamento 0.003 secondi
Link navigazione : Home telaio ೡ Home ~ Tutorial ~ Basi » Pagina web

..:: Pagina web ::..

Tra le basi non poteva mancare una piccola guida sulla struttura di una pagina web,
considerando che ci sono degli spazi ben delimitati in cui scrivere determinati tag e codici^^

A differenza di un foglio di quaderno nel quale è possibile scrivere dove e come si vuole,
una pagina web è una specie di contenitore suddiviso in spazi essenziali delimitati da specifici tag.

- Il primo tag necessario è <html> [...] </html> inizio e fine del contenitore,
il suo interno si divide in due parti ben distinte, la testa contenuta nei tag <head> e </head>
e il corpo nei tag <body> e </body>

<html>

 Inizio contenitore
<head>


</head>		 Testa
 
 
<body>


</body>		 Corpo

</html>		 Fine contenitore

- La parte dedicata alla "Testa" serve a dare tutte le indicazioni ai browser che
dovranno interpretare ciò che sarà scritto nella parte "Corpo", è infatti tra i tag <head> e </head>
che scriveremo i tag di decodifica caratteri, i meta tag per i motori di ricerca, lo style css, e parti di script.

- La parte "Corpo" è dedicata appunto alla scrittura di quella che online sarà "una pagina web",
o semplicemente ci permetterà di realizzare un gadget o un accessorio per il nostro spazio.

A questi tag che formano la struttura base della pagina dobbiamo aggiungere
un altro paio di tag fondamentali, il "doctype" ovvero "dichiarazione del tipo di documento"
per specificare quale scrittura tra XHTML e HTML abbiamo usato e il metatag che serve per la codifica
dei caratteri usati, in base alla lingua, questo ci permette di scrivere ad esempio una à accentata
usando quella della tastiera, e non dover utilizzare il carattere speciale, &agrave; = à.

- Il doctype per una pagina scritta in html è:

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

Il metatag è:

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

- Quindi una pagina completa sarà:

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

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

</head>

<body>

</body>

</html>

- Ora qualunque cosa vogliamo realizzare dobbiamo fare attenzione a dove
negli spazi specifici della pagina andremo a scrivere lo style, parti di script e il testo;

- Per style, si intende, i parametri necessari per personalizzare lo sfondo della pagina,
il tipo, la misura e il colore per la scrittura, le table o i div che useremo ecc. ecc.

- Alcuni script sono composti da due o più parti di codice e in alcuni casi una o più parti
devono essere scritte nella parte della testa ovvero tra <head> e </head>

- Se vogliamo scrivere del testo visibile in modo corretto lo dobbiamo scrivere nel corpo
ovvero tra <body> e </body>

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

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Titolo</title>

// Parametri style css //
<style type="text/css">[...]</style>

// Script //
<script type="text/javascript">[...]</script>

</head>

<body>

Testo

// Script //
<script type="text/javascript">[...]</script>

Testo

</body>

</html>

Spero di essere stata chiara in tutti i passaggi ^_^
Vi auguro buon lavoro ma sopratutto buon divertimento!
Ciao alla prossima^^ Penelope ♥


Dai un giudizio a questo tutorial... Grazie ^_^

🌱 🌷 Molto apprezzato
78.18%
Voti totali: 11
Rating... 3




Commentario...

Scrivi qui per lasciare un saluto, una richiesta di aiuto,
un suggerimento o una critica ^_^









~ Pagina visitata da 3066 utenti





Segui il telaio su Facebook

* Info sezione...

Mi farebbe molto piacere la condivisione
dei miei tutorial ma vi sarei anche molto grata
se evitaste di fare copia e incolla su altri spazi
del mio lavoro, linkate le pagine, avvisatemi
ricambierò senza problemi. Grazie ♥


Basi e utilità pagine web



html tag scrittura pagine web





Script per pagina



Script per gadget




Preleva anche tu una tag Help donna

Aiutami a diffondere il più possibile informazioni
utili alle donne vittime di abusi... Grazie!



Link del telaio...

ೡ Il telaio di Penelope
☆ Template webset e blog
☆ Un sito su AlterVista
☆ Gif & co...





I vostri messaggi...

Kathlene ~ 06/11/2026 03:48:33
Pretty great post. I simply stumbled upon your weblog and wished to mention that I have really loved surfing around your blog posts. After all I'll be subscribing for your feed and I'm hoping you write once more soon!
ૡScritto in Home
elise ~ 02/11/2026 19:08:37
Buona sera carissima,indovina .... ti ho preso uno stupendo Natale Countdown,Spero non ti dispiaccia.Grazie ancora , un abbraccione
ૡScritto in Natale countdown perpetuo...
Elise ~ 29/10/2026 19:01:19
Buona sera tesorino bello, ho preso un bellissimo decoro di Natale, adoro il Natale con tutte le luci , l'albero che non vedo l'ora di fare, allora comincio ad abbellire il mio blog con le tue bellissime creazioni.Grazie ancora e dolcissima serata.un abbraccione
ૡScritto in Decori pagine Natale
Veronica ~ 29/10/2026 10:39:54
Ciao ho preso dei tuoi adottini x il mio spazio
ૡScritto in Adottini menu
elise ~ 09/10/2026 16:38:03
Ciao carissima Penelope, ho preso il tuo bellissimo quadrotto fatato. Sempre bellissimo il tuo sito, pieno di creazioni stupende.BRAVISSIMA!!!!!Grazie, un abbraccione e buona serataElise
ૡScritto in Quadrotti fate
ૡPenelope ♥ ~ 22/09/2026 20:36:49
Grazie a te carissima Marina
ૡScritto in Calendario magico box small
marina ~ 20/09/2026 20:04:19
Grazie infinite per il bellissimo calendario.
ૡScritto in Calendario magico box small
ૡPenelope ♥ ~ 14/09/2026 22:32:30
Cara Filo d'arianna un po' di anni fa ho realizzato qualche grafica per ForumFree ed era un delirio non so se è ancora così ma la grafica si componeva con decine di piccole immagini, davvero tanto lavoro nemmeno gratificante purtroppo, per quanto riguarda i tutorial, sono una maniaca di html, php e js ma sulla gestione di un forum non saprei da dove partire Un abbraccio forte
ૡScritto in Blogger Kit Autunno
ૡPenelope ♥ ~ 14/09/2026 18:34:20
Carissima Filo d'arianna grazie alla tua segnalazione ho risolto un problema nel commentario purtroppo per evitare spam e messaggi sgradevoli avevo impostato un eccesso nei controlli, ripristinato, ora si può commentare e mettere url del proprio spazio senza problemi grazie infinite cara un abbraccio forte forte
ૡScritto in Home
filod'arianna ~ 14/09/2026 07:41:37
Ciao Penelope! Ho preso il Settimanello micioso:-DL'ho inserito all'interno della sezione "Appunti" sul mio forum, però ho visto che non si può più linkare qui nei messaggi, non riesco a farti vedere dove l'ho inserito. Ad ogni modo il forum è Librandosi tra le pagine, su forumfree. Un abbraccio a presto!
ૡScritto in Home