This document discusses media queries and responsive web design. Media queries allow styling to adapt to different device sizes and resolutions. CSS styles can be applied or removed depending on the width of the viewport to optimize the layout for different screen sizes from mobile to desktop.
This document discusses media queries and responsive web design. Media queries allow styling to adapt to different device sizes and resolutions. CSS styles can be applied or removed depending on the width of the viewport to optimize the layout for different screen sizes from mobile to desktop.
2. De geschiedenis van HTML HTML werd in 1991 bedacht en ontwikkeld door Tim Berners-Lee om wetenschappelijke documenten van het CERN (EuropeanOrganizationforNuclear Research) makkelijker toegankelijk te maken. Tim Berners-Lee ontwikkelde de eerste webbrowser WorldWideWeb genaamd om de documenten te tonen op een monitor. In 1993 werd de webbrowserMosaic door NCSA ontwikkeld met daarin grafische elementen.In 1994 werd de webbrowser Netscape Navigator uitgebracht en werd het World Wide Web populaider en populaider, iedereen weet waar we nu zijn! Vanaf 1994 kwam html onder hoede van de W3C organisatie !Deze organisatie bepaald de web-standaarden!
3. HTML HyperTextMark-upLanguage HTML is een tag-based (opmaak) taal voor het maken van webpagina’s <term> ….. </term> Keyword of term gekoppeldaan eenstukjeinformatie! tag schrijfwijze <p> Hello world! </p> Een tag wordtaltijdgeopend met <tag> en afgesloten met </tag>
11. Tools voormaken van een html pagina Om een html pagina te maken heb je een ontwikkelomgeving nodig.Hiervoor gebruiken we Notepad++. http://notepad-plus-plus-org Maak ook op jouw computer ruimte aan voor vak. Een goede indeling is: ‘/html/blok1/les1’ etc….
12. De <H-tag> In HTML zijnerstandaard 6 headings (kopteksten) beschikbaar
13. De <P-tag> De P-tag creeerteentekst in paragraafformaat !
14. Opdracht: Installeer notepad++.Maakeenwebpagina over eenfrisdranknaarkeuze, je magalleengebruikmaken van de tags die tot nu toe behandeldzijn. Gebruik de juisteindelingvoor eenwebpagina. Maakhiervaneen zip file en upload deze in Natschool in de studieroute HTML / opdracht 1