mercoledì 4 aprile 2012

Html base

L’HTML

L’HTML è il linguaggio che permette di creare gli ipertesti; non è un linguaggio di programmazione ma di marcatura testuale: fa solo formattazione.
La struttura dell’html è una struttura ad albero: da una directory madre partono tutte le sottodirectory.

I comandi dell’html si chiamano tag (es. <body> ), possono essere in apertura o in chiusura. Sono composti da:
Minore (<)
Lo slash se il tag è in chiusura (/)

Il comando vero e proprio (body)

I vari attributi del tag codificati in coppia chiave-valore
Maggiore (>)

La radice è l’html (la “madre” di tutti i tag) che si apre per prima e si chiude per ultima; l’html ha due tag figli: head e body
L’head rappresenta la testata della pagina.
A sua volta l’head ha dei tag figli:
o il title è il più importante e imposta il titolo della pagina, quello che verrà visualizzato nella barra del titolo, in alto a sinistra sulla barra azzurrina;
Il body è il corpo vero e proprio della pagina: al suo interno andrà il “testo” da visualizzare a schermo.
Il body ha un’infinità di tag figli:

MARCATORI DI FORMATTAZIONE TESTUALE (agiscono sulla “presentazione” del testo)
o h1, h2, h3, h4, h5, h6 creano il titolo della pagina (h1 è il più grande, h6 è il più piccolo)
o p crea un paragrafo (una parte di testo delimitata da un’interlinea all’inizio e una alla fine)
o i inserito a ridosso del testo lo fa apparire in corsivo
o b inserito a ridosso del testo lo fa apparire in grassetto
o u inserito a ridosso del testo lo fa apparire sottolineato

MARCATORI DI FORMATTAZIONE STRUTTURALE (agiscono sulla struttura del testo)
o ul crea un elenco puntato e ha come tag figlio
li che permette l’inserimento di ogni singola voce dell’elenco puntato
o ol crea un elenco numerato e ha come tag figlio
li che permette l’inserimento di ogni singola voce dell’elenco puntato
o table permette la creazione di una tabella e ha come tag figlio
tr che crea una riga all’interno della tabella (per ogni riga va aperto e chiuso e ogni volta che viene aperto crea in automatico la riga).
A sua volta il tr ha come tag figlio il
td che crea una singola cella della tabella
CREAZIONE DI LINK
o a è il tag che crea un collegamento ipertestuale. L’attributo href specifica che si tratta di un link esterno alla pagina (es: <a href=”pagina.html”> vai </a>)


0 commenti:

Posta un commento