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

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


  • 90 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


Html html

Il linguaggio HTMLI documenti HTML vanno racchiusi dentro una coppia di TAG (marcatori): apertura e chiusura.

<html>

………………………………

………………………………

……………………………

……………….

</html>


Html html

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


Html html

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


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


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


Html 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

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

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

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

<body>

<center>

<h1>Messaggio pubblicitario</h1>

</center>

</body>

</html>


Html 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


Html html

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


Html html

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…


Html html

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


Html html

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