Posts written by True Story

Posted: 21/8/2014, 17:18 +1

Elementi base di una pagina web - HTML - HyperText Markup Language

.

Elementi base di una pagina web

Una pagina web è composta fondamentalmente da marcatori, o tag, che stabiliscono delle regole su come debba essere strutturato e formattato il relativo documento che intendono descrivere.
Questi tag possono essere di due tipi:

two-sides (detti anche elements), espressi mediante l'indicazione di un tag di apertura e chiusura nella forma ;

one-sides (deti anche void o empty elements), espressi mediante l'indicazione del solo tag di apertura nella forma <elem_name> o <elem_name>.

Inoltre essi possono avere degli attributi, ossia del testo scritto al loro interno in una forma chiave/valore, che permettono di specificare opzioni o dettagli supplementari.

Vediamo allora un primo esempio di definizione di una semplice pagina HTML:

CODICE

SPOILER (clicca per visualizzare)

CODICE

<!DOCTYPE html>
<html>
<head>
<title>La nostra prima pagina in HTML5</title>
<meta name="keywords" contest="web, html5" charset="utf-8">
</head>
<body>
 Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat.
Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 
</body>
</html>

Esempio

Nel codice notiamo subito la presenza, come primo elemento, del tag <!DOCTYPE html>, che rappresenta un'struzione che dà al browser un'indicazione del tipo di codice di cui dovrà eseguire il parsing. In pratica, un documento HTML, tramite l'elemento DOCTYPE, dice al browser che il suo codice è conforme allo standard ivi indicato, e nel nostro caso esso indica che è conforme a HTML5.

Abbiamo poi il tag <html>, il principale contenitore di un documento HTML, che è indicato anche con il termine di elemento root (radice). Al suo interno si inseriscono tutti gli elementi HTML.
Subito dopo troviamo il tag <head>, che rappresenta una sorta di intestazione (header section) nella quale si inseriscono dei tag che non sono interpretati come elementi che visualizzano o formattano qualcosa direttamente nell'area di renderizzazione del browser.
Si tratta di tag come i seguenti:

<title>: indica il titolo della pagina e ha un grande valore sematico. Viene visualizzato nella barra del titolo dei browser.

<meta>: permette, tra le altre cose, di indicare delle parole inerenti alla tipologia o l'indicizzazione dai motori di ricerca e di specificare la codifica di caratteri utilizzata nei propri documenti HTML.

SPOILER (clicca per visualizzare)

Nota
L'elemento meta viene utilizzato per fornire dei metadati per il documento HMTL, principalmente attraverso l'attributo name, utilizzato per indicare il nome del metadato, e può avere come valori author (fornisce il nome dell'autore della pagina); description (fornisce una descrizione della pagina); keywords (fornisce una serie di parole rilevanti per la pagina) e così via. Abbiamo poi l'attributo content, che è utilizzato per indicare il valore del corrispondente attributo name.

<script></script>: consente di inserire del codice di scripting nella pagina web

<link>: consente di collegare al documente altre risorse a esso esterne.

Infine, dopo il tag </head> abbiamo il tag <body>, che rappresenta la sezione più importante di una pagina web, poichè al suo interno sono definiti tutti quei tag che descrivono il contenuto da visualizzare nel browser. Nel nostro esempio, usiamo il tag , che indica di formattare il testo in esso indicato come un paragrafo.

Guida a cura di ©True Story

Posted: 21/8/2014, 17:10

sono vanila01 e mi presento - Welcome & Presentazioni

.

Benvenuto/a (?) :welcome:

e buona permanenza

quali anime e manga ti piacciono?

Posted: 5/8/2014, 18:06

Salve :3 - Welcome & Presentazioni

.

Benvenuta

e buona permanenza

Posted: 29/6/2014, 18:41

Ins Stamp - Welcome & Presentazioni

.

Benvenuto

e buona permanenza

Posted: 13/6/2014, 16:28

we - Welcome & Presentazioni

.

Benvenuto

e buona permanenza

Posted: 4/6/2014, 18:09

Candidature Staff - Guide & Supporto

.

Jaster Afk sei in prova,ora puoi accedere alla sezione Workroom Staff che contiene tutte le Guide necessarie per poter iniziare questa nuova avventura nello Staff.Il periodo di prova varia a seconda di quanto posterete, quindi mi raccomando cercate di fare del vostro meglio,non è necessario postare ogni giorno se non potete col tempo, bastano più post magari quando lo trovate di nuovo.Non rimuoviamo nessuno se non per inattività dopo pochi mesi.Per ogni domanda o problema apri un topic in quella sezione oppure chiedi il contatto Skype a uno dei moderatori del forum.E' importante utilizzare i Moduli per una corretta impaginazione del topic.Se dovesse mancare il Modulo per la sezione che avete scelto utilizzate uno di quelli Globali per le discussioni.Good Luck!

KakashiSempai e Kirigaya Kazuto Kirito non superano il periodo di prova

Posted: 28/4/2014, 21:24

ciao!!! - Welcome & Presentazioni

.

Benvenuta

e buona permanenza

Posted: 21/4/2014, 21:05

Ciaoo - Welcome & Presentazioni

.

Benvenuto

e buona permanenza

Posted: 10/4/2014, 20:08

Buongiorno! Anzi no.. buonasera u.ù - Welcome & Presentazioni