Blog Informatica & Programmazione

3. Lo sfondo del documento
Prendiamo in riferimento il codice della struttura di base del capitolo scorso e come prima azione cerca di trovare uno sfondo adatto al nostro documento.
Dopo aver trovato lo sfondo desiderato è bene spiegare un concetto di "attributo di un marcatore", ovvero una caratteristica del marcatore a cui, associando un valore possiamo ottenere un determinato effetto.
Cerchiamo di spiegarci più chiaramente: lo sfondo può essere a colori, e in questo caso l'attributo è bgcolor e il valore può essere un colore scritto in esadecimale (#000000 , per esempio è un nero), che spiegheremo in un'altra guida, oppure utilizzare colori in inglese (per esempio red , black , blue), per il momento utilizzeremo i colori standard, ovvero quelli scritti in inglese, ecco l'esempio in cui lo sfondo sarà rosso:

Invece se vogliamo inserire un'immagine di sfondo dobbiamo eseguire lo stesso procedimento, solo che al posto dell'attributo bgcolor si utilizza l'attributo background e come valore bisogna assegnare il collegamento dell'immagine.
L'immagine di sfondo può essere molto più personalizzata con i CSS, ma per il momento ci limitiamo a imparare questo semplice procedimento:


Ora abbiamo introdotto i primi due attributi di body, nel prossimo capitolo parleremo di altri attributi di body che a...

Read the whole post...

2. Struttura base di una pagina web
Un marcatore, è una parola che indica una funziona o una parte del documento ben precisa, un marcatore si indica con una parola in inglese compresa tra il segno minore (<) e il segno maggiore (>) quindi .
La maggior parte dei marcatori va chiuso aggiungendo uno slash (/) subito dopo il segno minore, quindi <marcatore>Contenuto .
Ma ora cominciamo con l'inserire il primo marcatore in assoluto, il marcatore che indica il linguaggio HTML, che deve essere inserito come primo tag e deve essere chiuso come ultimo tag, ed indica tutto il documento, ovvero tutta la pagina del browser.

Successivamente distinguiamo il documento HTML in due parti ben precise:

.Il marcatore Head, che indica la testa del documento, ovvero tutto ciò che sta "dietro le quinte del documento", in questa parte si inseriscono i meta-tag (che spiegheremo se necessario più avanti), i fogli di stile o CSS (che spiegheremo in un'altra guida), eventualmente script (anche gli script verranno spiegati in un'altra guida) ma l'elemento più importante per il momento contenuto nella testa del documento è il titolo indicato con il tag/marcatore title in cui si deve dare un titolo alla propria pagina web;

.il marcatore Body, che indica il corpo del documento, ovvero tutto ciò che si vede all'interno della pagina, in questa parte c'è il contenuto vero e proprio della pagina, quindi il testo, le immagini, le tabelle, le liste, i campi di testo ecc...
Per il momento ci limitiamo a inserire un semplice testo senza alcun marcatore ma nei prossimi capitoli vi approfondirò tutto ciò che deve essere inserito qui, mentre per il tag Head per questa guida non verrà ripreso, se non per un accenno ai meta-tag;

Alcune piccole osservazioni: il testo dei marcatore deve essere sempre o maiuscolo o minuscolo e nel caso facciate documenti molto grandi, potrebbe tornarvi utile inserire dei commenti per mantenere l'ordine con la sintassi <!-- Commento --> , i commenti non verranno letti nel codice e quindi saranno visibili solo dal creatore del documento e chi visualizza la sorgente della pagina
Facciamo un piccolo esempio per mettere in pratica ciò che abbiamo imparato sino ad ora:

Guida HTML

Sommario
CAPITOLO 1 - INTRODUZIONE HTML
CAPITOLO 2 - STRUTTURA BASE PAGINA WEB
CAPITOLO 3 - SFONDO DEL DOCUMENTO
CAPITOLO 4 - GLI ATTRIBUTI DI BODY

1. Introduzione all'HTML
innanzitutto che cosa vuol dire HTML? HTML vuol dire Hyper Text Markup Language ovvero un linguaggio che utilizza dei marcatori, detti anche tag, con cui si indica come i vari elementi sono disposti in una pagina web.
Le pagine web vengono visualizzate dal browser e si tratta di semplici pagine web in cui è possibile modificare il colore, la grandezza o il carattere del testo, inserire immagini all'interno della pagina, creare tabelle, creare campi di testo oppure creare collegamenti ipertestuali.
Ora che abbiamo spiegato a cosa serve l'HTML, passiamo alla fase successiva, la domanda è dove scrivere i marcatori? Semplice avete bisogno di un editor, ovvero un programma che vi permette di scrivere il codice e possibilmente correggere eventuali errori, il più famoso è il Blocco Note offerto da Windows o Gedit offerto da Linux, tuttavia questi editor di base permettono solo di scrivere dei codici, e se siete alle prime armi potreste aver bisogno di correzioni del codice, un esempio di editor che posso consigliarvi è il Notepad++, un editor di libero utilizzo che potrete scaricare gratuitamente cliccando sul collegamento ipertestuale.
Ora che abbiamo scelto il nostro editor di gradimento possiamo cominciare a utilizzare i marcatori all'interno della pagina, quindi nel prossimo capitolo faremo il nostro primo semplice documento in HTML!

Capitolo successivo>>

Edited by giratina23 - 7/4/2012, 18:23