Spring naar bijdragen

Mis de speciale aanbieding niet. 85% korting op Private Internet Access VPN, nu slechts €1,75 per maand en ontvang 4 maanden gratis.

Ervaar ultiem gebruiksgemak en een snelle VPN-verbinding. Geniet van de beste kwaliteit voor de scherpste prijs. Met Private Internet Access kun je moeiteloos torrents, Usenet en Netflix gebruiken! En geld-terug-garantie van 30 dagen, dus je kunt het risicovrij proberen.

Wil je weten hoe je aan de slag kunt gaan? Bekijk dan onze handige handleiding voor een probleemloze installatie en gebruik. :goed:



Centraal: HTML


Gast skinny242
 Delen


Aanbevolen reactie

Gast skinny242

In dit topic kunnen mensen vragen stellen over HTML en ik ben bezig met een handleiding te maken voor beginnende webdesigners.

HTML handleiding


Inleiding:

  • Algemene informatie over HTML
  • Begin
  • Kopteksten maken
  • Lettertypes
  • Lijnen
  • Kleuren
  • Tekst aanpassen
  • Linken maken
  • Tabel invoeren
  • Frames maken
  • Adressen speciferen
  • Opsommingen maken
  • Afbeeldingen en video's invoeren


Algemene informatie over HTML

Hyper Tekst Markup Language is een opmaak taal voor website's.

Het vertelt je browser d.m.v. tags hoe je website eruit moet komen te zien.

Je hebt bij ieder element 3 dingen nodig:

  • De begintag <...>
  • De inhoud, de tekst die tussen de begin en de eindtag komt.
  • De eindtag </...>

Een tag die je moet openen en sluiten noem je een container tag.


Begin

Om te beginnen heb je altijd deze tags nodig:

  • <HTML>...</HTML> Deze code zet je altijd helemaal onder en helemaal boven. Zie voorbeeld 1.1
  • <HEAD>...</HEAD> Hier zet je altijd de TITLE en de META tag in.
  • <TITLE>...</TITLE> Tussen deze tags zet je de titel van de site die helemaal linksboven in beeld staat. Zie voorbeeld 1.2
  • <BODY>...</BODY> Tussen deze twee tags wordt de inhoud van de website geschreven. Zie voorbeeld 1.3

2ciadqd.jpg

Voorbeeld 1.1

[img width=344 height=24]http://i26.tinypic.com/zw0xew.jpg

Voorbeeld 1.2

[img width=536 height=515]http://i29.tinypic.com/3586nmt.jpg

Voorbeeld 1.3


Kopteksten maken

Je kunt kopteksten maken in 6 verschillende groottes. Grote 1 is het grootst en grote 6 is het kleinst.

Dit zijn de 6 verschillende groottes:

  • <H1>...</H1>
  • <H2>...</H2>
  • <H3>...</H3>
  • <H4>...</H4>
  • <H5>...</H5>
  • <H6>...</H6>
  • Voorbeeld 2.1 laat zien hoe het er in de praktijk uitziet.

[img width=363 height=243]http://i25.tinypic.com/2evggvl.jpg

Voorbeeld 2.1

Je kunt je koptekst naar 3 kanten uitlijnen je gebruikt daarvoor de code align="..."(ik gebruik als voorbeeld <H1>...</H1>):

  • <H1 align="left">...</H1> Links uitgelijnd (standaard als je geen uitlijning selecteert).
  • <H1 align="center">...</H1> In het midden uitgelijnd.
  • <H1 align="right">...</H1> Rechts uitgelijnd.
  • Voorbeeld 2.2 laat de verschillen zien.

[img width=600 height=83]http://i29.tinypic.com/iydi7p.jpg

Voorbeeld 2.2


Lettertypes

Je hebt al kunnen zien dat je met de code <H1>...</H1> of <H2>...</H2> enz. de grootte van kopteksten kunt veranderen. Je kan ook de hele tekst of een gedeelte van de tekst groter of kleiner maken en het lettertype veranderen met de code:

<FONT>...</FONT>.

Je zet de begintag voor de tekst die je wilt veranderen en de eindtag achter de tag die je wilt veranderen.

Let op, zet nooit opmaak codes buiten de <BODY>...</BODY>, want dit is waar je de hele inhoud plaatst.

Als je de grote wilt veranderen gebruik je deze code(ik geef meerdere codes zodat je het verschil ziet tussen de groottes):

  • <FONT size="+2"> Deze tekst wordt vergroot.</FONT>
  • <FONT size="-2"> Deze tekst wordt verkleind.</FONT>
  • Zie voorbeeld 3.1 voor de verschillen.

