Homepage » Tutorials » HTML & CSS » Tekst op je website zetten
Tekst op je website zetten
| Info | ||||
| Door: | Rick | Moeilijkheidsgraad: | ![]() |
|
| Geplaatst op: | 08-02-2004 | Reacties: | 91(Bekijken) | |
| Views: | 127483 (gem. 52.9855 per week) | Log in om zelf te reageren | ||
| Waardering: | ||||
HTML: de basis van iedere website» De opbouw van een html bestand | Tekst op je website zetten | Kleuren op je website | Lettertypen | Hyperlinks maken | Tabellen | Frames | Meer informatie over frames | Lijsten maken | Formulieren maken | I-frames | Metatags
We gaan nu tekst op je website zetten. Dat doen we als volgt: Typ tussen de tekst body: Dit is mijn eerste website. Resultaat:
<html>
<head>
<title>Welkom op mijn website!</title>
</head>
<body>
Dit is mijn eerste website.
</body>
</html>
Sla je pagina nu op en bekijk het resultaat. Het ziet er allemaal nog erg saai uit, maar daar komt later verandering in. Nu we toch met de tekst bezig zijn, leren we je gelijk hoe je het uiterlijk van de tekst kunt veranderen. Eerst zullen we de tekst vet maken. Dat doen we met de tag <b>. Deze tag is een gesloten tag, je sluit hem dus af met </b>.
<html>
<head>
<title>Welkom op mijn website!</title>
</head>
<body>
<b>Dit is mijn eerste website.</b>
</body>
</html>
Sla op en bekijk het resultaat. Je ziet dat de tekst nu vet staat afgedrukt. Natuurlijk kun je tekst niet alleen vet afdrukken. Ook cursief is mogelijk, met de tag <i>In plaats van de b zet je nu dus een i(talic) neer. Dat doe je ook bij de afsluittag. Ook kun je de tekst onderstrepen door in plaats van b(old) een u(nderscore) neer te zetten. Door een s neer te zetten wordt de tekst doorgestreept. Dit waren de belangrijkste tekstopmaak-tags, meer heb je nog even niet nodig als beginner.
Het is handig om, bij het begin van een nieuwe alinea (paragraph in het Engels) een <p>-tag neer te zetten. De browser laat dan een witregel open tussen die tekst en de volgende alinea. Je mag de <p>-tag afsluiten, het hoeft niet. Het begin van een nieuwe alinea is logischerwijs het einde van de vorige, dat snapt zelfs je browser.
Wil je je tekst centreren? Doe dat dan als volgt:
<html>
<head>
<title>Welkom op mijn website!</title>
</head>
<body>
<p align="center"><b>Dit is mijn eerste website.</b>
</p>
</body>
</html>
Je ziet dat de tag <p> nog meer info bevat. align="center" geeft aan dat de tekst in het midden uitgelijnd moet worden. Zo'n extra stuk info in een tag noemen we voortaan een 'attribuut', maar dat terzijde. Andere manieren van uitlijnen zijn left en right. Wil je links uitlijnen, dan hoef je left niet per se te specificeren, omdat de browser automatsich links uitlijnt als er verder niets aan staat gegeven.
Koppen
In HTML kun je ook verschillende kopjes gebruiken. Dat doe je door de <h>-tags. Alleen <h> is niet genoeg, er moet ook een getal van 1 t/m 6 achter. 1 geeft de grootste kop, 6 de kleinste. Ook de <h>-tags worden bij voorkeur wel afgesloten met </h>.
| Tag | Resultaat |
| <h1> | Grootste kop |
| <h2> | Grote kop |
| <h3> | Gewone kop |
| <h4> | Kleinere kop |
| <h5> | Kleine kop |
| <h6> | Noem je dit nog een kop? |
«De opbouw van een html bestand Kleuren op je website »
| 91 reacties | |||||
| Saturn12 | |||||
![]() Regular |
Fascinerend :-) | ||||
| joevan74 | |||||
![]() Regular |
perfect :d | ||||
| Twinus | |||||
![]() Regular |
Hoe krijg je zoiets dan op het net? | ||||
| Birre | |||||
![]() Regular |
Ook dit fungeert prima! | ||||
| kontolbesar | |||||
![]() Regular |
Ik weet het niet meer hoor! Ik gebruik een macbook. ik heb het geprobeerd met NVU, met texteditor. ik sla op als .html ik ik heb de code zelf ingevoerd en ik heb het geprobeerd met kopieren en plakken maar telkens krijg ik de tekst die ik invoer in mijn browservenster. ik heb het geprobeerd met firefox, safari en opera. wat doe ik fout?????? | ||||
| kontolbesar | |||||
![]() Regular |
Ik weet het niet meer hoor! Ik gebruik een macbook. ik heb het geprobeerd met NVU, met texteditor. ik sla op als .html ik ik heb de code zelf ingevoerd en ik heb het geprobeerd met kopieren en plakken maar telkens krijg ik de tekst die ik invoer in mijn browservenster. ik heb het geprobeerd met firefox, safari en opera. wat doe ik fout?????? | ||||
| kontolbesar | |||||
![]() Regular |
Ik weet het niet meer hoor! Ik gebruik een macbook. ik heb het geprobeerd met NVU, met texteditor. ik sla op als .html ik ik heb de code zelf ingevoerd en ik heb het geprobeerd met kopieren en plakken maar telkens krijg ik de tekst die ik invoer in mijn browservenster. ik heb het geprobeerd met firefox, safari en opera. wat doe ik fout?????? | ||||
| latascha | |||||
![]() Regular |
Hoe krijg je tekst op de volgende regel zonder daar een witregel tussen te laten? Ik heb <br> geprobeerd, maar ik krijg ontzettend grote witregels tussen me zinnen en dat wil ik helemaal niet. kan iemand me aub helpen? je mag me mailen naar latascha_b@hotmail.com | ||||
| eddy100872 | |||||
![]() Regular |
Heb de raad van WhoKnowZ gevolgd ! <center> <h1> <b> Dit is mijn eerste website.</b> </h1> </center> werkt prima en veel eenvoudiger | ||||
| shelle | |||||
![]() Regular |
<p align="center"> <h1><u><i>Welkom op mijn website!</i></u></h1> </p> werkt ook niet bij mij, waarschijnlijk de editor of één of andere versie van de HTML codes? Met de HTML kit editor heb ik dan het volgende geprobeerd en dat werkt: <p align="center"><u><i><font size="20">Welkom op mijn website!</font></i></u></p align =""> | ||||
| jajah | |||||
![]() Regular |
Hey, kan er iemand mij helpen aub, ik heb een probleem... Ik heb een tekst en zet dit vet, cursief,... Tot nu toe lukt dat allemaal prima. Maar ik wil deze tekst centraal van l'n website plaatsen. Ik deed dit met deze code: <p align="center"> <h1><u><i>Welkom op mijn website!</i></u></h1> </p> Mijn probleem is dat te tekst er staat, juiste grootte, in het vet, cursief en onderstreept. Maar mijn probleem is dat de tekst niet centraal staat! kan iemand me aub helpen?? alvast bedankt! | ||||
| WhoKnowZ | |||||
![]() Regular |
Om een header te centreren gebruik ik: <center><h1> Mijn Header </h1> (/center) ...en dit werkt. Ik weet niet of er nog andere manieren zijn om hetzelfde resultaat te bekomen? Wanneer ik gebruik maak van: <p align = "center"><h1> Mijn Header </h1> </p> ... verschijnt mijn header NIET in de browser. | ||||
| h4k3r9 | |||||
![]() Regular |
gewoon alles invullen mar niet de poort bij filezilla | ||||
| h4k3r9 | |||||
![]() Regular |
je hebt de <i> niet afgesloten | ||||
| Glenn Potter | |||||
![]() Regular |
= een spatie | ||||
| zyganeke | |||||
![]() Regular |
Hoe kan ik een opening laten tussen verschillende zinnen? Ik had graag mijn home gemaakt waar ze kunnen kiezen tussen verschillende talen. Maar ik krijg geen spatie tussen mijn hoofdzin en de talen, doe ik dit dan telkens met <p>? Wie kan mij hierbij helpen? | ||||
| Glenn Potter | |||||
![]() Regular |
Ik heb al bijna mijn home af maar als ik het opsla en ik open het met internet zie ik alleen een witte pagina. Hoe kan dat ? | ||||
| riczz | |||||
![]() Regular |
Netjes uitgelegd. Dan zal je een site moete hebben waarin een tekstbewerkingsbestand in zit :D | ||||
| serenity | |||||
![]() Regular |
ik heb het geprobeerd via filezilla en ftp maar het wil niet lukken...wat doe ik verkeerd ? | ||||
| serenity | |||||
![]() Regular |
hallokes, ik heb jullie raad gevolgt over hoe een html bestandje schrijven dit heb ik er van gemaakt <html> <head> <title> testje</title> </head> <body><i>welkom op mijn site</body> </html> maar nu is mijn vraagje hoe krijg je dit op de site? | ||||
| wim52 | |||||
![]() Regular |
Wat je tussen <title>en </title> zet in de head tags komt in de blauwe (meestal) werkbalk bovenaan bij Internet Explorer en Firefox. Wil je een titel boven aan je pagina dan zet je die tussen de <body> tags met een <h1>dit is mijn titel</h1> , kan natuurlijk ook <h2> of nog anders dat hangt er van af hoe groot je hem wil. | ||||
| Mchielll | |||||
![]() Regular |
Omdat er op "de opbouw van een html bestand al zo lang niet meer heeft gereageerd, zal ik hier mijn vraag eens stellen:p : je wilt de naam van je website in het groot bovenaan de pagina zetten. In welk deel moet je het dan zetten?In titel of in body? Ik snap eigenlijk ook niet zo goed wat er met de tekst in "titel" gebeurt. hier staat dat die in de statusbalk komt... maar de statusbalk is toch onderaan die grijze tot beige balk, de lader?daar heb ik toch nog niet meer als "fout op de pagina" of "gereed" gezien hoor!kan iemand me helpen? | ||||
| Corry Hartong | |||||
![]() Regular |
Uitstekende tekst, je kunt het niet meer fout doen. Maar één vraag: hoe kan ik in mijn tekst alinea's aanbrengen? En witregels? | ||||
| saan | |||||
![]() Regular |
kben bezig met een website alleen zoek ik nog toezichthouders wil je er een worden zend een berichje naar wat beter | ||||
| stinohomepage | |||||
![]() Regular |
@probie misschien al te laat. maar je mag je tags NIET nesten dus niet <b><u>tekst</b></u> maar <b><u>tekst</u></b> dus je binnenste tag moet ook eidigen in het midden | ||||
| fr0125 | |||||
![]() Regular |
deze site is gewoonweg fantastisch!!! | ||||
| pretty | |||||
![]() Regular |
<html> <head> <title>Welkom op mijn website!</title> </head> <body> <b>Dit is mijn eerste website.</b> </body> </html> <head> <title>Welkom op mijn website!</title> </head> <body> <p align="center"><b>Dit is mijn eerste website.</b> </p> </body> </html> | ||||
| arie36 | |||||
![]() Regular |
Fantastisch! | ||||
| Onbekend lid | |||||
| Spammer |
je kan misschien is proberen om eerst <h3> te doen en daarna pas center | ||||
| probie | |||||
![]() Regular |
<p align="center"> <h3><b><u> welkom bij studio amda </b></u></h3> </p> als ik dit typ verwacht ik infeite de tekst in het midden,vetgedrukt en onderlijnd op de pagina te zien..dit gebeurt dus niet,hij komt wel in het midden als ik de <h3> </h3> weglaat..maar dan is de tekst een beetje te klein..wat doe ik verkeerd??? | ||||
| stijn lemmens | |||||
![]() Regular |
is het mogelijk om een head en een p align in 1 regel te gebruiken ik zou mijn welkomtekst in het midden en met een grote letters willen hebbe | ||||
| toonboy | |||||
![]() Regular |
<html> <head> <title><h1>Welkome</h1></title> </head> <body> <body bgcolor="#FF00FF" text="#FF0000"> <b>mijn eerste web-site</b> </body> </html> | ||||
| dennisheijmans | |||||
![]() Regular |
<html> <head> <title>Welkom op mijn website!</title> </head> <body bgcolor="#000000"> <p><font color="#00ff00">Welkom op mijn website!</font> <p><font color="#ff0000">Deze regel is rood</font> <p align="center"><font face="arial" color="#ff0000" size="3">Dit is de eigenlijke tekst</font></p> <a href="pagina.htm">Een link naar het bestand pagina.htm</a> <a href="http://www.websitemaken.be">Naar Websitemaken</a> <a href=" mailto:dennisheijmans@hotmail.com">Stuur mij een e-mail!</a> <a href="mailto:Dennisheijmans@hotmail.com ?subject=Website">Stuur mij een e-mail!</a> <table> <tr> <p><td><font color="#00ff00">naam!</font></td></p> <p><td><font color="#00ff00">achternaam </font></</td> </tr> <tr> <td>mark</td> <td>van balkom2</td> </tr> </table> </body> als ik op mijn mailadres klik komt er Dennisheijmans@hotmail.com \b te staan en een aantal dingen meer die niet kloppen en ik wil naam en achternaam onder elkaar krijg wie kan me helpen ps. het is een test | ||||
| Gian | |||||
![]() Regular |
Quote: ik ben op zoek achter de code voor de tekst mooi onder elkaar te zetten op men site ... gewoon <br> als je een nieuwe regel wilt, als je nieuwe alinea wilt begin met <p> en eindig met </p> | ||||
| evitje | |||||
![]() Regular |
ik ben op zoek achter de code voor de tekst mooi onder elkaar te zetten op men site ... kan iemand me helpen aan die code :$ | ||||
| Onbekend lid | |||||
| Spammer |
da gaat gewoon nie proberen en proberen,ik krijg niks op de site,ben ne amateur daar lig het aan | ||||
| Tanascha | |||||
![]() Regular |
Hai,ik heb tot nu alles precies zo gedaan als was beschreven heb het zelfs gekopieerd.Maar ik krijg geen text op mijn website wel de text in de status balk.Dus de rest moet ik dan wel goed hebben. <html> <head> <title>Welkom op mijn website!</title> </head> <body> Dit is mijn eerste website. </body> </html> Ik wil he graag leren al is het alleen om te laten zien dat ik het ook kan.P.S.Ik heb ook frontpage is dit makkelijker. Gr | ||||
| Nicsan | |||||
![]() Regular |
Hallo ! Hoe kan ik mn tekst tegen de bovenkant van mn blad plakken ? Groetjes , Nicsan | ||||
| y-girl | |||||
![]() Regular |
Heeeey cool zeg! Ging ff dit html uitproberen, en het lukte direct! Les 1 en 2 in 1 minuutje! Groooovy hahah :P | ||||
| Onbekend lid | |||||
| Spammer |
Je bent een < vergeten voor html miss ligt het daaraan anders weet ik het niet | ||||
| jacqueslf | |||||
![]() Regular |
waarom wordt de tekst niet vet tussen de body html> <head> <title>Welkom op mijn website!</title> </head> <body> <b>Dit is mijn eerste website.</b> </body> </html> | ||||
| Ateng | |||||
![]() Regular |
Oké thanks Skralan | ||||
| Onbekend lid | |||||
| Spammer |
probeer eens: rechtermuisknop op bestand > Openen met... > kladblok | ||||
| Ateng | |||||
![]() Regular |
Als ik het op slaat dan wordt het een HTML document maar het bestand in text is weg. Ik kan dus geen veranderingen maken. Doe ik iets verkeerd met opslaan? | ||||
| megron | |||||
![]() Regular |
Voor het probleem met de <h1/6> tags en centreren, plaats de <h>tags buiten de <p align="center"> tags. dus in plaats van: <p align="center"><h1>tekst</h1></p> doe je <h1><p align="center">tekst</p></h1> Er onstaat zo geen probleem met andere regels. Zorg er wel voor dat je in dit geval de <p> tags sluit. | ||||
| steef | |||||
![]() Regular |
Waarom krijg ik mijn tekst op deze manier niet in het midden??? <p align="center"><font face="amphion"size="7"><b> dit is mijn tekst</b></font></p> Ik zie het niet | ||||
| denbeckers | |||||
![]() Regular |
<html> <head> <title>Welkom op mijn website!</title> </head> <body> <p align="right"><b>Dit is mijn eerste website.</b> </p> </body> </html> zo moet het heus wel lukken hoor | ||||
| eurovlokje | |||||
![]() Regular |
Sjee, Ik wil een tekst aan de rechterkant maar wat ik ook doe hij blijft links staan <body> <p align="right"><b>Dit is mijn eerste website.</b> </p> </body> Oplossing? | ||||
| Gerard316 | |||||
![]() Regular |
Hoe wil ik dit allemaal uit proberen dan? Ik heb geen eens een site :s Kan ik dit ook allemaal doen via geocities? | ||||
| yasin123 | |||||
![]() Regular |
Hmm ik heb niks en ik ben nieuwe ik kan niks doen ik wil mijn eigen liedje html maken hoe doe je dat??? | ||||
| Willem | |||||
![]() Regular |
Yessss, Gelukt tot nu toe met les 2. Heel geinig en met wat oefenen kom je er wel. Gr. | ||||
| Willem | |||||
![]() Regular |
Hoi, <span align="center">Je tekst</span> Tekst blijft links. Hoe kan dat? Gr. | ||||
| adiojos | |||||
![]() Regular |
Tot nu toe gaat het prima! Goede site! | ||||
| immer | |||||
![]() Regular |
Deze code werkt niet ik krijg een c inplaats van dat de tekst opschuift? Is het een andere code? | ||||
| Onbekend lid | |||||
| Spammer |
1 vraagteken is meer dan genoeg... voeg deze code toe in de html code tussen de woorden/afbeeldingen die je wil scheiden
natuurlijk is css positioning een beter alternatief, maar dat moet je maar in de cursussen leren | ||||
| webkukel | |||||
![]() Regular |
Wat nou als ik meer dan 1 spaties wil doen in mijn getypte tekst of tussen 2 plaatjes??? Met welke htmlcode moet dit??? Want met de spatie wil het niet.. Wie weet dit???????? | ||||
| rogier.slag | |||||
![]() Moderator |
dit doe je met de tag
| ||||
| immer | |||||
![]() Regular |
Hoe krijg je tekst op de volgende regel zonder daar een witregel tussen te laten? | ||||
| stenny | |||||
![]() Regular |
Dit is een algemen fout, en het is ook een beetje raar beschreven in de tutorials...de title tag, zorgt er niet voor dat er tekst staat in het venster, maar in de blauwe balk bovenin je internet explorer... | ||||
| stancia | |||||
![]() Regular |
Hoi Het lukt me zowaar...heb net stap 2 gedaan. Maar 1 ding..in stap 1 kon je tussen de headtags een welkomstekst plaatsen...nou die is dus niet te zien...stap 2 is goed gegaan...bold, italic enz. maar waarom zie ik de welkomstzin niet?? | ||||
| ikke-ellie | |||||
![]() Regular |
het luk voor geen meter!!!!!!!!!!!!1 | ||||
| Anki | |||||
![]() Regular |
ik heb stap 1 doorlopen, dit staat in kladblok:
en heb het opgeslagen als html. Zodra ik Explorer open en index.html open, staat er geen tekst... wat doe ik fout? | ||||
| de vlieger dietrich | |||||
![]() Regular |
amaai!lijkt me allemaal ingewikkeld voor een leek als ik maar ik ga het toch proberen hoor!!!! | ||||
| Onbekend lid | |||||
| Spammer |
stel je probleem anders even in het forum, met de code die je gebruikt... | ||||
| webkukel | |||||
![]() Regular |
nou ik heb mooi alle stapjes gevolgt..maarre nu heb ik alleen de eerste zin van welkom op mijn website maar die 2e zin..van dit is mijn eerste site ( vet en gecentreerd) ..komt gewoon nie..hellupppppppppp :( | ||||
| rogier.slag | |||||
![]() Moderator |
wel via een browser openen hè! | ||||
| all you need is love, all you get is homework | |||||
![]() Regular |
o jee als ik iets opsla in editpad dan is dan hetzelfde als ik het open me <html> enz er nog bij ik sla het nochtans op als .html wat doe ik fout mail naar mutskeprutske@hotmail.com | ||||
| FrankaKat | |||||
![]() Regular |
hmm maar ik heb een macintosh dus ik heb geen kladblok enzo maar tog bedankt en ik had hem ook opgeslagen als html bestand egt vaag! | ||||
| rogier.slag | |||||
![]() Moderator |
kijk eens in je broncode. Let op dat je in een Wat You See Is What You Get-editor als alle tags hebt staan, gebruik dan een programma als Kladblok Let op dat je het bestand opslaat met de .html exentie en niet met de .txt exentie | ||||
| FrankaKat | |||||
![]() Regular |
pfff ik snap er niks van, als ik precies doe wat er staat en ik open het via explore staat er gewoon<html> <head> <title>Welkom op mijn website!</title> <head><body><b>Dit is mijn eerste website</b> </body></html> in plaats van dat er alleen een titel en een body en hij word ook niet dikgedrukt | ||||
| keasu | |||||
![]() Regular |
wat is de link naar dat editpadpro proggie,, wil wel is zien of dat beter is als dreamweaver=] | ||||
| DenBuys | |||||
![]() Regular |
Ja goed progje :) | ||||
| websitemaker2004 | |||||
![]() Regular |
goed programma hoor dat editpad pro | ||||
| leerling | |||||
![]() Regular |
Moet ik aannemen dat er meerdere mogelijkheden zijn voor één en dezelfde doel? Ik zie dat je ook alles in het midden krijgt door er <CENTER> voor te zetten. ? | ||||
| rogier.slag | |||||
![]() Moderator |
<h1> is de grootste. In combinatie met CSS kan het nog groter | ||||
| derek | |||||
![]() Regular |
kan je eigenlijk nog een grotere kop maken? | ||||
| Al_Capone | |||||
![]() Regular |
heey, wie kan mij helpen met dat <br> code? ik weet niet hoe ik er meer regels van kan maken... alvast bedankt | ||||
| janpattat | |||||
![]() Regular |
sjieke site! En allemaal voor niks? | ||||
| Sjengske | |||||
![]() Regular |
bij mij centreert hij niets! ook niet bij de kop, en doe precies wat er staat dus..! Rick zou je me even kunnen helpen en me een mailtje sturen naar sjeng4life@zonnet.nl dank je wel! | ||||
| yassine | |||||
![]() Regular |
ik weet ni hoe ik moet beginne kan er iemand mij helpen aub | ||||
| Mirax | |||||
![]() Moderator |
Gebruik de code
| ||||
| Johan Cruijff | |||||
![]() Regular |
Misschien een domme vraag maar hoe krijg je meer dan 1 regel tussen stukken tekst | ||||
| Rick | |||||
![]() Webmaster |
Ik kan je dat "in vredesnaam" wel vertellen ja. <h1 align="center">Tekst</h1> | ||||
| basleenstra | |||||
![]() Regular |
HELP O HELP!!!!!!!! kan iemand mij in vredesnaam vertellen hoe ik een kop in het midden v/d pagina zet??? | ||||
| rogier.slag | |||||
![]() Moderator |
in de body van je pagina, waar in je body hang er vanaf waar je hem wil hebben | ||||
| woutertje6 | |||||
![]() Regular |
Waar moet je die kopjes ergens tusenzetten? | ||||
| snackexpress | |||||
![]() Regular |
als ik het bestand open via internet krijg ik geen leeg scherm maar ik krijg heel wat te zien waar ik niks kan van maken. HEEEEEEEEELP!!! reacties op shana.dylan@pandora.be | ||||
| rogier.slag | |||||
![]() Moderator |
| ||||
| gielios | |||||
![]() Regular |
Hoe kan ik een zin in het midden van een blad plaatsen? | ||||
| Rick | |||||
![]() Webmaster |
Met welke editor werk je? | ||||
| vitesseboy12 | |||||
![]() Regular |
ik sla het op en het is bij mij niet vetgedrukt. hij doet hte niet terwijl ik precies doe wat er staat. wat kan het zijn. stuur daarover een mail naar leroyvanomme_vitesse@hotmail.com okee | ||||
Om te reageren moet je ingelogd zijn.
Nog niet geregistreerd? Doe dat dan nu!
Check je domein...
Websitemaken wordt gehost door Nucleus.be




