SlideShare a Scribd company logo
HTML HyperTextMarkupLanguage Linguaggio che permette di scrivere documenti ipertestuali da pubblicare nella rete.  Ogni documento scritto in HTML verrà interpretato da un Browser (Internet Explorer, Mozilla Firefox, Netscape navigator)
Ogni pagina html deve avere uno  schema ben preciso: <html> <head>   … . … . </head> <body> … . </body> </html>
Per inserire il titolo di una pagina web si usa il comando: <head> <title>ESEMPIO</title> </head>
FORMATTAZIONE CARATTERI: <font face=“tipo di carattere” color=“colore  carattere ” size=“ dimensione  carattere”> inserire testo </font> Es. <FONT FACE=&quot;Papyrus“ COLOR=&quot;#0000FF&quot; SIZE=&quot;3&quot;> FEDE'S HOME PAGE </FONT>
I TAG per i titoli sono: <H1>Titolo1</H1>   <H2>Titolo2</H2>   <H3>Titolo3</H3>   <H4>Titolo4</H4> <H5>Titolo5</H5>   <H6>Titolo6</H6> Per posizionare i titoli: <H1 ALIGN=“CENTER”>… <H1 ALIGN=“RIGHT”> <H1 ALIGN=“LEFT”> FORMATTAZIONE TITOLI:
FORMATTAZIONE CARATTERI: <b>…</b> per indicare il grassetto (Bold) <i>…</i> per indicare il corsivo (Italic) <u>…</u> per sottolineare (Underline)
PER ANDARE A CAPO : <br> PER CREARE UNA LINEA ORRIZZONTALE : <hr> PER CREARE UNA SCRITTA IN MOVIMENTO : <marquee>inserire testo</marquee>
Per caricare immagine:   <IMG SRC =“nomeimmagine.jpg”> Per dare la misura alla immagine caricata : <IMG SRC =“nomeimmagine.jpg” width=“100” height=“100”> Fare apparire una scritta sopra la foto : <IMG SRC =“nomeimmagine.jpg”width=“100” height=“100” alt=“testo alternativo”>
<P align=“center”> testo </P>  <P align=“left”>   <P align=“right”>  testo
PER INSERIRE UNA TABELLA :  <TABLE BORDER=“10”> <TR> <TD> riga1colonna1</TD> <TD> riga1colonna2</TD> </TR> <TR> <TD>riga2colonna1</TD> <TD>riga2colonna2</TD> </TR> </TABLE>
Per inserire un collegamento ipertestuale: <A HREF=“nome e percorso file.html”>parola collegamento</A>
Per inserire una lista: <UL> <LI>Riga 1</LI> <LI>Riga 2</LI> <LI>Riga 3</LI> </UL> Per inserire una lista numerato: <OL> <LI>Riga 1</LI> <LI>Riga 2</LI> <LI>Riga 3</LI> </OL>
Creare una pagina con i  FRAME HOME.HTML <html> <head> <title>prova</title> </head> <frameset rows=&quot;20%, 50%, 30%&quot;> <frame src=”esempio.html&quot; name=&quot;riga1&quot;> <frame src=&quot;esempio.html&quot; name=&quot;riga2&quot;> <frame src=&quot;riga3.html&quot; name=&quot;riga3&quot;> </frameset> </html> RIGA3.HTML <html> <frameset cols=&quot;33%, 33%, 34%&quot;> <frame src=“esempio.jpg&quot; name=&quot;riga3colonna1&quot;> <frame src=“esempio.jpg“ name=&quot;riga3colonna2&quot;> <frame src=“esempio.jpg&quot; name=&quot;riga3colonna3&quot;> </frameset> </html>

More Related Content

PPT
Lezione 3
PPT
Lezione 4
PPT
Lezione 5
DOCX
Inserire articoli correlati su blogger
DOCX
Codici html
ODP
Blogger & HTML
PPTX
SEO per Blogger: le Basi, le Novità e Qualche Utility per Wordpress
PPT
Lezione N 3
Lezione 3
Lezione 4
Lezione 5
Inserire articoli correlati su blogger
Codici html
Blogger & HTML
SEO per Blogger: le Basi, le Novità e Qualche Utility per Wordpress
Lezione N 3

