HTML + CSS - Lezione 1
•Transferir como PPTX, PDF•
5 gostaram•1,173 visualizações
Prima lezione su HTML + CSS per gli studenti del D'Annunzio di Gorizia
Recomendados
Mais conteúdo relacionado
Mais procurados
Mais procurados (20)
Semelhante a HTML + CSS - Lezione 1
Semelhante a HTML + CSS - Lezione 1 (20)
Mais de Vincenzo Caico
Último
Último (20)
HTML + CSS - Lezione 1
- 1. HTML + CSS Ovvero: come strutturare e formattare come si deve le pagine web. LEZIONE 1 1/24
- 2. RIPASSINO: Ciascuna risorsa su Internet viene identificata da un URL:http://www.sito.com/cartella/file.jpg Il World Wide Web si basa su una architettura Client-Server Un sito web è un ipertesto fatto di pagine web linkate tra loro 2/24
- 3. Le pagine web sono documenti di testo scritti in linguaggio HTML(HyperText Markup Language)che contengono le indicazioni sugli elementi che le compongono 3/24
- 4. La home page di solito si chiamaindex.html(.htm .php .asp ...) 4/24
- 5. HTML non è un linguaggio di programmazione,ma un linguaggio di contrassegno, o di marcatura,che definisce la struttura di una pagina web 5/24
- 6. I marcatori html sono i tag: <p>Esempio di testo</p> <br /> Ciascun tag ha un significato particolare e può contenere altri tag I tag vanno chiusi nell'ordine inverso in cui sono stati aperti: 6/24
- 7. <html> <head> <title>Prima pagina</title> </head> <body> <div> <h1>Benvenuti!</h1> <p>La prima pagina web di Giuseppe Rossi</p> </div> </body></html> 7/24
- 8. <title>...</title>Definisce il titolo di una pagina web 8/24
- 9. <div>...</div>Rappresenta un'area della pagina web: 9/24
- 10. 10/24
- 11. <h1>...</h1>Rappresenta una intestazione(abbiamo da h1 ad h6) 11/24
- 12. <p>...</p>Rappresenta un singolo paragrafo 12/24
- 13. Attributo src del tagimg <imgsrc="pippo.jpg" />Rappresenta un’immagine 13/24
- 14. Attributo href del taga <a href="pluto.html">Clicca qui</a>Rappresenta un link 14/24
- 15. <div> <a href="http://www.itas-dannunzio.it"> <imgsrc="logo.jpg” /> </a> <p> Clicca sul logo per visitare il sito. </p></div> 15/24
- 16. <ul>...</ul>Rappresenta una lista non ordinatadi elementi 16/24
- 17. <li>...</li>Rappresenta un singoloelemento di una lista 17/24
- 18. <div> <h2>Le province del FVG sono:</h2> <ul> <li>Gorizia</li> <li>Pordenone</li> <li>Trieste</li> <li>Udine</li> </ul></div> 18/24
- 19. + CSS 19/24
- 20. Anche CSS non è un linguaggio di programmazione,ma è un linguaggio che consente di formattare le pagine web 20/24
- 21. Formattare?!Definire le dimensioni, il posizionamento, il colore, i bordi, lo sfondo, i margini esterni ed interni, etc.di una pagina web e dei suoi singoli elementi 21/24
- 22. Un CSS (Cascade Style Sheet)è un file che contiene un elenco di regole come questa: p { color: red; font-size: 15px; } Valore Proprietà Selettore 22/24
- 23. Ma come si associa un file css ad una pagina web? Così: <head> <link type="text/css" rel="stylesheet" href="pippo.css“ /></head> 23/24
- 24. Grazie dell’attenzione ;-) Vincenzo Caico vincenzocaico@gmail.com