Jump to content

OWN

Een blog van OWN

  • artikelen
    5186
  • reacties
    17587
  • bezichtigingen
    1582005

Editie 166 - HTML Cursus

OWN

Artikel geplaatst door OWN

413 bezichtigingen

 Share

gallery_108553_47_10996.gif

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 9. Deze week houden we ons bezig met het tweede gedeelte van de links. Veel plezier met lezen! :)

Nieuw venster

Een link laten openen in een nieuw venster is erg gemakkelijk en snel gedaan. Dit gaat als volgt in onderstaande code:

<a href="http://www.gtaforum.nl/" target="blank">GTAForum</a>



Je gebruikt dus de normale code van een gewone link, alleen je voegt er een attribuut bij. Dit is het attribuut TARGET, die je BLANK als waarde meegeeft. Erg gemakkelijk dus. :)

Sneltoetsen voor links maken

Het is ook mogelijk om een sneltoets aan te maken met HTML voor je webpagina. Dit gaat wederom met dezelfde code als een gewone link, weer wordt er een attribuut bijgevoegd:

<a href="http://www.gtaforum.nl/" acceskey="g">GTAForum</a> <i>(Alt-G, Ctrl-G)</i>



Het attribuut ACCESKEY voeg je dus toe, met als waarde de letter die je wilt gebruiken voor je sneltoets. Dit kun je dan automatisch toepassen met zowel Ctrl als Alt.

Link in afbeeldingen

Dit werkt ongeveer wel zoals je zou verwachten. In plaats van de tekst in een link, zet je de code neer naar een afbeelding. Kijk hier maar:

<a href="http://www.gtaforum.nl/"><img src="http://www.gtaforum.nl/public/style_images/gtaf/header/voorgrond.png"></a>



Deze code zorgt er dus voor dat je de link in de afbeelding krijgt. :)

En dat was les nummer 9. Volgende keer komt les 10, waarin we ons bezig gaan houden met tabellen. Hopelijk tot de volgende keer!

 Share

1 reactie

Recommended Comments

Fedmas

Dat 

<a href="http://www.gtaforum.nl/" target="blank">GTAForum</a>

Van target="blank" heb ik je nog eens gevraagd, om te kijken of je HTML kon :puh:

MSN gesprek:

Fedmas: 

<a href="http://gamerplace.nl" title="Gamerplace.NL!" target="blank">klikhier!</a>

leg uit

hoe die in elkaar zit en wat de code doet.

Just Kloep...:Link naar mijn site, als je erop blijft hange komt Gamerplace.NL! in beeld, Target geen idee . En bezoekers zien klikhier!

Fedmas:

target ="blank" betekend dat hij hem in nieuw pagina of tablad opend

Just Kloep...:a ok

Link to comment
Gast
Reactie toevoegen...

×   Je hebt text geplaatst met opmaak.   Opmaak verwijderen

  Only 75 emoji are allowed.

×   Je link is automatisch ingevoegd.   In plaats daarvan weergeven als link

×   Je vorige bewerkingen zijn hersteld.   Alles verwijderen

×   You cannot paste images directly. Upload or insert images from URL.

×
×
×
  • Create New...