[img width=274 height=67]http://i31.tinypic.com/4idjc3.jpg

Voorbeeld 3.1

Als je het lettertype wilt veranderen kun je deze codes gebruiken:(niet alle lettertypes zijn te gebruiken, hier vind je een lijst met alle beschikbare lettertypes.

  • <FONT face="Verdana"> Deze regel wordt met het lettertype verdana weergegeven.</FONT>
  • <FONT face="Times New Roman"> Deze regel wordt met het lettertype Times New Roman weergegeven, dit is het standaard lettertype als je niets selecteert.</FONT>
  • Voorbeeld 3.2 laat de verschillen zien.

[img width=600 height=53]http://i25.tinypic.com/vpvudt.jpg

Voorbeeld 3.2

Je kunt de <FONT>...</FONT> code ook voor allebei de dingen tegelijk gebruiken dan krijg je dit:

  • <FONT face="Arial" size ="+1"> Groter lettertype Arial</FONT>
  • <FONT size="-1" face="Comic Sans MS"> Kleiner lettertype Comic Sans MS</FONT>
  • Voorbeeld 3.3 geeft de verschillen weer.

[img width=223 height=66]http://i32.tinypic.com/n3b093.jpg

Voorbeeld 3.3


Lijnen

Je zou midden in je website of waar dan ook een horizontale lijn kunnen neerzetten. Je gebruikt hiervoor de code:

<HR>

Zoals je ziet hoef je deze tag niet af te sluiten, dit wordt dus ook wel een empty tag genoemd. De <HR> code wordt vaak onder een koptekst of onder een heel verhaal gezet.

Je kunt ook de width (breedte) van de tag veranderen, dit kun je doen door het aantal pixels te veranderen of te selecteren hoeveel procent de tag moet lijnen:

  • <HR width="200">
  • <HR width="50%">
  • Voorbeeld 4.1 geeft de verschillen weer.

[img width=600 height=48]http://i30.tinypic.com/359ajy1.jpg

Voorbeeld 4.1

Ik heb de foto verkleind maar in feite zouden beide lijnen niet aan de randen komen.

De <HR> tag wordt standaard in he midden uitgelijnd maar ook deze kan op dezelfde manier als bij kopteksten d.m.v. de tag align links, rechts of in het midden (standaard) worden uitgelijnd:

  • <HR align="left" width="20%">
  • <HR align="center" width="150">
  • Voorbeeld 4.2 geeft de verschillen weer.

[img width=600 height=40]http://i28.tinypic.com/2uzqusj.jpg

Voorbeeld 4.2

En we eindigen ook dit deel met een lijn.


Kleuren

Zoals altijd bij opmaak programma's in dit geval opmaak taal kun je kleuren invoegen voor bijvoorbeeld de achtergrond de tekst de links en ga zo maar door.

Je kunt heel makkelijk in de body tag de kleur van de hele website aanpassen, maar je kun ook de kleur van de lijnen aanpassen of van een gedeelte van de tekst. Je hebt hiervoor verschillende kleurcodes/kleurnamen nodig. Je vind hier een uitgebreide lijst van zeer veel kleuren.

Voor de body tag zijn de volgende kleur tags er:

  • text, met deze tag kun je de kleur van de tekst van de hele pagina aanpassen.
  • bgcolor, met deze tag kun je de achtergrond kleur van je website aanpassen.
  • link, met deze tag kun je de kleur van ongebruikte links van bezoekers aanpassen.
  • vlink, met deze tag kun je de kleur van gebruikte links van bezoekers aanpassen.
  • alink, met deze tag kun je de kleur van een actieve link aanpassen, een link is actief zodra erop wordt geklikt.

Je kunt deze tags allemaal in willekeurige volgorde achterelkaar zetten. Zie voorbeeld 5.1

[img width=600 height=46]http://i29.tinypic.com/2evg55l.jpg

Voorbeeld 5.1 (je hoeft natuurlijk maar een keer de body tag te gebruiken of met de kleurnamen of met de kleurcodes).

Je kunt ook weer gedeeltes van een tekst een bepaalde kleur geven d.m.v. de tag:

  • <FONT face="Verdana" color="#0000FF">Deze tekst wordt in een andere kleur als de rest weergegeven.</FONT>
  • Zie voorbeelden 5.2 en 5.3 voor meer duidelijkheid.

[img width=600 height=151]http://i30.tinypic.com/2hrjolv.jpg

Voorbeeld 5.2 (de <BR> code die jullie kunnen zien wordt in het volgende deel van de handleiding uitgelegd).

[img width=533 height=76]http://i25.tinypic.com/vcrsdi.jpg

Voorbeeld 5.3

Een standaard lijn kleur is een beetje saai dus ook de kleur van de lijnen is natuurlijk aan te passen. Je kunt dit doen door gewoon de volgende tag te volgen, de kleur kan je altijd zelf kiezen.

  • <HR color="FF00FF">
  • <HR color="red">
  • Zie voorbeeld 5.4 voor de kleurverschillen.

[img width=427 height=54]http://i31.tinypic.com/dq3qww.jpg

Voorbeeld 5.4


Tekst aanpassen

Het is een beetje saai als je site telkens helemaal links staat en dat je moet doorschrijven totdat je eindelijk een regel verder kunt. Hier hebben ze ook weer een paar codes op bedacht.

We beginnen met de tag die ervoor zorgt dat je altijd een regel over kan slaan of je regel eindigt en op een nieuwe regel begint:

<BR>

dat is alles zet dit achter je zin en je kunt meteen doortypen op de volgende regel, zie voorbeeld 6.1 en 6.2

[img width=600 height=126]http://i28.tinypic.com/2j3302o.jpg

Voorbeeld 6.1

[img width=355 height=57]http://i27.tinypic.com/2i1h0s7.jpg

Voorbeeld 6.2

Het is natuurlijk ook mogelijk om netjes alinea's te maken en die kun je dan weer op de 3 bekende plekken uitlijnen:

  • <P align="left"> Hier typ je je alinea en die wordt links uitgelijnd.</P>
  • <P align="center"> Hier typ je je alinea en die wordt in het midden uitgelijnd.</P>
  • <P align="right"> Hier typ je je alinea en die wordt rechts uitgelijnd.</P>
  • Voorbeeld 6.3 geeft de verschillen weer.

[img width=600 height=124]http://i27.tinypic.com/1yolde.jpg

Voorbeeld 6.3

Je hoeft natuurlijk niet je alinea over de hele breedte te hebben ik je kunt deze verkorten door de width aan te geven.

Link naar opmerking
Deel via andere websites

  • Reacties 14
  • Gemaakt
  • Laatste reactie

Top Posters In Dit Topic


  • Bijdragen:  1.802
  • Waardering:   0
  • Prestatiepunten:  0
  • Dagen gewonnen:  0
  • Lid sinds:  03-02-09
  • Status:  Offline
  • Actief:  
  • Leeftijd:  36

ziet er goed uit O0

Maar een vraag, kunnen we hier ook vragen stellen, over problemen in HTML?

Link naar opmerking
Deel via andere websites


  • Bijdragen:  501
  • Waardering:   63
  • Prestatiepunten:  367
  • Dagen gewonnen:  2
  • Lid sinds:  26-08-06
  • Status:  Offline
  • Actief:  
  • Leeftijd:  33
  • Was actief op:  Macintosh

Dit ziet er goed uit zeg! Misschien ga ik 't ook eens proberen als je handleiding of is (of is 'ie al af)?

