Il linguaggio HTML Le pagine web sono file di testo scritte utilizzando il linguaggio HTML. I documenti HTML vanno racchiusi dentro una coppia di TAG.

Slides:

Advertisements

Presentazioni simili

Laboratorio digitale I a.a. 2010/2011 Dott.ssa Maria Giuseppa Aloia.

Advertisements

Introduzione all’HTML

I Frames Fabrizio Sacco.

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

Corso FSE II – html a.a Lezione 5. corso fse dinformatica – a.a html html (hypertext markup language) è un linguaggio di markup.

Lezione 1 Primi passi in HtML SCRIVERE TESTI di Sergio Capone

Informatica Modulo 2 – Office Word.

HYPER TEXT MARK-UP LANGUAGE

HTML LE PAGINE WEB COME SI SA, INTERNET E UN SISTEMA MONDIALE DI RETI DI COMPUTER CHE PERMETTE DI UTILIZZARE UN SISTEMA DI CONNESSIONE TRA COMPUTER.

HTML LE PAGINE WEB COME SI SA, INTERNET E UN SISTEMA MONDIALE DI RETI DI COMPUTER CHE PERMETTE DI UTILIZZARE UN SISTEMA DI CONNESSIONE TRA COMPUTER.

Il linguaggio HTML.

1 Scoprire e capire HTML Creare semplici pagine WEB Maria Laura Alessandroni.

Progettazione di un sito web

HTML e CSS Concetti base Comunicazione Multimediale.

Videoscrittura - 3. Informatica 1 SCICOM- a.a. 2010/11 2 Stili Insieme di comandi per la resa tipografica – esempio: Times New Roman 14pt, grassetto,

Laboratorio di Applicazioni Informatiche II mod. A

1 HTML - I Frame Laboratorio di Applicazioni Informatiche II mod. A.

LHTML è un linguaggio per computer comprensibile da parte dei browser Web Le pagine Web sono scritte in HTML LHTML è necessario sul Web per formattare.

Esempi sui CSS.

HyperText Markup Language

Un’introduzione a HTML (I)

Unintroduzione a HTML (II). 4-2 Includere figure con i tag immagine Le immagini possono essere usate come link utilizzando i tag àncora Formato del tag.

HTML HyperText Markup Language

1 HTML L’HTML è un linguaggio di markup: le istruzioni vengono date attraverso comandi denominati tag e racchiusi tra i segni di maggiore e minore ().

Il linguaggio HTML - Parte 2

Sommario Allineamento ( ) Immagini ( ) Link ( ). Allineamenti Oltre a posso usare per allineare testo ed immagini un altro tag: align = center o left.

Esercitazioni di Microsoft Word/2 Alcune funzioni avanzate.

HyperText Markup Language 17-23/6/08 Informatica applicata B Cristina Bosco.

2a Lezione: Martedì 6 Febbraio – HTML Comandi base

Prof. Antonio Scarvaglieri - Liceo "F. De Sanctis" - Paternò

Videoscrittura - 3 Informatica 1 (SAM) - a.a. 2010/11.

Costruire pagine per il WEB

2 Sintassi: (a capo) oppure (a capo con una linea) attributi:noshade sfuma la linea "size" laltezza in pixel, "width" larghezza in pixel ESEMPIO.

Cascading Style Sheet (Fogli di Stile in Cascata)

Introduzione al linguaggio HTML

Paragrafi e allineamenti

HTML per iniziare Gianpaolo Cecere. 29 aprile Sintassi HTML I tag HTML sono direttive per i browser I tag sono contenitori per porzioni di documento.

HTML Lezione 3 Stili.

Tabelle HTML Le tabelle in HTML permettono di formattare del testo, delle immagini, altre tabelle … in righe e colonne. Per poter affiancare due immagini.

Il Linguaggio HTML “Profe, ma io a casa l’HTML non ce l’ho!“

HTML HyperText Markup Language Linguaggio per marcare un’Ipertesto

Pagine Web statiche: HTML

HTML Gli elementi principali di una pagina Web. Titolo: 2  Attribuisce un titolo alla pagina  Il titolo è visibile nella “barra del titolo” del browser.

