Jump to content

Zoeken

Resultaten weergeven voor de tags 'HTML-cursus'.

  • Zoeken op tags

    Typ tags gescheiden door komma's.
  • Zoeken op auteur

Type bijdragen


Forum

  • Forum
    • GTAGames.nl Netwerk
    • Grand Theft Auto & Red Dead
    • Overig
    • Ledenfora

Blogs

  • Mazzeltje
  • AWN
  • Marius z'n Blogje
  • .Levi.
  • OWN
  • Blog owners manual
  • WikiGTA
  • GTA Martineza
  • The Gunslingers
  • Jarno blog
  • Jowx' Blog
  • GTA2 Warzone
  • GTA-Sheep is jarig!
  • GTA Mafia Stories
  • Project's en co. - E3 Blog
  • ICT
  • Joriz Blog
  • GTAforum Verhalen
  • GFX Spot
  • The Yakuza
  • Web-dev & Programmeren
  • Rick Roll!
  • F1 News Bulletin
  • Thundertje's Blog
  • Arjen's Blog
  • The DuckDome
  • GamesThug.com
  • De Schijtlama's
  • ML Awards
  • MAF
  • Overclocking 2.0
  • blogs_blog_42
  • The Gunslingers
  • Beat Down Blog
  • LibertyKillerZ
  • PPL
  • FireFoxer
  • The Royal Guardian
  • AIRSICK Magazine.
  • De Zoepketel
  • Hoe te deleten?
  • The Covesight Community Blog
  • Fiegel's Projects
  • Gold Rush Blog
  • GTA Martineza (PUBLIC)
  • Marius z'n Blogje (PUBLIC)
  • OWN Testblog
  • OWN (PRIVATE CLUB)
  • Leeg
  • LibertyKillerZ Privé
  • Rick Roll! (PUBLIC)
  • Web-dev & Programmeren (PRIVATE CLUB)
  • Thundertje's Blog (PRIVATE)
  • Thundertje's Blog (PRIVATE CLUB)
  • FireFoxer (PRIVATE CLUB)
  • Blogs
  • Testblog
  • Wollepluis
  • Opinieblad
  • Death Blog
  • Death Inc Ledensectie
  • PC Clan Events
  • XBOX 360 Clan Events
  • CrewLife
  • Sprunk & Co Computertips
  • Graphics Blog
  • FTF Storylines archief
  • Cosily Club
  • CO-omgeving
  • Club Duck
  • Leeg
  • Forumpoker
  • Development Blog
  • Koeien en kalveren en dingen enzo
  • Covesight Propaganda
  • OWN Lustrum
  • The FL Studio Blog
  • Guard's Blog
  • JOB
  • Svenie's Blog
  • MD's Blog
  • Winning Shot
  • BBB - Bassieboy's Blog
  • Boer's Hok
  • Application Narrator
  • Phoenomena
  • Speratyal Fantasy
  • Sans Scrupules
  • The Underground
  • Everybody loves Joey
  • Sport Blog
  • Geen mening
  • Inactief
  • The Oceans Blog
  • The Oceans Kladpapier
  • The Oceans Casino
  • The Oceans Casino - Medewerkers
  • Joriz's Blog 2
  • Overig
  • Eliology
  • Top 20
  • Illuminati
  • Asphy's blog
  • Votairs blog
  • ERRWINS' Blog
  • Nick's Life in a Blog
  • Jaarboek 2016
  • WIDM
  • Michael's Fotogalerij
  • The Independent
  • The Criminal Legends Blog
  • Pit of insanity
  • De Koning
  • Idk... It's mine
  • Aron’s Schrijfkrabbels
  • Actief
  • InsideGTA
  • NicolaB's Blog
  • De Kamer van Klank
  • De Blog

Categorieën

  • Grand Theft Auto VI
  • Grand Theft Auto V
    • Modificaties
    • Trainers
    • Save Games
  • Grand Theft Auto IV
    • Save Games PS3
    • Save Games PC
    • HD Trailers
    • Patches
    • Modificaties
    • Editors en Tools
  • Chinatown Wars
    • PSP Save Games
  • GTA Vice City Stories
    • Save Games PSP
    • Trainers
  • GTA Liberty City Stories
    • Save Games PSP
    • Trainers & Tools
  • GTA San Andreas
    • Editors en Tools
    • Modificaties
    • Save Games Android / iOS
    • Save Games PC
    • Save Games PS2
    • Trainers
  • GTA Vice City
    • Editors en Tools
    • Trainers
    • Save Games
    • Modificaties
  • Grand Theft Auto III
    • Modificaties
    • Skins
    • Save Games
    • Trainers
    • Editors en Tools
  • GTA2
    • Editors en Tools
    • Modificaties
  • Grand Theft Auto
    • Editors en Tools
  • Handige Tools en bestanden
  • DE GROTE GTAGAMES.NL ZOMERACTIE!

