1. Home
  2. Artikelen
  3. Basis HTML

Basis HTML

Een korte cursus html voor je eigen homepage

Smulweb is in eerste instantie bedoeld om zonder al te veel technische kennis van internet een eigen pagina te kunnen maken, waarmee je een ontmoetingsplek kunt creeren voor mensen met dezelfde culinaire interesses. Oftewel, het moet heel makkelijk zijn om een eigen pagina te hebben, te onderhouden en andere mensen te bezoeken.
Natuurlijk is het leuker om je pagina zo mooi mogelijk te maken met plaatjes, achtergrondjes, muziekjes en kleurtjes. Dit is ook allemaal mogelijk, maar het kan de inleessnelheid van de pagina aanzienlijk vertragen. Of er kunnen inlogproblemen door ontstaan. Ook kunnen er problemen ontstaan met de pagina, doordat een aantal codes niet juist zijn ingevoerd of in een veld waar onvoldoende ruimte is.
Het past niet in de opzet van Smulweb, dat de redactie problemen of fouten die hierdoor ontstaan, gaat oplossen. Er zijn een aantal Smullers, die het leuk vinden om hiermee te helpen. Hun namen vind je in deze subgroep.

Verder is deze pagina bedoeld om in het kort een paar basisdingen uit te leggen, zodat iedereen zijn pagina kan leren verfraaien op de juiste manier.
Veel plezier!HTML-codes staan altijd tussen spitse haken: < en >.

Een code moet (bijna) altijd geopend en weer afgesloten worden. Afsluiten gebeurt door in de afsluitcode een / te zetten.

Een linkje wordt gemaakt door het url in code te vermelden. Het url van een site of pagina is het adres van die pagina op internet. Hierin komen ook / voor, elke keer tussen een volgende stap (verdieping) op internet. Er worden geen spaties gebruikt in de url en (meestal) ook geen hoofdletters.De code is:

<img src="url van het plaatje">
Als het plaatje op de Smulwebserver staat, is het url: "/img/naamplaatje.jpg" omdat de browser dan op de "thuisserver" gaat zoeken. In andere gevallen moet je het hele url vanaf http://www. gaan intoetsen.
Om lange laadtijd te vermijden, kun je het beste ook de afmetingen van het plaatje erbij zetten; dan komt er achter: width="50" height="75" Wel binnen de haken zetten! Deze getallen zijn natuurlijk afhankelijk van de afmetingen van het plaatje. Natuurlijk moet je even kijken hoe groot het plaatje is en of de verhoudingen kloppen.
Het beste kun je het plaatje in het midden zetten en een lege regel eronder zetten. Dan wordt de code: <center><img src="url van het plaatje" width="50" height="75"></center><br>
Bij "wijzig je eigen gegevens" heb je ruimte in de vakjes: "over mijzelf" en "hobby's" om de codes te plaatsen.De code is:

<body background="url van het achtergrondje">
Deze code zet je ook weer op dezelfde plaats als hierboven is beschreven.De code is:
<font color="red">Receptnaam</font>
De kleur kun je zelf invullen. Je kunt hiervoor de Engelse benaming gebruiken, of de kleurcode. Let erop dat er voldoende ruimte is in het invulvakje, anders komt de code er niet helemaal op. Bijvoorbeeld de afsluitcode komt er niet op, waardoor de rest van je pagina rood wordt!


Voor meer verschillende kleurcodes, zie het artikel hierover in deze sub!

Reacties (40)

  • orphan 20-09-2005
    geweldige uitleg hartelijk bedankt groetjes laura

  • orphan 17-08-2005
    dank je wel voor je uitleg hopelijk lukt het nu ik had nog geen achtergrond dus neem ik deze pagina mee.groetjes laura

  • anja9437 25-05-2005
    deze neem ik mee komt wel eens van pas groetejs anja

  • chrisnijhuis 17-04-2005
    Bedankt voor de uitleg. Ik ga een poging doen. Groetjes Chris.

  • jolandatenw 06-03-2005
    heb m meegenomen naar mijn site gat uitproberen,groetjes jolanda

  • henrike31 29-01-2005
    Neem het mee xxx Henrike

  • christine5 27-12-2003
    Het is me gelukt de achtergrond van mijn pagina aan te passen. Nu wil ik graag een foto, die ik zelf gemaakt heb, bij een recept plaatsen. Hoe doe ik dit dan? De foto staat op mijn harde schijf...

  • pluis-4 13-09-2003
    neem het mee naar mijn pagina. groeten Minie

  • lmh-v 12-07-2002
    Kort, duidelijk, handig. Zet bij mijn favorieten en PRINT (arme analoog...) Bedankt,
    Lida

  • swien 01-12-2001
    Bedankt voor de uitleg. Nu maar kijken of ik het nog snap. Je Broertje

Bekijk alle reacties Ophalen reacties ... Bekijk minder reacties
Leuk artikel? Deel het
Laatste vragen
Laatst beantwoorde vragen

  • frituurijzer Bij de bakwinkel kun je deze kopen voor €10,= ex verzenden, zitten 3 vormpjes bij. Gr. Lucia

  • IPhone app smulweb geschikt voor iPad? Ik kon altijd wel inloggen, maar nu lukt het mij op de iPad niet meer. Via internet explorer alles prima, maar op de iPad app geeft deze inloggen mislukt aan onder dezelfde inlognaam en password.

  • biscuitdeeg mislukt altijd! help Ik weet niet of je al antwoord hebt maar ik doe het altijd zo met een prima resultaat: Voor een vorm van 26 cm. 5 eieren 200 gr suiker 1 zakje vanillesuiker of 1/2 tl vanillepoeder 1 tl zout 150 gr bloem 50 gr maïzena (of 200 gr glutenvrij meel) boter paneermeel Laat alles op kamertemperatuur komen. Doe de eieren in de beslagkom samen met de suiker, vanillepoeder en het zout. Klop zo lang tot de kleur bijna wit is geworden. Doe de bloem en maïzena in een kom en zeef dit in gedeeltes bij het beslag, waarbij telkens een deel van het meel er voorzichtig doorheen wordt gespateld. Doe het beslag in een met boter ingesmeerde en met paneermeel bestrooide springvorm. Laat gedurende ca. 40 minuten in een voorverwarmde oven bakken op 150 graden. Als hij klaar is op een, tegen het plakken, met paneermeel bestrooid rooster laten afkoelen.

  • courgettes Hallo , we zitten in een zelfde bootje hier ! Ik zit na amper anderhalve week (opnieuw) met een volle winkelkar aan courgettes en ik ben momenteel de groente wel even beu desondanks variatie . Om u van antwoord te dienen : Ja , dat gaat zeer zeker ! De beste methode is de courgette reeds in blokjes of repen snijden ( niet schillen ) en ze eerst op een bord van elkaar weg te bevriezen waarna je ze kan verdelen over diepvrieszakjes , dat is alles ! Ik doe vandaag nog hetzelfde ! Groeten , V.I.

  • inloggen Ik heb hier ook al paar dagen last van. Ik kan wel bij mijn eigen gegeven, maar niet ingelogd zijn bij andere recepen of hompage. Is er al een oplossing hiervoor?

Meest bekeken
Dit artikel staat ook in de volgende kookgroepen:
Kookgroep
veel_gestelde_vragen

veel gestelde vragen

Top