{"id":319,"date":"2011-09-26T19:00:23","date_gmt":"2011-09-26T18:00:23","guid":{"rendered":"http:\/\/www.caprioli.info\/portal\/?p=319"},"modified":"2021-10-28T14:00:50","modified_gmt":"2021-10-28T13:00:50","slug":"introduzione-linguaggio-html","status":"publish","type":"post","link":"https:\/\/www.caprioli.info\/portal\/?p=319","title":{"rendered":"Introduzione linguaggio HTML"},"content":{"rendered":"

HTML (HiperText Markup Language)<\/em> non \u00e8 un linguaggio di programmazione ma un semplice sistema di contrassegno.<\/p>\n

Per scrivere codice Html si pu\u00f2 usare qualsiasi editor html testuale (Homesite, Frontpage, Dreamweaver ecc.) ma anche solo Blocco Note.<\/p>\n

 <\/p>\n

Il codice Html deve essere salvato con formato .HTM<\/strong>; un qualsiasi documento salvato in questo formato viene comunque visualizzato dal browser ma senza alcuna formattazione. Scopo dell\u2019HTML \u00e8 quello di fornire, attraverso comandi chiamati TAG una formattazione al documento, <\/strong>oltre all\u2019inserimento di immagini ed altri elementi multimediali.<\/p>\n

I TAG vengono riconosciuti ed interpretati dai browser web.<\/p>\n

I tag HTML sono case in sensitive <\/strong>cio\u00e8 assolutamente indipendenti dal maiuscolo e minuscolo.<\/p>\n

 <\/p>\n

Un documento HTML si divide in due parti fondamentali:<\/p>\n

–\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 l\u2019intestazione<\/strong><\/p>\n

–\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 il corpo del documento<\/strong><\/p>\n

Il corpo del documento contiene tutti gli elementi della pagina: il testo, le immagini e tutto quanto viene materialmente visualizzato dal browser.<\/p>\n

Al contrario l\u2019intestazione contiene una serie di informazioni necessarie al browser per una corretta interpretazione del documento, ma non visualizzate all\u2019interno dello stesso (es. titolo della pagina, termini chiave per i motori di ricerca ecc.).<\/p>\n

 <\/p>\n

HTML<\/strong><\/p>\n

Tutti gli elementi di un documento Html sono compresi all\u2019interno dei marcatori <HTML> <\/HTML> che aprono e chiudono il file.<\/p>\n

<HEAD><\/strong><\/p>\n

Gli elementi <HEAD> <\/HEAD> sono posti dopo l\u2019apertura del tag <HTML> e racchiudono l\u2019intestazione vera e propria del documento.<\/p>\n

<TITLE><\/strong><\/p>\n

L\u2019elemento <TITLE> <\/TITLE> \u00e8 il pi\u00f9 utilizzato all\u2019interno del tag <HEAD>\u00a0 in quanto fornisce il titolo della pagina; il titolo viene visualizzato dai browser nell\u2019intestazione della pagina.<\/p>\n

 <\/p>\n

META<\/strong><\/p>\n

I motori di ricerca sono una risorsa indispensabile per chi cerca informazioni sulla rete. Figurare all\u2019interno di tali motori di ricerca \u00e8 fondamentale per chi crea pagine web.\u00a0 Oltre che essere inseriti nei motori di ricerca \u00e8 importante figurare tra i primi siti che vengono visualizzati nella ricerca.\u00a0 Per rispondere a queste necessit\u00e0 si utilizzano i META tag, stringhe di codice che figurano in testa al documento, tra i comandi <HEAD> e <\/HEAD> e che vengono, per prime, lette dai motori di ricerca.<\/p>\n

 <\/p>\n

<META name=”keywords” content=”Caprioli.info, corso HTML”><\/p>\n

Le keywords sono le parole chiave che sinteticamente descrivono una pagina web.<\/p>\n

 <\/p>\n

<META name=”author” content=”Nome e Cognome”><\/p>\n

riguardano l\u2019autore della pagina web<\/p>\n

 <\/p>\n

<META name=”description” content=”la mia prima homepage”><\/p>\n

descrizione come testo che apparir\u00e0 in seguito alla ricerca<\/p>\n

 <\/p>\n

<META name=”generator” content=”blocco note”><\/p>\n

nome dell\u2019editor con cui il documento \u00e8 stato generato<\/p>\n

 <\/p>\n

<META name=”robots” contents=”noindex”><\/p>\n

serve se per qualche ragione non<\/strong> si vuole che la pagina venga indicizzata nei motori di ricerca<\/p>\n

 <\/p>\n

<META HTTP-EQUIV=”refresh” content=”5; url=seconda.htm”><\/p>\n

\u00e8 il meta tag che permette il refresh della pagina; ci\u00f2 vuol dire che la stessa pagina o una differente pu\u00f2 essere lanciata dopo un certo numero di secondi che noi impostiamo<\/p>\n

 <\/p>\n

RIEPILOGO<\/p>\n

<HTML><\/p>\n

<HEAD><\/p>\n

<META name\u2026\u2026..<\/p>\n

<META name……<\/p>\n

<TITLE>\u00a0 La mia prima pagina html <\/TITLE><\/p>\n

<\/HEAD><\/p>\n

<\/HTML><\/p><\/blockquote>\n

 <\/p>\n

CORPO DEL DOCUMENTO<\/strong><\/p>\n

Il corpo del documento inizia dopo <\/HEAD>.<\/p>\n

I tag che lo delimitano sono <BODY> e <\/BODY><\/strong><\/p>\n

E\u2019 la parte pi\u00f9 importante perch\u00e9 tra questi tag viene posto tutto ci\u00f2 che verr\u00e0 visualizzato. Se all\u2019interno del BODY non viene specificato nulla di diverso il file creato avr\u00e0 uno sfondo bianco, le scritte saranno in Times New Roman nero e allineate a sinistra: sono i valori predefiniti ai quali il browser fa riferimento se non trova nessun comando che ne specifichi di diversi.<\/strong><\/p>\n

Possiamo intervenire su buona parte di questi valori:<\/p>\n

 <\/p>\n

<BODY BGCOLOR<\/strong>=”#FFFFFF” TEXT<\/strong>=”BLUE”><\/p>\n

L\u2019attributo Bgcolor indica il colore da usare come sfondo. I valori possono essere inseriti in codice RGB (esadecimale) e alcuni in lingua inglese. L\u2019utilit\u00e0 dei colori esadecimali si ha dove non si vuole un colore standard.<\/p>\n

L\u2019attributo TEXT indica il colore del testo per tutto il documento, se non specificato diversamente.<\/p>\n

 <\/p>\n

<BODY BACKGROUND<\/strong>=”immagine.gif”><\/p>\n

serve per impostare un\u2019immagine di sfondo.<\/p>\n

<BODY LINK<\/strong>=”GREEN” VLINK<\/strong>=”RED” ALINK<\/strong>=”ORANGE”><\/p>\n

Gli attributi LINK VLINK e ALINK servono per cambiare le impostazioni di default per i colori rispettivamente dei link, dei link visitati e dei link attivi.<\/p>\n

<BODY LEFTMARGIN<\/strong>=”0″ TOPMARGIN<\/strong>=”0″><\/p>\n

Gli attributi indicati servono per eliminare le impostazioni del browser che lascia sempre un po\u2019 di margine a bordo pagina.<\/p>\n

<BODY LANG<\/strong>=”IT”><\/p>\n

L\u2019attributo LANG serve ai motori di ricerca per sapere in quale lingua \u00e8 scritta la pagina web.<\/p>\n

 <\/p>\n

<FONT<\/strong> FACE=”arial” SIZE=”5″ COLOR=”red”> caratteri da formattare <\/FONT><\/strong><\/p>\n

questo tag serve per definire, per alcune parti di testo, il tipo di font utilizzato (Arial, Courier, Times New Roman, Verdina, ecc.) , la grandezza (da 1 \u2013 piccolo \u00a0a 7 – grande) e il colore del testo.<\/p>\n

 <\/p>\n

<B> testo grassetto <\/B><\/p>\n

<I> testo corsivo <\/I><\/p>\n

<U> testo sottolineato <\/U><\/p>\n

<STRIKE> testo barrato <\/STRIKE><\/p>\n

<SUB> testo pedice <\/SUB><\/p>\n

<SUP> testo apice <\/SUP><\/p>\n

<MARQUEE> testo scorrevole <\/MARQUEE><\/p><\/blockquote>\n

 <\/p>\n

<BR><\/strong> manda il testo a capo<\/p>\n

<DIV ALIGN<\/strong>=”left”> testo allineato a sinistra <\/DIV>\u00a0 (right o center per allineamento a destra o centrato \u2013 Il testo che segue la chiusura del DIV viene mandato a capo)<\/p>\n

<P ALIGN<\/strong>=”justify”> testo giustificato <\/P>\u00a0\u00a0 (come per il DIV ma con la possibilit\u00e0 del testo giustificato)<\/p>\n

<HR<\/strong> align=”center” size=”2″ width=”400″ color=”red” noshade><\/p>\n

serve per inserire una riga orizzontale; noshade elimina l\u2019effetto 3D<\/p>\n

 <\/p>\n

Per inserire un\u2019immagine nella pagina si usa:<\/strong><\/p>\n

<IMG SRC=”nomeimmagine.ext” WIDHT=”400″ HEIGHT=”200″ BORDER=”0″ ALIGN=”CENTER”><\/p>\n

Il nome dell\u2019immagine deve essere seguito dalla sua estensione (es. foto1.jpg, immagine.gif, immagine2.png) e se necessario preceduto dal percorso che indica la cartella in cui si trova l\u2019immagine.<\/p>\n

Gli attributi WIDTH e HEIGHT servono per indicare rispettivamente la larghezza dell\u2019immagine e la sua altezza. Possono essere indicati in pixel o in % (width=”80%”)<\/p>\n

Se si usa in questo tag l\u2019attributo ALIGN il testo viene allineato con l\u2019immagine<\/p>\n

(ALIGN \u00e0 left\/center\/right\/top\/bottom\/middle)<\/p>\n

Gli attibuti HSPACE = ” ” e VSPACE=” ” (horizontal space \u2013 verticale space) impostano lo spazio che si vuole lasciare tra l\u2019immagine e tutto il resto.<\/h2>\n

 <\/p>\n

ELENCHI NUMERATI<\/strong><\/p>\n

Gli elenchi numerati sono costituiti dai tag di apertura e chiusura <OL> <\/OL><\/strong> e tanti tag di apertura per quante sono le voci di menu <LI>.<\/strong><\/p>\n

Es.<\/p>\n

<OL><\/p>\n

<LI> prima voce di menu<\/p>\n

<LI> seconda voce di menu<\/p>\n

<LI> terza voce di menu<\/p>\n

<\/OL><\/p><\/blockquote>\n

 <\/p>\n

Ad ogni LI il testo va a capo automaticamente.<\/p>\n

Se non stabilito diversamente il tipo di elenco ordinato che il browser visualizza \u00e8 numerato (es 1.\u00a0 2.\u00a0 3.)<\/p>\n

<OL TYPE=A> si ottiene un\u2019indicizzazione alfabetica maiuscola<\/p>\n

<OL TYPE=a> si ottiene un\u2019indicizzazione alfabetica minuscola<\/p>\n

<OL TYPE=I> indicizzazione con\u00a0 numeri romani maiuscoli<\/p>\n

<OL TYPE=i> indicizzazione con\u00a0 numeri romani minuscoli<\/p><\/blockquote>\n

 <\/p>\n

ELENCHI PUNTATI<\/strong><\/p>\n

\u00a0<\/strong>Funzionano come gli elenchi numerati, ma i tag di apertura e chiusura sono <UL> e >\/UL><\/strong><\/p>\n

ES.<\/p>\n

<UL><\/p>\n

<LI> prima voce di menu<\/p>\n

<LI> seconda voce di menu<\/p>\n

<LI> terza voce di menu<\/p>\n

<\/UL><\/p><\/blockquote>\n

 <\/p>\n

Se non definito diversamente l\u2019elenco \u00e8 costituito da una serie di pallini.<\/p>\n

<UL TYPE=disc>\u00a0 definisce un elenco con pallini pieni<\/p>\n

<UL TYPE=circe> definisce un elenco con pallini vuoti<\/p>\n

<UL TYPE=square> definisce un elenco con quadratini pieni<\/p><\/blockquote>\n

 <\/p>\n

LA TABELLA
\n<\/strong><\/p>\n

L\u2019elemento <TABLE><\/strong> contiene tutte le informazioni della tabella, costitutita dalle righe <TR><\/strong> e dalle singole celle <TD>.<\/strong><\/p>\n

 <\/p>\n

ES.\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 Tabella composta da due righe e due colonne<\/p>\n

<TABLE><\/p>\n

<TR><\/p>\n

<TD> &nbsp <\/TD><\/p>\n

<TD>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 <\/TD><\/p>\n

<\/TR><\/p>\n

<TR><\/p>\n

<TD> &nbsp <\/TD><\/p>\n

<TD>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 <\/TD><\/p>\n

<\/TR><\/p>\n

<\/TABLE><\/p><\/blockquote>\n

 <\/p>\n

 <\/p>\n

Gli attributi WIDTH e HEIGHT<\/strong> servono per specificare rispettivamente la larghezza o l\u2019altezza della tabella, ma anche delle singole righe o celle.<\/p>\n

 <\/p>\n

Es.<\/p>\n

<TABLE WIDTH=400><\/p>\n

In questo caso la dimensione della tabella \u00e8 espressa in pixel, ma pu\u00f2 anche essere espressa in percentuale<\/p>\n

<TABLE WIDTH=80%><\/p>\n

L\u2019attributo BORDER <\/strong>visualizza un bordo intorno alla tabella e ad ogni singola cella. Se il valore di border \u00e8 0 non sar\u00e0 visualizzato nessun bordo.<\/p>\n

<TABLE BORDER=1><\/p>\n

L\u2019attributo ALIGN<\/strong> serve per allineare il testo all\u2019interno delle celle<\/p>\n

<TD ALIGN=”center”><\/p>\n

Gli attributi ROWSPAN e COLSPAN consentono di creare celle che si espandono rispettivamente su pi\u00f9 righe e su pi\u00f9 colonne.<\/p>\n

<TD COLSPAN=2><\/p>\n

COLLEGAMENTI IPERTESTUALI<\/strong><\/p>\n

Un ipertesto \u00e8 un modo per formattare documenti in forma non sequenziale, grazie ai collegamenti ipertestuali (link)\u00a0 <\/strong>che permettono di saltare da un punto all\u2019altro del documento o da un sito all\u2019altro senza soluzione di continuit\u00e0.<\/p>\n

 <\/p>\n

Per inserire nei documenti Html dei link si utilizza il tag<\/p>\n

<A HREF>\u00a0\u00a0 <\/A><\/strong><\/p>\n

I link possono rimandare ad un particolare URL:<\/p>\n

<A HREF=”http:\/\/www.caprioli.info<\/a>“> Clicca qui per visitare il sito<\/A><\/p>\n

oppure rimandare ad una pagina dello stesso sito:<\/p>\n

<A HREF=”pagina2.htm”>clicca qui per la nuova pagina <\/A><\/p>\n

oppure rimandare ad un punto particolare dello stesso documento<\/p>\n

<A HREF=”#segnalibro”> trova il punto esatto <\/A><\/p>\n

in questo caso va inserito il tag <A NAME=”segnalibro”> nel punto specifico del documento al quale ci si vuole collegare.<\/p>\n

L\u2019attributo TITLE<\/strong> serve per definire un testo di commento attivato al passaggio del mouse.<\/p>\n

<A HREF=”seconda.htm” TITLE=”Non perderti questa novit\u00e0”> vai alla seconda pagina <\/A><\/p>\n

 <\/p>\n

E\u2019 possibile inserire collegamenti verso indirizzi e-mail: ciccando sul seguente link viene automaticamente aperto il programma di posta predefinito, con impostato il destinatario del messaggio:<\/p>\n

<A HREF=”MAILTO<\/strong>:info@caprioli.info”> Scrivici per informazioni sul corso <\/A><\/p>\n

\u00a0<\/strong><\/p>\n

FORM<\/strong><\/p>\n

<\/strong>Sono utilizzati perch\u00e9 l\u2019utente possa interagire con il sito ad esempio spedendo un commento, compilando un modulo di iscrizione, rispondendo a sondaggi, inserendo password e login per accedere ad aree riservate.<\/p>\n

I tag che aprono e chiudono il modulo form sono <FORM> <\/FORM>. <\/strong>Non \u00e8 possibile inserire un modulo interno ad un altro, cio\u00e8 non sono permesse nidificazioni.<\/p>\n

Il tag di base per la definizione degli elementi di un form \u00e8:<\/p>\n

<INPUT><\/strong><\/p>\n

e viene utilizzato per aggiungere pulsanti, menu di scelta, password ecc.<\/p>\n

<INPUT TYPE=”text” NAME=”nome” MAXLENGHT=”40″ SIZE=”33″ VALUE=”Il tuo nome”><\/p>\n

crea tipici campi di testo ; maxlenght indica il num.max di caratteri inseribili, size la larghezza della stringa all\u2019interno della pagina e value il testo di default all\u2019interno della stringa<\/p>\n

<INPUT TYPE=”checkbox” NAME=”socio” VALUE=”yes” CHECKED><\/p>\n

viene utilizzato per informazioni del tipo si\/no; crea delle piccole caselle da spuntare. Value impostato a yes indica che all\u2019inizio la casella \u00e8 spuntata. Cheched controlla lo stato iniziale della casella.<\/p>\n

<INPUT TYPE=”radio” NAME=”giudizio” VALUE=”sufficiente”><\/p>\n

<INPUT TYPE=”radio” NAME=”giudizio” VALUE=”buono”><\/p>\n

<INPUT TYPE=”radio\u201d NAME=”giudizio” VALUE=”ottimo”><\/p>\n

Ha funzioni simili a quello visto in precedenza ma presenta pi\u00f9 scelte possibili. Selezionando una voce tra quelle presenti, qualora abbiano tutte il name identico, si deselezionano automaticamente le altre.<\/p>\n

<INPUT TYPE=”SUBMIT” VALUE=”Spedisci”><\/p>\n

E\u2019 il classico bottone che invia il form con tutti i suoi contenuti.<\/p>\n

<INPUT TYPE=”RESET” VALUE=”Annulla”><\/p>\n

Bottone che reimposta l\u2019intero form eliminando i dati inseriti.<\/p>\n

<TEXTAREA COLS=40 ROWS=5 WRAP=”phisical” name=”commento”> <\/TEXTAREA><\/p>\n

E\u2019 utilizzato per commenti che prevedono l\u2019inserimento di molto testo. Wrap phisical stabilisce che qualora il testo inserito superi la larghezza della finestra venga automaticamente mandato a capo.<\/p>\n

<SELECT SIZE=1 COLS=4\u00a0 NAME=”giudizio”><\/p>\n

<OPTION selected Value=nessuna><\/p>\n

<OPTION value=sufficiente> sufficiente<\/p>\n

<OPTION value=buono> buono<\/p>\n

<OPTION value=ottimo> ottimo<\/p>\n

<\/SELECT><\/p><\/blockquote>\n

Select \u00e8 un elemento che permette la creazione di elementi a discesa.<\/p>\n

 <\/p>\n

 <\/p>\n

Spero come sempre di esservi stato\u00a0 utile.<\/p>\n

Al prossimo articolo.<\/p>\n

 <\/p>\n

Cr1sS<\/p>\n","protected":false},"excerpt":{"rendered":"

HTML (HiperText Markup Language) non \u00e8 un linguaggio di programmazione ma un semplice sistema di contrassegno. Per scrivere codice Html si pu\u00f2 usare qualsiasi editor html testuale (Homesite, Frontpage, Dreamweaver ecc.) ma anche solo Blocco Note.   Il codice Html […]<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[20],"tags":[54,49,48,63,51,39,55,50,62,45,178,59,53,43,65,42,52,47,57,60,56,66,61,64,46,58,44],"yoast_head":"\r\nIntroduzione linguaggio HTML - caprioli.info<\/title>\r\n<meta name=\"description\" content=\"Perch\u00e8 un titolo cos\u00ec semplice? Sicuramente il tuo problema sar\u00e0 stato affrontato da altri utenti e grazie alla potenza del \u2018world wide web\u2019 che permette la condivisione delle proprie conoscenze ed esperienze, cercando con i modi e termini giusti, ci si riesce sempre o quasi a trovare la soluzione al proprio problema. Se per te possono sembrare banali, per altri risolutive.\" \/>\r\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\r\n<link rel=\"canonical\" href=\"https:\/\/www.caprioli.info\/portal\/?p=319\" \/>\r\n<meta property=\"og:locale\" content=\"it_IT\" \/>\r\n<meta property=\"og:type\" content=\"article\" \/>\r\n<meta property=\"og:title\" content=\"Introduzione linguaggio HTML - caprioli.info\" \/>\r\n<meta property=\"og:description\" content=\"Perch\u00e8 un titolo cos\u00ec semplice? Sicuramente il tuo problema sar\u00e0 stato affrontato da altri utenti e grazie alla potenza del \u2018world wide web\u2019 che permette la condivisione delle proprie conoscenze ed esperienze, cercando con i modi e termini giusti, ci si riesce sempre o quasi a trovare la soluzione al proprio problema. Se per te possono sembrare banali, per altri risolutive.\" \/>\r\n<meta property=\"og:url\" content=\"https:\/\/www.caprioli.info\/portal\/?p=319\" \/>\r\n<meta property=\"og:site_name\" content=\"caprioli.info\" \/>\r\n<meta property=\"article:published_time\" content=\"2011-09-26T18:00:23+00:00\" \/>\r\n<meta property=\"article:modified_time\" content=\"2021-10-28T13:00:50+00:00\" \/>\r\n<meta name=\"author\" content=\"Cr1sS\" \/>\r\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\r\n<meta name=\"twitter:label1\" content=\"Scritto da\" \/>\n\t<meta name=\"twitter:data1\" content=\"Cr1sS\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data2\" content=\"11 minuti\" \/>\r\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.caprioli.info\/portal\/?p=319\",\"url\":\"https:\/\/www.caprioli.info\/portal\/?p=319\",\"name\":\"Introduzione linguaggio HTML - caprioli.info\",\"isPartOf\":{\"@id\":\"https:\/\/www.caprioli.info\/portal\/#website\"},\"datePublished\":\"2011-09-26T18:00:23+00:00\",\"dateModified\":\"2021-10-28T13:00:50+00:00\",\"author\":{\"@id\":\"https:\/\/www.caprioli.info\/portal\/#\/schema\/person\/81d5d2860d7b17890d7c42a729b62b2e\"},\"description\":\"Perch\u00e8 un titolo cos\u00ec semplice? Sicuramente il tuo problema sar\u00e0 stato affrontato da altri utenti e grazie alla potenza del \u2018world wide web\u2019 che permette la condivisione delle proprie conoscenze ed esperienze, cercando con i modi e termini giusti, ci si riesce sempre o quasi a trovare la soluzione al proprio problema. Se per te possono sembrare banali, per altri risolutive.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.caprioli.info\/portal\/?p=319#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.caprioli.info\/portal\/?p=319\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.caprioli.info\/portal\/?p=319#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.caprioli.info\/portal\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Introduzione linguaggio HTML\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.caprioli.info\/portal\/#website\",\"url\":\"https:\/\/www.caprioli.info\/portal\/\",\"name\":\"caprioli.info\",\"description\":\"Cerca che trovi\",\"alternateName\":\"Caprioli - Cerca che trovi\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.caprioli.info\/portal\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"it-IT\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.caprioli.info\/portal\/#\/schema\/person\/81d5d2860d7b17890d7c42a729b62b2e\",\"name\":\"Cr1sS\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/www.caprioli.info\/portal\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/44e2e5f67cf259e9b2b7a91a063d77f8?s=96&d=monsterid&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/44e2e5f67cf259e9b2b7a91a063d77f8?s=96&d=monsterid&r=g\",\"caption\":\"Cr1sS\"},\"url\":\"https:\/\/www.caprioli.info\/portal\/?author=3\"}]}<\/script>\r\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Introduzione linguaggio HTML - caprioli.info","description":"Perch\u00e8 un titolo cos\u00ec semplice? Sicuramente il tuo problema sar\u00e0 stato affrontato da altri utenti e grazie alla potenza del \u2018world wide web\u2019 che permette la condivisione delle proprie conoscenze ed esperienze, cercando con i modi e termini giusti, ci si riesce sempre o quasi a trovare la soluzione al proprio problema. Se per te possono sembrare banali, per altri risolutive.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.caprioli.info\/portal\/?p=319","og_locale":"it_IT","og_type":"article","og_title":"Introduzione linguaggio HTML - caprioli.info","og_description":"Perch\u00e8 un titolo cos\u00ec semplice? Sicuramente il tuo problema sar\u00e0 stato affrontato da altri utenti e grazie alla potenza del \u2018world wide web\u2019 che permette la condivisione delle proprie conoscenze ed esperienze, cercando con i modi e termini giusti, ci si riesce sempre o quasi a trovare la soluzione al proprio problema. Se per te possono sembrare banali, per altri risolutive.","og_url":"https:\/\/www.caprioli.info\/portal\/?p=319","og_site_name":"caprioli.info","article_published_time":"2011-09-26T18:00:23+00:00","article_modified_time":"2021-10-28T13:00:50+00:00","author":"Cr1sS","twitter_card":"summary_large_image","twitter_misc":{"Scritto da":"Cr1sS","Tempo di lettura stimato":"11 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.caprioli.info\/portal\/?p=319","url":"https:\/\/www.caprioli.info\/portal\/?p=319","name":"Introduzione linguaggio HTML - caprioli.info","isPartOf":{"@id":"https:\/\/www.caprioli.info\/portal\/#website"},"datePublished":"2011-09-26T18:00:23+00:00","dateModified":"2021-10-28T13:00:50+00:00","author":{"@id":"https:\/\/www.caprioli.info\/portal\/#\/schema\/person\/81d5d2860d7b17890d7c42a729b62b2e"},"description":"Perch\u00e8 un titolo cos\u00ec semplice? Sicuramente il tuo problema sar\u00e0 stato affrontato da altri utenti e grazie alla potenza del \u2018world wide web\u2019 che permette la condivisione delle proprie conoscenze ed esperienze, cercando con i modi e termini giusti, ci si riesce sempre o quasi a trovare la soluzione al proprio problema. Se per te possono sembrare banali, per altri risolutive.","breadcrumb":{"@id":"https:\/\/www.caprioli.info\/portal\/?p=319#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.caprioli.info\/portal\/?p=319"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.caprioli.info\/portal\/?p=319#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.caprioli.info\/portal\/"},{"@type":"ListItem","position":2,"name":"Introduzione linguaggio HTML"}]},{"@type":"WebSite","@id":"https:\/\/www.caprioli.info\/portal\/#website","url":"https:\/\/www.caprioli.info\/portal\/","name":"caprioli.info","description":"Cerca che trovi","alternateName":"Caprioli - Cerca che trovi","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.caprioli.info\/portal\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"it-IT"},{"@type":"Person","@id":"https:\/\/www.caprioli.info\/portal\/#\/schema\/person\/81d5d2860d7b17890d7c42a729b62b2e","name":"Cr1sS","image":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/www.caprioli.info\/portal\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/44e2e5f67cf259e9b2b7a91a063d77f8?s=96&d=monsterid&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/44e2e5f67cf259e9b2b7a91a063d77f8?s=96&d=monsterid&r=g","caption":"Cr1sS"},"url":"https:\/\/www.caprioli.info\/portal\/?author=3"}]}},"_links":{"self":[{"href":"https:\/\/www.caprioli.info\/portal\/index.php?rest_route=\/wp\/v2\/posts\/319"}],"collection":[{"href":"https:\/\/www.caprioli.info\/portal\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.caprioli.info\/portal\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.caprioli.info\/portal\/index.php?rest_route=\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.caprioli.info\/portal\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=319"}],"version-history":[{"count":6,"href":"https:\/\/www.caprioli.info\/portal\/index.php?rest_route=\/wp\/v2\/posts\/319\/revisions"}],"predecessor-version":[{"id":324,"href":"https:\/\/www.caprioli.info\/portal\/index.php?rest_route=\/wp\/v2\/posts\/319\/revisions\/324"}],"wp:attachment":[{"href":"https:\/\/www.caprioli.info\/portal\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=319"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.caprioli.info\/portal\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=319"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.caprioli.info\/portal\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=319"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}