Primo blog
03.01.2014 13:18
HyperText Markup Language
25.10.2012 01:47
Questo è un blog sull'HTML che dovrebbe servire a delucidarvi sull'argomento. Se è così leggetelo, altrimenti chiudete pure la scheda del vostro Browser. Il blog contiene l'introduzione al linguaggio e diversi esempi. Dopo la lettura, se ci avrete capito qualcosa, riuscirete al più a fare una pagina. Per saperne di più vi conviene andare altrove. Si trova parecchio in giro anche qui in rete. Dovete solo provarci. La pubblicazione risale al 2012, come potete notare, questo perchè il blog era ospitato da un'altra parte. Ed ora passate pure alla riga successiva per leggerlo, tanto quello che avevo da dire l'ho detto.
HTML è un linguaggio per la creazione, la modifica e la formattazione di pagine web. Una pagina web è un documento HTMLinterpretato da un web browser. Per capire HTML basta pensare ad un qualsiasi editor WYSIWYG anche se HTML NON è WYSIWYG e NON è un editor, ma un linguaggio. E mentre in un qualsiasi editor WYSIWYG per inserire, modificare e formattare i contenuti che saranno poi visualizzati nella pagina web, ci si serve di un’opportuna area dotata di pulsanti per l’inserimento, la modifica e la formattazione di questi, in HTML, invece, ci si serve di opportuni tag. Il tutto avviene a riga di comando.
'A partire dalla versione 5, HTML diventa uno strumento specifico per la creazione e la formattazione di articoli.'
HTML: inserire un paragrafo
Un documento HTML è costituito normalmente da tre parti principali che sono l’inizio e la fine del documento, la testa ed il corpo. Sia la testa sia il corpo possono a loro volta contenere altri tag per l’inserimento di un titolo di pagina, mentre il corpo contiene tag per l’inserimento del contenuto vero e proprio del documento HTML, come ad esempio il tag<p>, che si usa per l'inserimento di un paragrafo.
Esempio:
<html>
<head>
<title>HyperText Markup Language</title>
</head>
<body>
<p>Per inserire un pararafo abbiamo bisogno del tag<p>come in questo esempio.
</body>
</html>
HTML: inserire una heading
Inserire una heading, vuol dire inserire un'intestazione. Esistono sei livelli di intestazioni che son h1, h2, 3, h4 h5, h6 ed i relativi tag <h1>, <h2>, <h3>, <h4>, <h5> <h6> di apertura e </h1>, </h2>, </h3>, </h4>, </h5> e </h6>, di chiusura.
<html>
<head>
<title>HyperText Markup Language</title>
</head>
<body>
<h1>Inserire un paragrafo</h1>
<p>Per inserire un pararafo abbiamo bisogno del tag<p>come in questo esempio.
</body>
HTML: inserire un' immagine
Si usa il tag vuoto <img>.
HTML: formattare un paragrafo
I programmi WYSIWYG hanno un pulsante per ogni cosa: per l'inserimento di un'immagine, di una tabella, di un elenco, di un link, ecc; HTML, invece, ha un tag per ogni cosa: per l'inserimento di un'immagine, di una tabella, di un elenco, di un link, ecc. E mentre per formattare un paragrafo, una tabella, un elenco, in un programma WYSIWYG si usa selezionare e poi cliccare sull'apposito pulsante, in HTML, invece, la formattazione avviene, nelle moderne versioni, o attraverso opportuni tag o utilizzando i CSS senza, in entrambi i casi, selezionare alcunché. In pratica, valgono sempre gli stessi concetti, ma la tecnica cambia.
Qui sotto è riportato l'esempio di un documento HTML che serve a formattare un paragrafo in una pagina web:
<html>
<head>
<title>HyperText Markup Language</title>
</head>
<body>
<h1>Esempio sullo stile grassetto</h1>
<p>In questo esempio viene applicato lo stile <b>grassetto</b>alla parola grassetto, appunto.
</body>
Ma l'HTML in combinazione con altri linguaggi può essere anche usato per creare applicazioni web come, ad esempio, un sito web, un convertitore ecc. Io però mi fermo qui.