Link naar opmerking
Deel via andere websites


  • Bijdragen:  501
  • Waardering:   63
  • Prestatiepunten:  367
  • Dagen gewonnen:  2
  • Lid sinds:  26-08-06
  • Status:  Offline
  • Actief:  
  • Leeftijd:  33
  • Was actief op:  Macintosh

Oke ik ben benieuwd! Zie graag een vervolg komen, kan misschien ook wel als content op de mainpage worden opgenomen?

Link naar opmerking
Deel via andere websites


  • Bijdragen:  658
  • Waardering:   0
  • Prestatiepunten:  0
  • Dagen gewonnen:  0
  • Lid sinds:  16-11-08
  • Status:  Offline
  • Actief:  
  • Leeftijd:  31

Ja, ziet er al goed uit! Succes ;)

Link naar opmerking
Deel via andere websites


  • Bijdragen:  1.138
  • Waardering:   29
  • Prestatiepunten:  0
  • Dagen gewonnen:  0
  • Lid sinds:  20-12-08
  • Status:  Offline
  • Actief:  
  • Leeftijd:  32

Dit ga ik dus wel interessant vinden en ga het ook volgen, ziet er lekker duidelijk uit nu :)

Link naar opmerking
Deel via andere websites


  • Bijdragen:  1.802
  • Waardering:   0
  • Prestatiepunten:  0
  • Dagen gewonnen:  0
  • Lid sinds:  03-02-09
  • Status:  Offline
  • Actief:  
  • Leeftijd:  36

