HTML Blog

Dopo che vari lettori di questo Blog mi hanno spinto a scrivere dei nuovi tutorial sono andato in giro a cercarne. In effetti MyBlog.it non usa PROPRIO il linguaggio HTML, ma un linguaggio molto  simile, che si chiama XHTML e che è un 'figlio' dell'   HTML. Questo nuovo tipo di linguaggio serve per semplificare l'Html in modo che anche dei piccoli supporti lo possano leggere (vedi telefonini, palmari ecc.), Io non sono un esperto, fino a 2 anni fa non sapevo nemmeno accendere un Pc, da un anno ho iniziato a bloggare, ma ho visto che se una persona ha un pochino di passione riesce benissimo a capire come funziona l'Html e di conseguenza l'  XHTML . Purtroppo non ci sono guide in Italiano (o almeno io non le ho trovate) e quelle per l'HTML e il CSS sono fatte per lo più per chi ha già delle basi, ed è proprio per questo che esiste HTML Blog, per dare l'occasione di imparare a TUTTI l'Html e il Css, certo, ora dovrò iniziare con XHML e studiarlo, tradurlo e farne dei riassunti semplici e comprensibili non sarà uno scherzo, specialmente di questi tempi che ho riniziato a lavorare e che il tempo che potrò dedicare a quete cose non sarà moltissimo, mentre è proprio il tempo disponibile uno dei fattori indispensabili. Comunque ecco dei links utili per chi ha voglia di sapenrne di più (tutto in inglese, ma sono le guide migliori nonchè quelle ufficiali oltre che le più semplici):  Per CHI INIZIA, cos'è il WWW cos'è l'HTML cos'è il CSS  Ecco invece le GUIDE   quella per il HTML , quella per il CSS e quella per XHTML e infine quella specifica  XHTML DTDs 1.0 Transitional , cioè quella che interessa a Noi per giocare con i Templates  di questi blog su MyBlog.it. Un saluto e... Buono studio a tutti

I browser ( Internet Explorer a pagamento, Firefox gratuito ) sono programmi in grado di interpretare il codice HTML e visualizzarlo sotto forma di testo e immagini ( detto ipertesto). Il primo Browse fu chiamato WorldWideWeb (dimostrativo) e fu la base di quelli moderni. Uno dei successi del Web fu, ed è tuttora, oltre l'usabilità ( con lo stesso codice si potevano viusalizzare, a parte piccole differenze, le stesse immagini con tutti i tipi di browser), i LINKS (trad. i collegamenti); cliccando in un testo o in un immagine si va da una pagina all'altra del Web.
L'HTML è caratterizzato da marcatori o tag, che hanno l'ordine di visualizzare una determinata funzione : sono messi tra parentesi uncinate eccole in rosso <  > . Se voglio visualizzare in queste righe l'immagine (precedentemente caricata nel file di questo blog a questo indirizzo http://html.myblog.it/images/Bandiera_Italiana.jpg ) quindi ecco tutta la stringa - semplice- che serve per viusalizzare un immagine oppure:<img src="http://html.myblog.it/images/Bandiera_Italiana.jpg" alt= "Bandiera Italiana>  , Dove src sta per l'INDIRIZZO dove si trova l'immagine alt l'eventuale scritta che potrà comparire se l'immagine per qualche motivo non dovesse vedersi. Se invece alla stringa che ho scritto sopra aggiungo anche altre istruzioni in modo che l'istruzione sia il più completa possibile e gli dirò  come DOVE posizionarsi cioè align e lo SPAZIO  che voglio lasciare fra l'immagine e l'eventuale scritto cioè wspace per lo spazio width  e cioè le dimensioni -per larghezza-;  hspace per quello in alto e sotto, cioè, la dimensione di altezza dell'immagine: height ;  quindi un eventuale BORDO dell'immagine border . Ecco la stessa immagine che però voglio far comparire nel lato destro (se non è specificato  comparirà  a sinistra) , in mezzo al testo , però con 3 pixel di distanza dal testo stesso e con una cornice di altri 3 pixel. <img border="3" wspace="3" align="right" width="105" src="http://html.myblog.it/images/Bandiera_Italiana.jpg" hspace="3" height="69" /> . Una volta che si sanno questi parametri potrò mettere l'immagine che voglio DOVE voglio, e non come l'Editor vuole. Inoltre, una volta tolti i comandi che non mi interessano la stessa cosa farò per un eventuale testo. Se vogliamo che la medesima immagine ci porti in una specifica pagina, per esempio nel vecchio HTLM Blog old version ecco come sarà lo script.  <a href: "http://html.myblog.it" target= "_blank" title= "HTLM old version"><img  src="http://html.myblog.it/images/Bandiera_Italiana.jpg" width="105" height="69" alt="Htlm Blog old version" align="right" vspace="3" border="0"  /></a>. Dove target sta ad indicare dove andare e _blank significa a prire una nuova finestra ( coi nuovi browser una nuova scheda) ; title il nome della pagina stessa e infine, l'ultimo /a indica la CHIUSURA del tag. Ora basta troviate un immagine che Vi piace e con questo 'script' potete usarla come 'firma' in Forum o in , commenti o quant'altro.   Carina? Vediamo come si fa a linkare il testo che è MOLTO SEMPLICE. Diciamo che voglio che cliccando su BlogMasterPg l'utente si ritrovi nel Mio Blog principale ecco che dovrò scrivere. < href="http://blogmasterpg.blogspot.com/">BlogMasterPg</a>, dove href sta ad indicare DOVE è l'indirizzo del testo in questione ; in pratica lo stesso identico attributo, o tag src solo che src è per le IMMAGINI e href è per il TESTO. Semplice, no?  Per ora fermiamoci qui. queste sono le cose più importanti da sapere per i LINK a testo e link a immagini . 
ATTENZIONE: se sbagliate solo una lettera o una virgola nel testo non vi comparirà nulla, quindi quando si scrive in HTML bisonga stare MOLTO attenti a non sbagliare: I browser sono macchine, quindi stupide e non riconoscono un errore picccolo da uno grande. Buon divertimento.