Corso Web CSV – Andiamo on-line 1 Andiamo on-line Corso di formazione Elementi base per la costruzione di un sito web.

HTML I tag HTML (parte 1). I tag HTML  I comandi che il browser interpreta  Etichette per marcare l’inizio e la fine di un elemento HTML  Formato e.

Tabelle in HTML Le tabelle permettono di creare una struttura matriciale (un foglio con tanti quadretti) Vengono utilizzate non solo per presentare dei.

CORSO Di WEB DESIGN prof. Leonardo Moriello

Creazione di pagine per Internet Brevi note a cura di Emanuele Lana

Corso di Introduzione all’Informatica

4a Lezione: Martedì 20 Febbraio – HTML – Tabelle

Tag TABLE. Oltre ad avere la funzione di rappresentare dati di ogni genere allineati in righe e colonne, le tabelle in HTML si utilizzano per costruire.

Programma delle lezioni LABORATORIO B  Lezione 01: 27/02martedi  Lezione 02: 06/03martedi  Lezione 03: 13/03martedi  Lezione 04:

GUIDA BASE PER L’HTML Indice:

HyperText Markup Language Informatica applicata alla comunicazione multimediale Cristina Bosco.

Internet e HTML Diffusione di informazioni mediante la rete Internet.

HTML 4.01 Apogeo. I tag di base Capitolo 1 I tag SintassiEsempi:

HTML e CSS C. Gena, C. Picardi, J. Sproston HTML e CSS.

Tag IMG Per inserire un'immagine in una pagina HTML basta inserire il tag: ; questo tag non ha bisogno di chiusura. Affinché l'immagine venga visualizzata.

HTML – Le Tabelle Laboratorio di Applicazioni Informatiche II mod. A.

PROGETTO… Internet Providers, registrazione del dominio Costruire una home page … e renderla visibile sul Web.

Fondamenti di Markup Languages: Richiami di HTML © 2005 Stefano Clemente Stefano Clemente

ELABORAZIONE TESTI MICROSOFT WORD EM 09.

Master in Telemedicina HTML per iniziare Maria Simi, dicembre 2004 [da un tutorial di Rigget]

Introduzione al linguaggio HTML

Creazione di pagine per Internet Brevi note a cura di Emanuele Lana

I tag di intestazione. I tag di intestazione sono: e.

HTML HTML Sistema di contrassegno riconosciuto dai Browser come (Firefox, Chrome, Internet Explorer) Hyper Text Markup Language.

Il linguaggio HTML Introduzione Formattazione Multimedialità.

HTML. Pagina HTML Struttura Titolo Hello World! Paragrafo apre il documento html contiene informazioni come il titolo della pagina, i meta tags, la codifica.

Transcript della presentazione:

Il linguaggio HTML Le pagine web sono file di testo scritte utilizzando 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>

Il documento è diviso in due sezioni : 1. intestazione (head) 2 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> …………

<h3>Home page personale</h3> </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=center align=left align=right . . . . . . . . . <body> <h3 align=“center”>Home page personale</h3> </body> </html>

<center> e </center> dispongono il testo a centro pagina: <body> <center> <h1>Testo del titolo</h1> </center> </body> </html>

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 )

COLLEGAMENTI (LINK) IPERTESTUALI <a href=“pagina2 COLLEGAMENTI (LINK) IPERTESTUALI <a href=“pagina2.htm”>vai a pagina 2</a> <a href=“pagina2.htm”><img src=“img.jpg”></a> 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. noci

Tabelle <table width="75%" border="1" align="center" bgcolor="#00FF00"> (la tabella occuperà il 75% della pagina, il bordo avrà la dimensione di un pixel, allineamento centrato e colore di sfondo ) <tr> inizia una nuova riga <td width="50%" bgcolor="#FF0000"> inizia una nuova colonna che occuperà il 50% della tabella con colore di sfondo <font color="#FFFFFF">prova</font> colore del testo della tabella </td> fine della colonna <td width="50%"> </td> </tr> fine riga </table> fine tabella