HTML HTML Cosa sono le pagine HTML Un
Transcript
HTML HTML Cosa sono le pagine HTML Un
HTML z Hyper Text Mark-Up Language di marcatura per ipertesti z E’ un linguaggio di formattazione usato per descrivere i documenti ipertestuali disponibili nel World Wide Web. z I siti web sono scritti in HTML z Il codice viene letto ed elaborato dal browser, il quale genera la pagina che viene visualizzata sullo schermo. z Linguaggio HTML Hyper Text Mark-Up Language Cosa sono le pagine HTML z Ogni volta che navighiamo in rete visualizziamo pagine HTML z Che contengono testo, immagini, suoni ecc. z E sono collegate fra loro in modo da formare un ipertesto Risultato Un esempio di pagina HTML <html> <html> <head> <head> <title> <title> Esempio Esempio </title> </title> </head> </head> <body> <body> <h1> <h1> Buongiorno Buongiorno </h1> </h1> <p>Questo <p>Questo èè un un documento documento HTML</p> HTML</p> <p>a <p>a cura cura di</p> di</p> <hr <hr /> /> <address> <address> <a <a href=“http://www.itis.pr.it”>clicca href=“http://www.itis.pr.it”>clicca qui qui </a> </a> </address> </address> </body> </body> </html> </html> Acuni esempi di tag HTML z <html>...</html> Racchiude l’intero documento HTML. z <head>...</head> Racchiude l’intestazione di un documento HTML. z <body>...</body> Racchiude il corpo (testo e tag) del documento HTML. HTML (file di testo) z z Un file HTML è un file di testo quindi potrebbe essere generato da un qualunque editor di testo (es. blocconote) HTML consiste di tag che funzionano come comandi per il browser; ce ne sono per indicare il testo in grassetto, per creare elenchi, per mostrare un link e altro ancora. Direttive per la realizzazione delle pagine z z Creare una cartella che conterrà tutti i soli i file del nostro sito (es. c:\studente\sito) Creare un documento e assegnare subito il titolo, il colore del testo e dello sfondo (file- proprietà) z Salvare il file nella cartella con un nome significativo (tutto minuscolo, niente spazi e nessun carattere particolare) (es. z Il nome della pagina iniziale del sito è opportuno che sia index.htm lamiapagina.htm) Editor WYSIWYG z z z z z z z z Esistono vari editor ad alto livello che facilitano il compito di realizzazione di pagine web WYSIWYG (What You See Is What You Get) (Ciò che vedi è ciò che ottieni) … quasi … Editor “gratuiti” di solito legati ai browser (es. Microsoft FrontPage Express, Netscape Composer) Editor “non gratuiti” di solito più completi (es. Microsoft FrontPage, Macromedia Dreamweaver) evitano all’utente di conoscere e maneggiare questi tag, che restano dietro le quinte.