Kun je misschien de tabbelen in HTML uitleggen, of is dit te uitgebreid?

MVG

Martijn1

Link naar opmerking
Deel via andere websites


  • Bijdragen:  1.626
  • Waardering:   0
  • Prestatiepunten:  0
  • Dagen gewonnen:  0
  • Lid sinds:  07-01-08
  • Status:  Offline
  • Actief:  
  • Leeftijd:  33

Hier hou ik van.

Dit volg ik zeker ook !

Je bent al goed bezig.

Link naar opmerking
Deel via andere websites

Gast skinny242

De tabellen kom ik later op terug, want als ik daar nu aan begin snapt niemand er meer wat van.

Hier hou ik van.

Dit volg ik zeker ook !

Je bent al goed bezig.

bedankt voor compliment ;)

Link naar opmerking
Deel via andere websites


  • Bijdragen:  501
  • Waardering:   63
  • Prestatiepunten:  367
  • Dagen gewonnen:  2
  • Lid sinds:  26-08-06
  • Status:  Offline
  • Actief:  
  • Leeftijd:  33
  • Was actief op:  Macintosh

Top man, hele moeilijke taal leg je heel makkelijk uit, als 'ie af is ga ik 't proberen.

Misschien is een klein handleidinkje handig over hoe je het naar de FTP server upload?

Link naar opmerking
Deel via andere websites

Gast skinny242

Misschien is een klein handleidinkje handig over hoe je het naar de FTP server upload?

Dat is iets dat ik op het einde van de handleiding zeker zal gaan uitleggen, bedankt voor de tip!! O0


Post Merge: juli 18, 2009, 07:52:40 pm

Iedereen mag hier trouwens ook zijn/haar eigen html creaties plaatsen of een link naar je site die gemaakt is met html.  :)

Link naar opmerking
Deel via andere websites

  • 2 weken later...

  • Bijdragen:  1.802
  • Waardering:   0
  • Prestatiepunten:  0
  • Dagen gewonnen:  0
  • Lid sinds:  03-02-09
  • Status:  Offline
  • Actief:  
  • Leeftijd:  36

Ga je ook javascript hier uitleggen?

Link naar opmerking
Deel via andere websites

Gast skinny242

Waarschijnlijk niet ik be het namelijk zelf nu pas aan het leren.

P.S.  OVER EEN HALF UUR GA IK OP VAKANTIE EN PAS OVER 2 WEKEN KAN IK WEER AAN HET TOPIC WERKEN!

Link naar opmerking
Deel via andere websites

Geplaatst 2 uur geleden

Vergeten jullie alsjeblieft de VPN verbinding niet? Je internet provider zoals Ziggo of KPN kan door gebruik van de VPN niet zien wat er gebeurd op je internet verbinding en ben je volledig anoniem voor iedereen. Een vereiste tegenwoordig.... We een uitgebreide handleiding geschreven met informatie. :goed:

Deze vindt je hier:   https://www.duken.nl/forums/handleidingen/downloaden/vpn-verbinding-en-anoniem-downloaden-r35/  


