Les 1 html

306 views

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
306
On SlideShare
0
From Embeds
0
Number of Embeds
53
Actions
Shares
0
Downloads
5
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Les 1 html

  1. 1. HTML<br />Les 1 <br />Introductie <br />
  2. 2. De geschiedenis van HTML<br />HTML werd in 1991 bedacht en ontwikkeld door Tim Berners-Lee om wetenschappelijke<br />documenten van het CERN (EuropeanOrganizationforNuclear Research) makkelijker<br />toegankelijk te maken.<br />Tim Berners-Lee ontwikkelde de eerste webbrowser<br />WorldWideWeb genaamd om de documenten te tonen<br />op een monitor.<br />In 1993 werd de webbrowserMosaic door NCSA <br />ontwikkeld met daarin grafische elementen.In 1994 werd de webbrowser Netscape Navigator <br />uitgebracht en werd het World Wide Web populaider<br />en populaider, iedereen weet waar we nu zijn!<br />Vanaf 1994 kwam html onder hoede van de W3C organisatie !Deze organisatie bepaald de web-standaarden!<br />
  3. 3. HTML<br />HyperTextMark-upLanguage<br />HTML is een tag-based (opmaak) taal voor het maken van webpagina’s<br /><term> ….. </term><br />Keyword of term gekoppeldaan<br />eenstukjeinformatie!<br />tag<br />schrijfwijze<br /><p> Hello world! </p><br />Een tag wordtaltijdgeopend met <tag> en afgesloten met </tag><br />
  4. 4. Hoe werkt het ?<br />
  5. 5. Watdoeteenwebserver?<br />
  6. 6. Watdoeteen web browser?<br />
  7. 7. Watzijnbrowsers?<br /><ul><li> Browsers zijnvertaalmechanismen (parsers)
  8. 8. We hebbeneentaal en eenvertaalmechanisme (communicatie)
  9. 9. Regels/Afspraken van communicatie (taalregels, grammatica, syntax…)
  10. 10. Uit de afsprakenkomt de HTML tag-set</li></li></ul><li>Indeling van eenwebpagina<br />Geeftaan de browser door<br />waar de pagina start.<br />Start van de page header<br />Titel van de pagina<br />Einde van de page header<br />Begin van de body<br />content<br />Einde van de body<br />Geeftaan de browser door<br />waar de paginaeindigt.<br />
  11. 11. Tools voormaken van een html pagina<br />Om een html pagina te maken heb je een ontwikkelomgeving nodig.Hiervoor gebruiken we Notepad++.<br />http://notepad-plus-plus-org<br />Maak ook op jouw computer ruimte aan voor vak. Een goede indeling is: ‘/html/blok1/les1’ etc….<br />
  12. 12. De <H-tag><br />In HTML zijnerstandaard 6 headings (kopteksten) beschikbaar<br />
  13. 13. De <P-tag><br />De P-tag creeerteentekst in paragraafformaat !<br />
  14. 14. Opdracht:<br />Installeer notepad++.Maakeenwebpagina over eenfrisdranknaarkeuze, je magalleengebruikmaken van de tags die tot nu toe behandeldzijn. Gebruik de juisteindelingvoor<br />eenwebpagina.<br />Maakhiervaneen zip file en upload deze in Natschool in de studieroute HTML / opdracht 1<br />

×