Kalenders

  • Community Calendar

Categories

  • GTA Online
  • GTA+ voordelen
  • Red Dead Online

Categories

  • Grand Theft Auto
  • Rockstar Games
  • Community
  • Red Dead Redemption
  • GTA Online Events
  • Grand Theft Auto VI

Product Groups

Er zijn geen resultaten om weer te geven.


Resultaten zoeken in...

Resultaten zoeken die...


Startdatum

  • Begin

    Einde


Laatste bewerking

  • Begin

    Einde


Filteren op aantal...

7 resultaten gevonden

  1. OWN

    Kersteditie 2009 - HTML-cursus

    Deze rubriek is geschreven door Kloep! Hallo, en welkom bij de HTML-cursus van OWN. In deze rubriek gaan wij (VWO-er en Kloep) zaken vertellen die handig zijn om te weten als je met HTML aan de slag gaat. Later zullen we HTML verder gaan uitwerken, dit ook onder andere met behulp van CSS. Als we dit allemaal hebben gehad, gaan we over naar PHP in combinatie met MySQL. Later zullen we ook steeds meer Javascript bereiken. In het begin zullen we dus met de basis beginnen, maar zonder deze basis kun je niet verder komen. In deze cursus zul niet alleen lappen tekst te zien krijgen, maar alles zal worden uitgelegd door middel van afbeeldingen. Hierdoor zullen het geen saaie lange verhalen worden, maar zal alles in kleine stappen worden uitgelegd. In deze rubriek maken we gebruik van het programma Notepad++ en Firefox. Hierdoor kunnen er kleine verschillen zijn in je eigen situatie. In sommige gevallen geeft Firefox de codes anders weer als bijvoorbeeld Internet Explorer of Netscape. Veel plezier met deze nieuwe rubriek! Welkom bij les nummer 8. Deze week houden we ons bezig met Links. Dit onderdeel bestaat uit twee onderdelen. Veel plezier met lezen! Externe link maken We beginnen met het meest standaard. Het maken van een externe link. Hiermee bedoel ik een link maken naar een webpagina op een ander domein. Vele HTML-codes lijken op de BB-code die daarbij hoort. Links is hierin een duidelijk uitzondering. In BB-codes gebruik je onderstaande link:In HTML gaat dat op een andere manier, onderstaan zie je hoe: Zoals je ziet, gebruik je dus het A element, met het bijbehorende HREF attribuut. Hierin gebruik je de link als waarde. Zoals gewoonlijk sluiten we ook weer af met een gewone afsluitende tag. Interne link maken Nu komen we bij aan bij het maken van een interne link. Hiermee doel ik op een link die op dezelfde website staat als waar je de link opzet. Hieronder geef ik een voorbeeld van een interne link:Hij gaat nu zoeken naar een bestand wat heet 'index.html'. Dit bestand gaat hij alleen zoeken in dezelfde map als waar het bestand staat waar de betreffende link inzit. Mocht je eerst een map terugwillen, om vervolgens in een andere map te gaan, moet je gebruik maken van puntjes. Onderstaand een voorbeeldcode: In dit voorbeeld is dus duidelijk dat er eerst een map terug wordt gegaan, en vervolgens gezocht word naar 'index.html' in de map 'site'. Ankers Met een anker bedoelen we in dit geval niet zo'n ijzeren ding wat een boot naar beneden gooit om te stoppen. Nee, hiermee bedoelen we bepaalde links waarmee je door kan linken naar een bepaald gebied op 1 pagina. Een mooi voorbeeld hiervan is Wikipedia. Op de meeste pagina's zie je bovenaan een lijstje met de informatie die op die pagina te vinden is. Als je dan ergens op klikt, gaat je beeld automatisch naar het juiste gedeelte op de pagina. Dit noemt men een anker.Als je een anker gebruikt, heb je twee codes nodig. De eerste code gebruik je op de plek waar je naartoe wilt linken in je pagina. Hieronder een voorbeeld: Hierin hebben we dus wederom het A element gebruikt, maar met een ander attribuut. De vorige keer gebruikte we HREF, dit was om een link aan te geven. Nu hadden we het over de naam van het anker, en gebruiken we dus NAME. Op de plek waar je de link neer wilt zetten, gebruik je onderstaande code: Hierbij gebruik je dus weer het HREF attribuut, omdat je weer een link erin zet. Voor de naam van een anker komt automatisch een '#' te staan zodra je de naam aangeeft met het NAME attribuut. Deze hoef je niet aan te geven bij het NAME attribuut, maar dit moet wel bij het HREF attribuut. Het is ook mogelijk vanuit een pagina door te linken naar een anker op een andere pagina. Dit gaat dan als volgt: Je gebruikt dan dus gewoon de link naar de pagina, met daarachter de naam van je anker (met het '#' teken ervoor). In sommige situaties weet je misschien niet hoe het anker heet van de pagina van een andere website. Je kunt dan helemaal in de broncode gaan zoeken, maar je kunt dat ook veel handiger doen. Je klikt gewoon op het anker, en je word daar dan dus naartoe gelinkt. Vervolgens kijk je in je adresbalk, en zie je de directe link naar het betreffende anker. Dit scheelt je weer een hoop zoekwerk in de broncode van de ander. Denk er ook wel aan: een anker die onderaan de pagina staat, wordt niet altijd mooi bovenaan de pagina weergegeven. Deze word dan ergens in het midden weergegeven, en dat kan dus soms tot verwarring leiden. En dat was les nummer 8. Volgende keer komt les 9, hierin gaan we verder met de Links. Hopelijk tot de volgende keer!
  2. OWN

    Editie 164 - HTML-cursus

    Deze rubriek is geschreven door Kloep! Hallo, en welkom bij de HTML-cursus van OWN. In deze rubriek gaan wij (VWO-er en Kloep) zaken vertellen die handig zijn om te weten als je met HTML aan de slag gaat. Later zullen we HTML verder gaan uitwerken, dit ook onder andere met behulp van CSS. Als we dit allemaal hebben gehad, gaan we over naar PHP in combinatie met MySQL. Later zullen we ook steeds meer Javascript bereiken. In het begin zullen we dus met de basis beginnen, maar zonder deze basis kun je niet verder komen. In deze cursus zul niet alleen lappen tekst te zien krijgen, maar alles zal worden uitgelegd door middel van afbeeldingen. Hierdoor zullen het geen saaie lange verhalen worden, maar zal alles in kleine stappen worden uitgelegd. In deze rubriek maken we gebruik van het programma Notepad++ en Firefox. Hierdoor kunnen er kleine verschillen zijn in je eigen situatie. In sommige gevallen geeft Firefox de codes anders weer als bijvoorbeeld Internet Explorer of Netscape. Veel plezier met deze nieuwe rubriek! Welkom bij les nummer 7. Bij deze het tweede deel. We gaan door met afbeeldingen. Veel plezier met het lezen van deze rubriek! Ruimte tussen tekst en afbeelding In sommige situaties, wil je de ruimte tussen je afbeeldingen en je tekst groter of juist kleiner hebben. Door twee simpele attributen toe te voegen aan je IMG tag. Deze attributen zijn HSPACE en VSPACE. HSPACE staat voor de ruimtes aan de linker- en rechterkant. VSPACE staat voor de boven- en de onderkant. Het getal wat je invoert staat voor het aantal pixels. Hieronder vind je een voorbeeldcode"Dit houd dus in dat er aan zowel de boven-, de onder-, de linker- en de rechterkant 10 pixels ruimte word gecreërd tussen de tekst en de afbeelding zelf. Horizontale lijn toevoegen Een horizontale lijn toevoegen is niet moeilijk, en werkt zo goed als hetzelfde als in de BBcodes. Je gebruikt de HR tag, met SIZE, WIDTH, ALIGN en NOSHADE als attributen. SIZE staat voor de hoogte in pixels. WIDTH staat voor de breedte in pixels of in procenten. ALIGN staat voor de positie en NOSHADE staat voor de schaduw. In de meeste gevallen gebruik je daar als waarde NOSHADE, om ervoor te zorgen dat je geen schaduw krijgt. Hieronder een voorbeeldcode:Dit resulteert dus in een lijn van 10 pixels hoog, 70% breed, in het midden en zonder schaduw. Favicon De meeste mensen zullen niet weten wat een favicon is. Noujah, eigenlijk zullen de meeste het wel weten, maar de naam niet kennen. In je bladwijzerbalk zie je soms naast de naam van de website, een kleine afbeelding. Dit noem je een favicon. Zo'n favicon is erg gemakkelijk in je website te zetten. Hiervoor moet je een extra regel toevoegen in je HEAD tag. Onderstaan een voorbeeld:Bij REL geef je de naam aan van je favicon. Bij HREF geef je de link van je afbeelding aan. Over links krijg je de komende weken meer te horen. Bij TYPE geef je het type aan. En dat was les nummer 7. Volgende keer komt les 8, waarin we het eerste deel van links gaan bespreken. Hopelijk tot de volgende keer!
  3. OWN

    Editie 162 - HTML-cursus

    Deze rubriek is geschreven door Kloep! Hallo, en welkom bij de HTML-cursus van OWN. In deze rubriek gaan wij (VWO-er en Kloep) zaken vertellen die handig zijn om te weten als je met HTML aan de slag gaat. Later zullen we HTML verder gaan uitwerken, dit ook onder andere met behulp van CSS. Als we dit allemaal hebben gehad, gaan we over naar PHP in combinatie met MySQL. Later zullen we ook steeds meer Javascript bereiken. In het begin zullen we dus met de basis beginnen, maar zonder deze basis kun je niet verder komen. In deze cursus zul niet alleen lappen tekst te zien krijgen, maar alles zal worden uitgelegd door middel van afbeeldingen. Hierdoor zullen het geen saaie lange verhalen worden, maar zal alles in kleine stappen worden uitgelegd. In deze rubriek maken we gebruik van het programma Notepad++ en Firefox. Hierdoor kunnen er kleine verschillen zijn in je eigen situatie. In sommige gevallen geeft Firefox de codes anders weer als bijvoorbeeld Internet Explorer of Netscape. Veel plezier met deze nieuwe rubriek! Welkom bij les nummer 6. Ook deze les zal uit twee delen bestaan, en in beide delen houden we ons bezig met afbeeldingen. Veel plezier met het lezen van deze rubriek! Afbeelding openen Een afbeelding openen is niet moeilijk. Het lijkt een beetje op de BB-codes die wij hier op het forum gebruiken, alleen komt er nog iets bij. Een zogehete attribuut (meer uitleg hierover in de eerste les) komt er namelijk bij: <img src="http://i38.tinypic.com/68u8tf.png"> Dit resulteert dus in: Men gebruikt dus het element IMG (wat ook in de BB-code hiervoor wordt gebruikt) en het attribuut SRC. In dit attribuut gebruik je als waarde de link naar de afbeelding die je wilt weergeven. Afmetingen opgeven In sommige gevallen wil je een grote afbeelding kleiner hebben, maar heb je geen fotobewerkingsprogramma tot je beschikking. In dit geval kun je altijd de afbeelding verkleinen met behulp van HTML. Hiervoor gebruikt je de attributen WIDTH en HEIGHT binnen het IMG element. Hieronder een voorbeeld: <img src="http://i38.tinypic.com/68u8tf.png" width="400" height="120"> De originele afbeelding is 500X150 pixels. Door deze code wordt dit dus verkleint naar 400X120 pixels. Mocht je maar 1 waarde aan willen passen, is dit ook mogelijk. Deze code: <img src="http://i38.tinypic.com/68u8tf.png" width="400"> zet hij automatisch om naar <img src="http://i38.tinypic.com/68u8tf.png" width="400" height="120"> deze code. Alternatieve tekst In sommige gevallen kunnen afbeeldingen niet correct worden weergegeven. Dit kan bijvoorbeeld gebeuren bij mobiele apparaten of trage verbindingen. In deze gevallen zou je misschien een alternatieve tekst willen toevoegen, die verschijnt zodra de afbeelding niet wordt weergegeven. Hiervoor hoef je enkel het attribuut ALT toe te voegen na SRC. Een code hiervan komt er dus zo uit te zien: <img src="http://i38.tinypic.com/68u8tf.png" alt="Hayden Panettiere"> Dit resulteert dus in de afbeelding als die wordt weergegeven, of in de tekst: Hayden Panettiere. Het ALT attribuut heeft ook een toegevoegde waarde indien de afbeelding wel wordt weergegeven. Als je dan namelijk op de afbeelding blijft staan met je muis, verschijnt er een geel balkje met de tekst van de waarde van ALT. Afbeelding uitlijnen Een afbeelding uitlijnen is erg gemakkelijk. Wat bereik je ermee? Nou, dat je tekst en afbeelding gemakkelijk naast elkaar kunt zetten. In de BB-codes op dit forum gebruik je IMGLEFT en IMGRIGHT. In HTML gaat het als volgt: <img src="http://i38.tinypic.com/68u8tf.png" align="left" /> Hierna kun je gewoon je eigen tekst plaatsen, bijvoorbeeld met het P element of het H element. En dat was les nummer 6. Volgende keer komt les 7, waarin we doorgaan met afbeeldingen. Hopelijk tot de volgende keer!
  4. OWN

    Editie 161 - HTML-cursus

    Deze rubriek is geschreven door Kloep! Hallo, en welkom bij de HTML-cursus van OWN. In deze rubriek gaan wij (VWO-er en Kloep) zaken vertellen die handig zijn om te weten als je met HTML aan de slag gaat. Later zullen we HTML verder gaan uitwerken, dit ook onder andere met behulp van CSS. Als we dit allemaal hebben gehad, gaan we over naar PHP in combinatie met MySQL. Later zullen we ook steeds meer Javascript bereiken. In het begin zullen we dus met de basis beginnen, maar zonder deze basis kun je niet verder komen. In deze cursus zul niet alleen lappen tekst te zien krijgen, maar alles zal worden uitgelegd door middel van afbeeldingen. Hierdoor zullen het geen saaie lange verhalen worden, maar zal alles in kleine stappen worden uitgelegd. In deze rubriek maken we gebruik van het programma Notepad++ en Firefox. Hierdoor kunnen er kleine verschillen zijn in je eigen situatie. In sommige gevallen geeft Firefox de codes anders weer als bijvoorbeeld Internet Explorer of Netscape. Veel plezier met deze nieuwe rubriek! Hier is de tweede les van dit onderdeel. Veel plezier met lesnummer 5! Super- en Subscript Het maken van subscript en superscript is erg gemakkelijk in HTML, maar wanneer gebruik je deze opmaak nou eigenlijk? Een superscript houdt in dat de tekst kleiner iets hoger afgebeeld word. Dit kun je gebruiken als je bijvoorbeeld een kwadraatteken wilt afbeelden. Een subscript houdt in dat de tekst kleiner iets lager afgebeeld word. Dit gebruik je onder andere bij wiskundige formules. De teksten zijn erg gemakkelijk: <sub>1234</sub> Dit resulteert in: 1234 <sup>1234</sup> Dit resulteert in: 1234 Acronymen + uitleg Als je niet weet wat een acronym is, raad ik je aan om een kijkje bij Test Jezelf te nemen. Het houd dus in dat er met puntjes onderstreept een andere tekst staat. Als je je muis op de tekst houd, verschijnt er een andere tekst. <acroynym title="test">1234</acronym> Dit resulteert in: 1234 Centreren Als je een tekst wilt centreren, is dat erg gemakkelijk. Als je al ervaring hebt met BB-codes, kun je het al helemaal gemakkelijk leren. Hierbij vervang je de '[]' voor <>. Je krijgt dus: <center>gecentreerde tekst</center> Dit resulteert dus in een tekst die gecentreerd is. Uiteraard werk dit niet enkel bij een tekst, maar ook bij bijvoorbeeld afbeeldingen. Font Met font kun je je tekst wat opleuken. Je kunt bijvoorbeeld de kleur, grootte en het lettertype ermee aanpassen. Dit zijn ook de drie die ik nu bespreek in deze les.Wat betreft de kleur kun je de naam opgeven of de kleurcode. <font color="red">1234</font> Dit resulteert in: 1234 Wat betreft de grootte kun je de getallen 1 t/m 7 invullen. <font size="4">1234</font> Dit resulteert in: 1234 Wat betreft het lettertype kun je de onderstaande teksten invullen: [table=header]Invultekst|Lettertypevoorbeeld serif|Times New Roman sans-serif|Arial cursive|Brush Script fantasy|Algerian monospace|Courier[/table] Hopelijk hebben jullie kunnen genieten van les 5. Volgende les gaan we ons bezighouden met het maken van tabellen in HTML. Graag tot volgende week!
  5. OWN

    Editie 160 - HTML-cursus

    Deze rubriek is geschreven door Kloep en VWO-er! Hallo, en welkom bij de HTML-cursus van OWN. In deze rubriek gaan wij (VWO-er en Kloep) zaken vertellen die handig zijn om te weten als je met HTML aan de slag gaat. Later zullen we HTML verder gaan uitwerken, dit ook onder andere met behulp van CSS. Als we dit allemaal hebben gehad, gaan we over naar PHP in combinatie met MySQL. Later zullen we ook steeds meer Javascript bereiken. In het begin zullen we dus met de basis beginnen, maar zonder deze basis kun je niet verder komen. In deze cursus zul niet alleen lappen tekst te zien krijgen, maar alles zal worden uitgelegd door middel van afbeeldingen. Hierdoor zullen het geen saaie lange verhalen worden, maar zal alles in kleine stappen worden uitgelegd. In deze rubriek maken we gebruik van het programma Notepad++ en Firefox. Hierdoor kunnen er kleine verschillen zijn in je eigen situatie. In sommige gevallen geeft Firefox de codes anders weer als bijvoorbeeld Internet Explorer of Netscape. Veel plezier met deze nieuwe rubriek! Deze week gaan we proberen om de teksten wat leuker te maken. Dit onderdeel zal uit twee lessen bestaan, omdat het anders erg lang wordt. Veel plezier met les nummer 4 en tot de volgende keer! Vet, Cursief, Onderstrepen, Doorhalen Ditmaal gaan we de opmaak in HTML wat verder uitwerken, we gaan aan de slag de basiscodes. Ze zullen niet veel verschillen met de BBcodes van internetfora, Hyves e.d., dus als je daar al redelijk mee uit de voeten kan, is dat mooi.Om een stuk tekst in Bold, oftewel vetgedrukt, te schrijven, gebruik je de B-tag (Bold): <B>Hier je tekst</B> Om een stuk tekst in Italic, oftewel schuingedrukt, te schrijven, gebruik je de I-tag (Italic): <I>Hier je tekst</I> Om een stuk tekst te onderlijnen, gebruik je de U-tag (Underline): <U>Hier je tekst</U> Om een stuk door te strepen, gebruik je de S-tag (Striped): <S>Hier je tekst</S> Tekengrootte In HTML kun je eenvoudig je tekst vergroten en verkleinen, door middel van de BIG- en de SMALL-tag. Deze codes zijn niet erg uitgebreid, je kunt namelijk maar uit één grootte kiezen (per tag). Die zal nog wel aan te passen zijn door CSS, maar daar komen we later op terug.De tags vereisen geen extra waardes, je kunt ze dus net als de andere tags gewoon op de volgende manier gebruiken: <BIG>Hier je tekst</BIG> <SMALL>Hier je tekst</SMALL> Monotype letters Alle bezoekers hebben in hun browserinstellingen twee lettertypen gespecificeerd. Dit zijn het proportionele en het niet-proportionele. Dat laatste ziet eruit als een typmachine (misschien kennen jullie zo'n ding wel). Meestal zijn dat lettertypen als Times New Roman en Courier. Als jij zelf op je pagina bijvoorbeeld een computercode of een link wil onderscheiden, kun je dit gemakkelijk doen met de volgende codes: <code>, <tt>, <kbd> of <samp>. <code> wordt gebruikt bij computercode. Dit gebeurd vooral in talen zoals C en Perl. <tt> wordt gebruikt voor algemene teksten. <kbd> gebruikt men voor toetsenbordaanwijzingen en <samp> voor de weergave van een voorbeeldtekst. Waarschijnlijk zijn de verschillen nu nog niet echt duidelijk, dit komt doordat er qua uiterlijk geen verschil is. In het voorbeeld hieronder gebruik ik <code>, maar je kan ook een hele andere gebruiken. Merk wel op dat sommige webpagina's geheel in niet-proportionele lettertypen zijn, dus dan maken deze codes niks uit. Blockquote Wil je een tekst wel afzonderen van je webpagina, maar wil je ook een proportioneel lettertype gebruiken? Dat kan natuurlijk! Hiervoor gebruik je geen van bovenstaande codes, maar hiervoor gebruik je <blockquote>. In de meeste gevallen (tegenwoordig zullen waarschijnlijk alle browsers dit wel doen) zal je browser de tekst in stukje laten inspringen. In onderstaan voorbeeld wordt het misschien wat duidelijker: Hopelijk hebben jullie kunnen genieten van les 4. Volgende keer komt het vervolg van deze les. Graag tot volgende week!
  6. OWN

    Editie 159 - HTML-cursus

    Deze rubriek is geschreven door Kloep en VWO-er! Hallo, en welkom bij de HTML-cursus van OWN. In deze rubriek gaan wij (VWO-er en Kloep) zaken vertellen die handig zijn om te weten als je met HTML aan de slag gaat. Later zullen we HTML verder gaan uitwerken, dit ook onder andere met behulp van CSS. Als we dit allemaal hebben gehad, gaan we over naar PHP in combinatie met MySQL. Later zullen we ook steeds meer Javascript bereiken. In het begin zullen we dus met de basis beginnen, maar zonder deze basis kun je niet verder komen. In deze cursus zul niet alleen lappen tekst te zien krijgen, maar alles zal worden uitgelegd door middel van afbeeldingen. Hierdoor zullen het geen saaie lange verhalen worden, maar zal alles in kleine stappen worden uitgelegd. In deze rubriek maken we gebruik van het programma Notepad++ en Firefox. Hierdoor kunnen er kleine verschillen zijn in je eigen situatie. In sommige gevallen geeft Firefox de codes anders weer als bijvoorbeeld Internet Explorer of Netscape. Veel plezier met deze nieuwe rubriek! In deze les gaan we beginnen met het schrijven van onze eerste code! Basiscodes Laten we beginnen met een lekkere simpele tekst. In deze tekst komen alle basiscodes aan bod. Bekijk onderstaande tekst even op de linkerafbeelding, en kijk vervolgens naar het resultaat in de rechterafbeelding. Op de linkerafbeelding is de gehele HTML-tekst te zien. Op de rechterafbeelding is te zien hoe het in je browser word weergegeven. Met de bovenste regels (DOCTYPE) word aangegeven welke HTML je gebruikt. Met HTML wordt aangegeven dat hier het HTML-gedeelte begint. Met HEAD wordt aangegeven dat hier het HEAD-gedeelte begint. Hierin wordt onder andere een titel aan je pagina gegeven (TITLE-tag) en de META-regel. In de META-regel declareer je de codering. 'UTF-8' is hierin de lettertekencodering waarmee je pagina is opgeslagen. Met BODY wordt aangegeven dat hier het BODY-gedeelte begint. Hierin komt je gehele pagina te staan. Hierin kun je onder andere alinea's neerzetten (hierover later meer in deze les), maar ook bijvoorbeeld tabellen en lijsten (hierover later meer in volgende lessen). In het voorbeeld wordt dus HTML 4.01 Transitional gebruikt. Het is dus nog wel een saaie tekst, maar op deze manier word het wel duidelijk hoe een HTML-tekst in elkaar hoort te zitten. Natuurlijk kunnen we nog wat andere dingen toevoegen, maar dit komt allemaal later. Voor vandaag houden we het op nog één toepassing. We gaan nog even een achtergrondkleur toevoegen, en daarna gaan we door naar de twee laatste onderdelen van deze les. Een achtergrondkleur toevoegen is erg gemakkelijk. In de BODY-tag voeg je BGCOLOR toe. Dit komt er dus als volgt uit te zien: <BODY BGCOLOR="red"> Als je dit toevoegt, krijg je een rode achtergrond. Natuurlijk kun je 'RED' voor allerlei andere kleuren vervangen. Ook kun je een kleurcode gebruiken, alleen moet je dan wel een '#' ervoor zetten. Voor vele kleurcodes kun je hier eens een kijkje nemen. Identatie In HTML werk je met verschillende tags, bijvoorbeeld de HTML-tag. Tags hebben vaak een open- en een sluit-tag, maar er zijn een aantal uitzonderingen waar we later nog wel op ingaan. Open-tags zijn gewoon gelijk aan de naam, bij de sluit-tag zal er een slash ( / ) voor staan. Om het overzicht over je code te behouden en om (vaak onnodige) fouten te voorkomen, is het slim om je code uit te lijnen, ook wel indentatie genoemd. Er wordt niet op gecontroleerd zoals bij andere talen (Pawno, bijvoorbeeld), maar we raden het je zeker aan. Na iedere open-tag dien je een tab in te springen, bij een sluit-tag ga je weer een stukje terug. Kopteksten en Alinea's Nu je weet hoe de BODY-tag in elkaar steekt, kun je de pagina zelf gaan maken. We zullen eerst de beginselen van een pagina gaan bespreken, namelijk de kopteksten, alinea's en de BR-tag (een zachte enter in een normale tekstverwerker). In HTML kun je een kop markeren met de H-tags. Er zijn al 6 koppen voorgeprogrammeerd, dus je hebt H1 tot en met H6. Zoals gezegd zijn ze voorgeprogrammeerd en hebben ze dus standaard groottes en eigenschappen (op het font na, dat verschilt per browser). Je kunt de tags nog wel aanpassen, maar dat komt nu nog niet aan de orde. Nadat je een kop hebt geplaatst, is het uiteraard de bedoeling dat je ook een alinea plaatst. Alinea's kun je aangeven door middel van de P-tag. Als je meerdere alinea's onder elkaar hebt staan, zullen ze automatisch door een harde enter of witregel worden gescheiden. Enters tussen of binnen P-tags (of binnen of tussen andere tags, uiteraard) zullen geen effect hebben, je zult ze echter wel zien in de broncode van je webpagina. Om een zachte enter (een enter waarbij de alinea gewoon doorloopt) te plaatsen, kun je de BR-tag gebruiken. De BR-tag is zo'n tag waar we het al eerder over hadden in dit artikel, een tag zonder een echte open- of sluit-tag (het is eigenlijk beide in één). Je schrijft hem daarom als <BR />. Dit was het dan voor deze week. Volgende keer houden we ons bezig met nog meer opmaakcodes, en gaan we wat meer boeiende websites schrijven. Tot de volgende keer!
  7. OWN

    Editie 157 - HTML-cursus

    Deze rubriek is geschreven door Kloep! Hallo, en welkom bij de HTML-cursus van OWN. In deze rubriek ga ik zaken vertellen die handig zijn om te weten als je met HTML aan de slag gaat. Later zullen we HTML verder gaan uitwerken, dit ook onder andere met behulp van CSS. Als we dit allemaal hebben gehad, gaan we over naar PHP in combinatie met MySQL. Later zullen we ook steeds meer Javascript bereiken. In het begin zullen we dus met de basis beginnen, maar zonder deze basis kun je niet verder komen. In deze cursus zul niet alleen lappen tekst te zien krijgen, maar alles zal worden uitgelegd door middel van afbeeldingen. Hierdoor zullen het geen saaie lange verhalen worden, maar zal alles in kleine stappen worden uitgelegd. In deze rubriek maak ik gebruik van het programma Notepad++ en Firefox. Hierdoor kunnen er kleine verschillen zijn in je eigen situatie. In sommige gevallen geeft Firefox de codes anders weer als bijvoorbeeld Internet Explorer of Netscape. Veel plezier met deze nieuwe rubriek! Vorige keer hebben we ons bezig gehouden met de uitleg van verschillende codes. Vandaag houden we ons bezig met het begin van het ontwerpen van je site. Een site ontwerpen Voordat je begint met het schrijven van je code, moet je je eerst een aantal dingen goed bedenken: Welke boodschap heb ik voor mijn bezoekers? Wat voor publiek wil ik aantrekken? Hoeveel pagina's heb je nodig? Deze drie vragen komen naar boven als je een site wilt gaan maken. Er is niks mis met een ouderwets stukje papier en een pen. Pak dus eerst pen en papier, en schrijf op wat je wilt hebben op je site. Wat heb je nodig, hoeveel pagina's, dat soort vragen. Zodra je daar antwoorden op hebt, kun je beginnen met het ontwerpen van je site op papier. Waar moet het menu komen, hoe groot moet de banner worden, welke kleuren wil ik gaan gebruiken? Deze vragen zullen daarbij goed van pas kunnen komen. Besteed echter niet te veel tijd aan het ontwerpen op papier, want uiteindelijk zul je je toch moeten gaan verdiepen in het schrijven van je website. Mocht je totaal geen idee hebben van hoe je je site eruit wilt laten zien, neem dan een kijkje op andere site's. Kijk hoe die eruit zien, en krijg daar eigen ideeën van. Denk er wel aan, dat je niet moet gaan kopiëren! Dit is namelijk verboden, en natuurlijk ook een stuk minder leuk. Opslaan Volgende week gaan we ons bezig houden met het typen van een webpagina. We zullen dan beginnen met een simpele pagina, zodat je de codes leert kennen. Vandaag vertel ik nog even hoe je je pagina moet opslaan, want dat is erg belangrijk en noodzakelijk om je pagina's werkend te krijgen. Zodra je enkel HTML-teksten in je pagina hebt gezet, kun je gewoon de extensie .html of .htm gebruiken. Zodra je zowel PHP-teksten als HTML-teksten in je pagina hebt gezet, moet je persé de extensie .php gebruiken! .php kan zowel HTML als PHP lezen en uitvoeren, .html en .htm kunnen enkel HTML lezen en uitvoeren. Ook is het mogelijk om .php te gebruiken zodra je enkel HTML in je pagina hebt gezet, maar dit is overbodig. Je kunt dan kiezen tussen .html, .htm en .php. .css is ook een extensie. Deze is enkel te gebruiken bij CSS-teksten. Hierover vertel ik later meer informatie. Dit was het voor deze week. Volgende keer beginnen we met een echte pagina te schrijven. Het stelt nog niet veel voor, maar je kunt er al wel leuke dingen mee doen. Tot de volgende keer!
×
×
  • Create New...