RICERCA SITO

Tag HTML: layout, programmazione, design

Lo strumento principale per la creazione di pagine webqualsiasi livello di complessità è il linguaggio di hypertext markup o Hypertext Markup Language (HTML). Tutti i costrutti di linguaggio sono chiamati "tag HTML", che determinano la visualizzazione del testo sulla pagina e il layout dell'intera pagina html.

Perché usare i tag HTML? Il fatto è che qualsiasi documento disponibile sul computer dell'utente viene creato in un particolare programma e per la sua scoperta la stragrande maggioranza dei casi richiede esattamente il programma in cui è stata creata o l'equivalente.

Con l'avvento di Internet, sorse la domandail corretto trasferimento di documenti tra computer degli utenti, ognuno dei quali può avere il proprio computer, un insieme unico di programmi installati. Inoltre, le piattaforme stesse possono essere diverse: non tutti i computer connessi alla rete utilizzano Windows. Pertanto, il documento ricevuto sul Web potrebbe essere inaccessibile a un utente specifico.

Affinché qualsiasi documento sia correttoÈ riconosciuto su qualsiasi computer, indipendentemente dalla piattaforma e dal pacchetto di programmi installati, e il linguaggio di marcatura dell'ipertesto HTML è stato sviluppato. Nel corpo del documento vengono introdotte costruzioni speciali, chiamate tag HTML, e l'intero documento viene salvato in formato di testo normale, che è accessibile a tutti i computer.

Il linguaggio HTML non è un linguaggio di programmazionenel solito senso. I tag HTML mostrano solo un programma browser speciale, come visualizzare il testo sulla pagina. Il browser interpreta i costrutti del linguaggio di markup e visualizza la pagina richiesta.

Il linguaggio di markup ipertestuale contiene una varietà ditag che appartengono a diversi gruppi. Uno dei gruppi più grandi sono i tag di formattazione del testo HTML. Contengono tutte le informazioni su come dovrebbe apparire il testo stesso: il suo allineamento, le dimensioni, lo spelling e lo stile del carattere, i rientri, gli elenchi e contiene anche molte altre proprietà. La formattazione del testo è indicata dagli attributi dei tag e inserita nei tag. Va tenuto presente, tuttavia, che le moderne tecnologie per la creazione di pagine Web che riproducono tutta la formattazione del testo e la visualizzazione dell'intera pagina in un file di tabella di stile CSS separato, gli attributi che possono contenere tag di formattazione del testo HTML vengono utilizzati raramente.

Le ragioni di questo fenomeno sono che l'uso dinel web design di CSS (Cascading Style Sheet) nella creazione di siti è molto conveniente. Basta solo mettere tutto il design nel file CSS e collegarlo a tutte le pagine del sito (o alcune). Tali pagine avranno sempre lo stesso aspetto. Se è necessario apportare modifiche alla progettazione di determinati elementi della pagina (intestazione del secondo livello, ad esempio), è sufficiente modificare una sola voce nel file CSS. Cambieranno tutti i titoli del secondo livello (h2) su tutte le pagine collegate al CSS. In particolare, per rendere i titoli verdi, è sufficiente scrivere solo una riga nel file CSS:

h2 {font-color: green}

Ed è così che verrà definito un paragrafo, allineato a destra, su uno sfondo rosso, con un testo blu:

p {background-color: red; colore: blu; allineamento del testo: a destra}

L'intera nuvola di tag HTML contiene moltocostruzioni, ma il loro studio, così come lo studio delle caratteristiche del loro uso, è assolutamente necessario per il web designer, e specialmente per il progettista del layout che senza di loro non sarà in grado di creare la pagina.

Inoltre, si dovrebbe sempre tenere a mente che inultimamente c'è stata un'evidente suddivisione in "aree", che non erano mai esistite prima, poiché non esisteva un'esistenza separata di layout, design e parte del programma di pagine web.

Quando si creano siti seri,tecnologie, in qualche modo diverse dai programmi tradizionali inclusi nel pacchetto di documenti d'ufficio. Anche per la creazione di una semplice pagina Web, vengono utilizzati tag html.

</ p>
  • valutazione: