HTML

UNITA' 2 LA PAGINA WEB

Indice| Indietro | Avanti

Competenze: Scrivere una semplice pagina web con il blocco note,
salvarla come file.htm e leggerla con il browser

Contenuti: I tag html, head, body

Cosa significa HTML?

HYPER
TEXT
MARKUP
LANGUAGE


Editor di testo

Cosa sono i tag?

  • I tag dell'HTML sono elementi sintattici che delimitano gli elementi HTML

  • Codice (ciò che scrivi) Output (ciò che il browser mostra)
    <b> Ciao </b> a tutti!!!
    Ciao a tutti!!!

  • I due caratteri "<" e ">" sono chiamati parentesi angolari.

  • Il tag d'inizio è <b>
  • Il tag di fine è </b>
  • .

    La pagina web

  • Il file html (o pagina web) è un oggetto tra i tag <html> ….. </html>
  • La pagina web è composta a sua volta di 2 oggetti: una testa (head) e un corpo (body).
  • La testa è un oggetto tra i tag <head> ….. </head>.
  • La testa può contenere informazioni varie sulla pagina.
  • Il contenuto della pagina è un oggetto tra i tag: <body> ….. </body>
  • Nell'oggetto body vi possono essere molti altri oggetti: testo, immagini, ancore, tabelle, moduli, elenchi ....
  • Ogni oggetto ha dei tag differenti.
  • Li impareremo!


  • Scrivi la tua prima pagina web!

    1. Apri il Blocco Note (Start, Programmmi, Accessori, Blocco Note)
    2. Scrivi questo testo:
      <html>
      <body>
       Questa è la mia prima pagina web (o qualsiasi cosa tu voglia scrivere)
      </body>
      </html>
      
    3. Salva il file come index.htm (Attenzione a selezionare Tutti i file quando salvi!), mettendolo in una cartella nei vostri documenti
    4. Apri il file salvato con un doppio click sul nome e guardalo. Si aprirà automaticamente il browser. Per poter vedere il codice HTML, clicca sul menu Visualizza - HTML
    5. Se tutto è ok, carica (upload) il file nella tua area di lavoro (Laboratori)
      (apri le Pagine personali di Amministrazione e Upload il tuo file)
      Il file che hai appena creato prenderà il posto della Home Page provvisoria.
    6. Scrivi un messaggio nel forum "La pagina web" per informare che la tua pagina è pronta!


    Ludovica Battista

    Indice| Indietro | Avanti