Il linguaggio   HTML
This presentation is the property of its rightful owner.
Sponsored Links
1 / 12

……………………………… ……………………………… …………………………… ………………. PowerPoint PPT Presentation


  • 101 Views
  • Uploaded on
  • Presentation posted in: General

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>.

Download Presentation

……………………………… ……………………………… …………………………… ……………….

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.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -

Presentation Transcript


Il linguaggio HTMLI 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>


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


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>


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>


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>


<center> e </center> dispongono il testo a centro pagina:

. . . . . . . . . . . . . . . .. . .

. . . . . . . . . . . . . . . . . .

<body>

<center>

<h1>Messaggio pubblicitario</h1>

</center>

</body>

</html>


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


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


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…


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


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


  • Login