1 / 12

<html> ……………………………… ……………………………… …………………………… ………………. </html>

Il linguaggio HTML I documenti HTML vanno racchiusi dentro una coppia di TAG (marcatori): apertura e chiusura. <html> ……………………………… ……………………………… …………………………… ………………. </html>. I tag devono essere racchiusi dentro parentesi acute <tag> Il tag di chiusura è preceduto da uno slash / </tag>.

drake
Download Presentation

<html> ……………………………… ……………………………… …………………………… ………………. </html>

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Il linguaggio HTMLI documenti HTML vanno racchiusi dentro una coppia di TAG (marcatori): apertura e chiusura. <html> ……………………………… ……………………………… …………………………… ………………. </html>

  2. I tag devono essere racchiusi dentro parentesi acute <tag>Il tag di chiusura è preceduto da uno slash /</tag>

  3. Il documento è diviso in due sezioni : 1. intestazione (head) 2. corpo del documento (body)<html> <head> ………….. </head> <body> ……….. </body></html>

  4. Il titolo (title) del documento appare solo nella barra superiore della finestra del BROWSER. Non viene visualizzato nella pagina web. <html> <head> <title>. . . . . . . . . . . </title> </head> <body> ………… <body> <html>

  5. I tag <h1>. . . <h6> e </h1> . . . </h6> indicano la dimensione del carattere di scrittura. h1 è la dimensione massima, h6 è la minima. . . . . . . . . . . . . . . . . . . . . . . . . . . . . <body> <h3>Home page personale</h3> </body> <html>

  6. I tag di allineamento (align) dispongono la stringa al centro, a sinistra o a destra della riga:align=centeralign=leftalign=right . . . . . . . . . . . . . . . . . . <body> <h3 align=“center”>Home page personale</h3> </body> </html>

  7. <center> e </center> dispongono il testo a centro pagina: . . . . . . . . . . . . . . . .. . . . . . . . . . . . . . . . . . . . . <body> <center> <h1>Messaggio pubblicitario</h1> </center> </body> </html>

  8. Definita la struttura del documento html , analizziamo brevemente altri tag utili: <br> porta a capo la successiva riga di testo <p> lascia una riga vuota <hr> traccia una linea orizzontale <b> e </b> danno la stringa in grassetto <i> e </i> danno la stringa in corsivo <blink> e </blink> per il testo lampeggiante

  9. Per inserire immagini nella pagina: <img src=“C:/documenti/foto.gif”> ( inserisce nella pagina il file grafico foto.gif memorizzato nella cartella documenti ) <img src=“foto.gif”width=“200 height=“150”> ( indica in PIXEL la larghezza e l’altezza dell’immagine ) N.B. l’HTML supporta i formati immagine gif e jpg

  10. COLLEGAMENTI (LINK) IPERTESTUALI<a href=“pagina2.htm”>vai a pagina 2</a>(salta,col clic del mouse, al file pagina2.htm salvato nella stessa cartella della pagina web.Se il file pagina2.htm trovasi in altra cartella, specificare il percorso esatto.N.B. Ci si può collegare anche al file gif , jpg , wav , mid ecc…

  11. LISTE O ELENCHI PUNTATI<ul> <li>mele</li><li>pere</li><li>noci</li></ul> …visualizza: . mele . pere . noci

  12. LISTE O ELENCHI NUMERATI<ol><li>mele</li><li>pere</li><li>noci</li></ol>…visualizza: 1. mele 2. pere 3. nociricordati di salvare i files in formato “solo testo” .htm. . . ed ora buon lavoro

More Related