Gast
Deze discussie is nu afgesloten voor verdere antwoorden.
 Delen

  • Wie zijn er online?  2 leden zijn actief


  • Willekeurig topic

  • Nu op het forum

    • The discussion focuses on finding IPTV services that can be considered reliable and safe. Users should look beyond attractive prices and check whether a service operates legally, protects customer information, provides clear terms, and has dependable support. Researching a provider before subscribing can help avoid privacy problems, hidden charges, or poor-quality service. Online classes can also become difficult when students have busy schedules or several deadlines at once. When someone searches for Take my online STUDY.COM class, it may reflect a need for additional academic guidance or help staying organized. Using study materials, making a realistic timetable, and getting appropriate tutoring support can make coursework more manageable while helping students understand the lessons and complete their responsibilities properly.
    • The discussion focuses on finding IPTV services that can be considered reliable and safe. Users should look beyond attractive prices and check whether a service operates legally, protects customer information, provides clear terms, and has dependable support. Researching a provider before subscribing can help avoid privacy problems, hidden charges, or poor-quality service. Online classes can also become difficult when students have busy schedules or several deadlines at once. When someone searches for Take my online STUDY.COM class, it may reflect a need for additional academic guidance or help staying organized. Using study materials, making a realistic timetable, and getting appropriate tutoring support can make coursework more manageable while helping students understand the lessons and complete their responsibilities properly.
    • Forumdiscussie: Davey Hearn: Former Olympian Denies Vandalising Washington Reflecting Pool Gebruiker: SportFan123 Hey allemaal! Wat is er precies gebeurd met Davey Hearn? Ik las iets over vandalism bij het Washington Reflecting Pool. Iemand die het verhaal kan uitleggen? Expert: WimDeSportspecialist Hey SportFan123, goed dat je vraagt! Het verhaal rond Davey Hearn is behoorlijk wat aandacht aan het trekken. Hij is een voormalige Olympische atleet, en recentelijk werd hij gearresteerd omdat hij beschuldigd werd van vandalisme bij het Washington Reflecting Pool, een bekende plek in Washington D.C. Wat er precies is gebeurd: volgens de politie zou Hearn betrokken zijn geweest bij het beschadigen van dit iconische monument. Dit zou zijn gebeurd tijdens een avondje uit met vrienden. De details zijn nog niet helemaal duidelijk, maar er waren getuigen die zeiden dat ze hem zagen en dat het bijna kapot was. Waarom is dit zo’n big deal? Nou, de Reflecting Pool is een belangrijke locatie voor veel Amerikanen en toeristen. Het staat dicht bij het Lincoln Memorial en wordt vaak gebruikt voor belangrijke evenementen. Vandalisme daar is dus een groot probleem. Wat zegt Hearn? Hearn ontkent de beschuldigingen. Hij zegt dat hij niets misdaan heeft en dat het allemaal een misverstand is. Dit soort verhalen kunnen snel een eigen leven gaan leiden, vooral als je een bekend gezicht bent zoals hij. Wat nu? Hearn moet binnenkort voor de rechter verschijnen. Het is een flinke schande voor iemand met zijn achtergrond, en afhankelijk van de uitkomst kan dit gevolgen hebben voor zijn reputatie, atletencarrière en zelfs meer. Samengevat: er is veel discussie rond Hearn, en we moeten afwachten wat er uit de rechtszaak komt. Het blijft spannend! Gebruiker: Linda_1985 Wow, dit is echt schokkend! Ik kan me niet voorstellen dat hij zoiets zou doen. Heeft hij nog ergens op gereageerd ofzo? Gebruiker: DeBakker Ja, hij heeft een verklaring afgelegd waarin hij zegt dat hij gewoon met vrienden was en dat het allemaal overdreven wordt. Maar ik vraag me af, als je in de public eye staat, moet je dan niet beter oppassen? Gebruiker: SportFan123 Dus mensen dachten echt dat hij dit gedaan had? Ik bedoel, hij is een Olympiër, dat maakt het nog vreemder. Wat gebeurt er als hij schuldig blijkt? Expert: WimDeSportspecialist Ja, dat is een goede vraag, SportFan123. Als hij schuldig bevonden wordt, kan hij flink wat problemen krijgen. Het kan leiden tot boetes of zelfs zwaardere straf. Voor een atleet kan dit ook betekenen dat sponsors hem laten vallen, wat financieel moeilijk kan zijn. Gebruiker: Joris_74 Dat klinkt heel krom, maar ik snap het wel. De media pakt dit soort verhalen altijd op. Hebben ze al beelden van wat er gebeurd is? Of is het alleen maar getuigenverklaringen? Gebruiker: AnoniemeKijker Ik denk dat het vooral gebaseerd is op getuigenverklaringen. Beelden zouden alles kunnen veranderen, maar voor nu lijkt het vooral op "zijn woord tegen het hunne". Gebruiker: Linda_1985 Laten we hopen dat er snel meer duidelijkheid komt. Ik vind het zo zonde dat als hij onschuldig is, zijn naam nu al besmeurd is. Gebruiker: DeBakker Ja, precies! Als hij onschuldig is, is het straf dat zijn reputatie nu al op het spel staat. Maar het is ook een les voor anderen: denk echt goed na over je omgeving en wat je doet. Gebruiker: SportFan123 Bedankt voor de uitleg, WimDeSportspecialist! Ik blijf het volgen. Hopelijk komt er snel meer info! Gebruiker: Joris_74 Ja, ik ook! Dit soort verhalen zijn altijd zo interessant. Hopelijk kunnen we binnenkort een update krijgen! Dit is een levendige discussie waarin gebruikers uit verschillende hoeken hun mening delen en vragen stellen. Iedereen lijkt betrokken en benieuwd naar de uitkomst van het verhaal! Lees het volledige bericht hier
  • Recente prestatie

  • Populaire bijdragers

    Deze week heeft niemand nog waardering gekregen.

  • Willekeurige films

  • Willekeurige link

×
×
  • Nieuwe aanmaken...