CSS en HTML (5)
CSS en HTML (5)

CSS en HTML (5)

Zoals ik beloofd heb gaan we vandaag verder met de html op de pagina. We gaan de kopfoto welke door Frank ontworpen is plaatsen op de pagina in de placeholder die we daarvoor hadden aangemaakt. We bekommeren ons nog even niet om de verkeerde kleuren zo links en rechts en of het allemaal netjes past, het gaat gewoon om de look and feel die we willen bereiken. De <img /> tag om de foto op de site te krijgen is een tag welke reeds in de tag zelf wordt afgesloten. Het plaatje wordt in de tag opgenomen als relatieve verwijzing of als URL van de source (src=""). Als het plaatje in dezelfde directory staat op de webserver mag je gewoon de naam van het bestand er neer zetten. Staat het plaatje ergens anders (Photobucket of zoiets) dan moet je er een URL neerzetten. URL staat voor Uniform Resource Locator en wordt in het nederlands volgen het grijze boekje ook wel webadres genoemd. het bestaat altijd uit het protocol (HTTP://) en de plaats waar het te vinden is (www.bvision.nl/uploads/kopfoto.jpg). Dus de volgende tag: <img src="http://www.bvision.nl/uploads/kopfoto.jpg" /> laat de kopfoto helemaal zonder beperkingen op de site zien als we daar geen CSS aan koppelen of restricties aanbrengen aan de grootte. U kunt http://www.bvision.nl/uploads/kopfoto.jpg in de adresbalk van de browser plakken om de originele foto te zien. Klik op het onderstaande plaatje en kijk hoe het er in het echie uit gaat zien. Volgende week gaan we verder met deze foto om te laten zien hoe je standaard wat instellingen kunt maken om de foto op verschillende manieren zichtbaar te maken.




9 Comments

  1. Gelukkig had ik het met die img tags al uitgevonden. Anders was mijn creatie van nu er nooit uitgekomen!

    Ennuh de kleur aan de zijkant, die doet mij zomaar vermoeden dat die wel bewust is uitgekozen! 😉

Reageren mag, maar hou het netjes...

Deze site gebruikt Akismet om spam te verminderen. Meer informatie over hoe uw reactiegegevens worden verwerkt.