Toch veel voorbeelden laten zien dus toch wel oefenen

De drie die je moet onthouden en gebruiken

a is voor alles als je ze appart doe, moet het in de juiste volgorde.

Vooral voor slechtzienden

A is om te doorschijbaarheid te kiezen

groote li, re, hoogte, kleur

Dit is erg belangrijk volgens de leerkracht

1,5 is vaak het beste

Makkelijk testen wat beter is => geeft daarna ook de html 1,5 is vaak het beste zegt de leerkracht.

Dit is beter te vermijden.

=> Inzoomen in een smartphone vergroot niet mee. => Blijft klein.

Dit is beter om te gebruiken.

=> Inzoomen in een smartphone vergroot mee.

3 opties v fonts: standaard fond windows, standaard font mac, Basic dat alles zoiso werkt

=> Gewoon om zeker te zijn.

Meest gebruikt

In de vb hieronde zie het in bestand green.css dat eigenlijk de hierargy wordt overschreven

waar link rel staat = manier om een CSS bestand te koppelen aan html

Belangrijk om dit te respecteren * Dus kijken wanneer een spatie of een comma of niets te gebruiken. * Hangt af van is er een class of Id of niet

1 keer max gebruiken, als je weet dat het maar 1 keer wordt gebruikt

De meest gebruikte in de tabel

Datum van upload

Alles wat in HTML moet staan Momenteel nog wachten tot de docent het zegt.

Alles wat in HTML moet staan

Voor info over project

Balngrijk om deze weg te laten

Belangrijk om dit te doen, om zo de breedte van apparaat bekijken.

Je kan specifiek kiezen hoe de style eruit ziet bij elk specifiek apparaat

Voor classen te maken

voor ID te maken

Het belangrijkste

Voor Iets appart te houden en dan te stylen

Om dingen te groeperen en samen aan te passen

CTRL + ALT + J Voor een template te gebruiken dan moet je geen sluiting zelf typen

Hoe je de CSS aan de html file linkt.

Wordt toch niet gebruikt skip

Hier zit CSS bij

Gwn basis tabel kennen

optioneel

optioneel

optioneel

soms maar gebruikt

soms maar gebruikt

Echt slecht om op alle platformen te maken, gsm, talbet en pc bv

Belangrijk!!

Wordt vaak fout gedaan bij studente.

Worden nooit gebruikt

Enigste die nodig zijn

Met dit kan wel

Lege spaties worden auto weg gedaan.

Deze kan je niet gebruiken:

Begin v een tag Einde v tag & staat vaak in een link

Om een mail te sturen naar

Om naar begin v d pagina te gaan, zonder een refresh

Om naar ergens naar de site te springen

Link naar een andere site

Om aan te geven om een hyperlink op een andere tablat te openen

https://itf-webp.netlify.app Goed om img te converteren naar een andere type voor html

Goed, omdat kwaliteit goed blijft en erg klein bestand is om op te slaan.

vbn v paths

Verplicht tag

Verplicht tag

Is om info v d foto aan de computer door te geven bv voor blinden.

https://picsum.photos Fotos die gebruikt mogen worden

Optioneel: voor beschrijving v d foto

https://caniuse.com Om te testen of u code overal werkt of niet

Om een fav icon te maken voor alle types, light theme, dark theme, voor alle apparaten en dan maakt het de html code voor jou en dan gwn gebruiken

Path v het bestand Als het bestand in dezelfde map als index staat => naam bestand

Vroeger moest je zo een type gebruiken

Icon maken voor tablat in een browser

Notatie voor kleuren

Dus JPEG en WEBP, als het een klein foto is PNG

Recommend max 100kb gebruiken voor images

Hier kan je voorbeelden vinden.

Bij html wordt vaak webp gebruikt

Je kan ook i gebruiken zoals word

Je kan ook b gebruiken zoals word

Om een lijn over de pagina breedte te maken

Om de lijn te stoppen en zo een nieuwe lijn te beginnen

Gewoon bekijken

Is een hulpmiddel

Om te kijken of het structuur goed is https://validator.w3.org/

p*2>lorem30 kan je hetzelfde doen alleen, word dit tweekeer gedaan en limiet van 30 lijnen.

Handig om lorem te gebruiken voor random tekst. Door p>lorem TAB

Extra spaties zie je niet => het pagina laat altijd 1 spatie zien.

Het eigenlijk op de zelfde werkwijze als een word bestand, dat je een titel maakt en inhoud geeft.

Is belangrijk, omdat dit aangeeft waarover de site gaat. Als dit leeg is dan pakt het een random text van de pagina. Wat raar is.