Viewers also liked (6)

PPT
Html
PDF
Bab 5 kerja dan energi v2
PPTX
Imam An-Nawawi – Appreciating Allah’s Blessings Of Time And Age (Khutbah@MAK...
PPT
Herramientas Google
KEY
NRG Brand Identity
PPTX
ASPIRE a concept at AspireInstitute.com
Html
Bab 5 kerja dan energi v2
Imam An-Nawawi – Appreciating Allah’s Blessings Of Time And Age (Khutbah@MAK...
Herramientas Google
NRG Brand Identity
ASPIRE a concept at AspireInstitute.com
Ad

Similar to Html (20)

PPT
Html per traduttori
PPT
Html Base
PPT
HTMLslide
PPT
HTMLslide html
PPT
Presentazione Corso - Parte 1
PPT
Dal Click Al Web Server
PPSX
PDF
Open web programming
PPT
Lezione HTML
PPT
Introduzione all'Html
PPT
Html parte1
PDF
HTML e CSS Prima Lezione
PPTX
Tradurre e scrivere per il web (prima parte)
PPT
Lezione HTML
PDF
HTML e CSS
PPT
Web writing 2
PPT
PPT
Moodle sesta parte: l'html editor
PPTX
HTML5 + CSS 3 + JS
PPTX
Matteo Bicocchi - Introducing HTML5
Html per traduttori
Html Base
HTMLslide
HTMLslide html
Presentazione Corso - Parte 1
Dal Click Al Web Server
Open web programming
Lezione HTML
Introduzione all'Html
Html parte1
HTML e CSS Prima Lezione
Tradurre e scrivere per il web (prima parte)
Lezione HTML
HTML e CSS
Web writing 2
Moodle sesta parte: l'html editor
HTML5 + CSS 3 + JS
Matteo Bicocchi - Introducing HTML5
Ad

Recently uploaded (8)

PDF
NGÂN HÀNG CÂU HỎI TÁCH CHỌN LỌC THEO CHUYÊN ĐỀ TỪ ĐỀ THI THỬ TN THPT 2025 TIẾ...
PDF
Critico_o_creativo_Approcci_al_testo_let.pdf
PPTX
Santa Rosa da Lima, Vergine, Penitente, Terziaria Domenicana 1586-1617.pptx
PDF
Presentazione di Chimica sui Coloranti Alimentari
PDF
NGÂN HÀNG CÂU HỎI TÁCH CHỌN LỌC THEO CHUYÊN ĐỀ TỪ ĐỀ THI THỬ TN THPT 2025 TIẾ...
PPTX
San Giovanni Eudes, 1601 – 1680, sacerdote e fondatore francese.pptx
PDF
Presentazione educazione finanziaria e informazione.pdf
PDF
NGÂN HÀNG CÂU HỎI TÁCH CHỌN LỌC THEO CHUYÊN ĐỀ TỪ ĐỀ THI THỬ TN THPT 2025 TIẾ...
NGÂN HÀNG CÂU HỎI TÁCH CHỌN LỌC THEO CHUYÊN ĐỀ TỪ ĐỀ THI THỬ TN THPT 2025 TIẾ...
Critico_o_creativo_Approcci_al_testo_let.pdf
Santa Rosa da Lima, Vergine, Penitente, Terziaria Domenicana 1586-1617.pptx
Presentazione di Chimica sui Coloranti Alimentari
NGÂN HÀNG CÂU HỎI TÁCH CHỌN LỌC THEO CHUYÊN ĐỀ TỪ ĐỀ THI THỬ TN THPT 2025 TIẾ...
San Giovanni Eudes, 1601 – 1680, sacerdote e fondatore francese.pptx
Presentazione educazione finanziaria e informazione.pdf
NGÂN HÀNG CÂU HỎI TÁCH CHỌN LỌC THEO CHUYÊN ĐỀ TỪ ĐỀ THI THỬ TN THPT 2025 TIẾ...

Html

  • 1. HTML HyperTextMarkupLanguage Linguaggio che permette di scrivere documenti ipertestuali da pubblicare nella rete. Ogni documento scritto in HTML verrà interpretato da un Browser (Internet Explorer, Mozilla Firefox, Netscape navigator)
  • 2. Ogni pagina html deve avere uno schema ben preciso: <html> <head> … . … . </head> <body> … . </body> </html>
  • 3. Per inserire il titolo di una pagina web si usa il comando: <head> <title>ESEMPIO</title> </head>
  • 4. FORMATTAZIONE CARATTERI: <font face=“tipo di carattere” color=“colore carattere ” size=“ dimensione carattere”> inserire testo </font> Es. <FONT FACE=&quot;Papyrus“ COLOR=&quot;#0000FF&quot; SIZE=&quot;3&quot;> FEDE'S HOME PAGE </FONT>
  • 5. I TAG per i titoli sono: <H1>Titolo1</H1> <H2>Titolo2</H2> <H3>Titolo3</H3> <H4>Titolo4</H4> <H5>Titolo5</H5> <H6>Titolo6</H6> Per posizionare i titoli: <H1 ALIGN=“CENTER”>… <H1 ALIGN=“RIGHT”> <H1 ALIGN=“LEFT”> FORMATTAZIONE TITOLI:
  • 6. FORMATTAZIONE CARATTERI: <b>…</b> per indicare il grassetto (Bold) <i>…</i> per indicare il corsivo (Italic) <u>…</u> per sottolineare (Underline)
  • 7. PER ANDARE A CAPO : <br> PER CREARE UNA LINEA ORRIZZONTALE : <hr> PER CREARE UNA SCRITTA IN MOVIMENTO : <marquee>inserire testo</marquee>
  • 8. Per caricare immagine: <IMG SRC =“nomeimmagine.jpg”> Per dare la misura alla immagine caricata : <IMG SRC =“nomeimmagine.jpg” width=“100” height=“100”> Fare apparire una scritta sopra la foto : <IMG SRC =“nomeimmagine.jpg”width=“100” height=“100” alt=“testo alternativo”>
  • 9. <P align=“center”> testo </P> <P align=“left”> <P align=“right”> testo
  • 10. PER INSERIRE UNA TABELLA : <TABLE BORDER=“10”> <TR> <TD> riga1colonna1</TD> <TD> riga1colonna2</TD> </TR> <TR> <TD>riga2colonna1</TD> <TD>riga2colonna2</TD> </TR> </TABLE>
  • 11. Per inserire un collegamento ipertestuale: <A HREF=“nome e percorso file.html”>parola collegamento</A>
  • 12. Per inserire una lista: <UL> <LI>Riga 1</LI> <LI>Riga 2</LI> <LI>Riga 3</LI> </UL> Per inserire una lista numerato: <OL> <LI>Riga 1</LI> <LI>Riga 2</LI> <LI>Riga 3</LI> </OL>
  • 13. Creare una pagina con i FRAME HOME.HTML <html> <head> <title>prova</title> </head> <frameset rows=&quot;20%, 50%, 30%&quot;> <frame src=”esempio.html&quot; name=&quot;riga1&quot;> <frame src=&quot;esempio.html&quot; name=&quot;riga2&quot;> <frame src=&quot;riga3.html&quot; name=&quot;riga3&quot;> </frameset> </html> RIGA3.HTML <html> <frameset cols=&quot;33%, 33%, 34%&quot;> <frame src=“esempio.jpg&quot; name=&quot;riga3colonna1&quot;> <frame src=“esempio.jpg“ name=&quot;riga3colonna2&quot;> <frame src=“esempio.jpg&quot; name=&quot;riga3colonna3&quot;> </frameset> </html>