Deze les is gemaakt door: V van Dalen
Voorbeeld 1; De
htmltags: U ziet het element(Dus <h1> tot en met </h1>). Daarin
wordt aangeven apart; De grootte van de titel en apart de kleur, ook worden deze
weer apart afgesloten met </font> en </h1>!
Voorbeeld 2; De CSS: Nu ziet u dat het veel makkelijker, overzichtelijker en
korter is. In de html was het; En de grootte apart en de kleur, dat is hier niet
zo. Hier geven ze de kleur en de grootte in een tag aan, namelijk; <h1
style="color....
Dus de grootte en de kleur zijn in een keer aangegeven en hoeft alleen maar met
</h1> te worden afgesloten!
Voor alle duidelijkheid; In de html zijn er elementen, attributen en waarden. In de css noemen we dit vaak anders!
In de css;
h1 is de/een selector
color(kleur) is de property
#800000(geeft de kleur aan) noemen we de value
U ziet uit dit voorbeeld dat de Css makkelijker en overzichtelijker is! Dit wil
niet zeggen dat dit het enige is wat Css kan! Hier zet ik de voordelen tegenover
gewone htmltag/elementen op een rijtje:
--Lettertype en grootte simpel instellen op 4 manieren(makkelijker dan html)
--Alle lettertypes en groottes van alle pagina's wijzigen met 1 wijziging, dus
niet per pagina!
--Marges en inspringen zelf opgeven
--Gebruik maken van de hoverlinks!
Wat heeft u geleerd?
<><Wat css betekent en wat er mee mogelijk is(bv hover).
<><Dat css in vergelijking met htmltags veel makkelijker,
voerzichtelijker en korter is!
<><Wat een selector, property en een value is.
U heeft al 1 voorbeeld van css gezien(in het voorbeeld), er zijnook nog andere manieren
om css toe te passen!! Dit leert u in de volgende
les!
En weet u de betekenis van een van de dikgedrukte woorden niet, kijk dan
onderaan deze pagina!
Vincent
--------------------------------------------------------------------------------------------------------------------------------------------
Woordenlijst
Hover -Kleurverandering/linkverandering van hyperlinks! Ga hier overheen
voor een voorbeeld! Dit is een hover! U zag de kleur veranderen en het
streepje weggaan. Een hover is dus een linkverandering!
Html - HTML is een afkorting van Hyper Text Markup Language! Het is de
opmaaktaal waar webpagina's mee gemaakt worden.
Tag - Staat in de html. Met een tag bedoelt men alles wat tussen de <
en > staat. Dus bv <br> en dan is <br> de tag.
Element - Staat in de html. Een htmlpagina bestaat uit elementen die
bestaan uit een begintag, een inhoud en een eindtag. Elementen zijn er voor de
hoofdonderdelen in html zoals: tekst, plaatjes enzovoort. In de inhoud van een
element wordt beschreven wat er in een element moet komen, bijvoorbeeld voor
tekst is er lettertype -en grootte.
Onduidelijk? Email de webmaster of volg de htmlcursus!!