Delen via

Basisbeginselen van HTML

De meeste browsers hebben de mogelijkheid om de HTML-bron te bekijken van de pagina's die u bladert. Wanneer u de bron bekijkt, ziet u een aantal HTML-tags (Hypertext Markup Language), omgeven door punthaken(<>), tussen tekst.

In de onderstaande stappen worden HTML-tags gebruikt om een eenvoudige webpagina te maken. In deze stappen typt u tekst zonder opmaak in een bestand in Kladblok, voert u enkele wijzigingen aan, slaat u het bestand op en laadt u de pagina opnieuw in de browser om uw wijzigingen te zien.

Een HTML-bestand maken

  1. Open Kladblok of elke eenvoudige teksteditor.

  2. Kies Nieuw in het menu Bestand.

  3. Typ de volgende regels:

    <HTML>
<HEAD>
<TITLE>Top HTML Tags</TITLE>
</HEAD>
</HTML>

  4. Kies Opslaan in het menu Bestand en sla het bestand op als c:\webpages\First.htm. Laat het bestand geopend in de editor.

  5. Ga naar uw browser en kies openen in het menu Bestand of typ file://C:/webpages/first.htm in het vak URL-bewerking van de browser. U ziet nu een lege pagina met het vensterbijschrift 'Top HTML Tags'.

    U ziet dat de tags zijn gekoppeld en zijn opgenomen in hoekige haken. Tags zijn niet hoofdlettergevoelig, maar hoofdlettergebruik wordt vaak gebruikt om tags te laten opvallen.

    De tag <HTML> start het document en de tag </HTML> beëindigt het. Eindtags (niet altijd vereist) zijn hetzelfde als de begintags, maar hebben een schuine streep (/) voor de tag. Er mogen geen spaties zijn tussen de punthaak (<) en het begin van uw tag.

  6. Ga terug naar Kladblok en typ na de regel </HEAD>:

    <BODY>
    HTML is swell.
    Life is good.
</BODY>

  7. Kies Opslaan in het menu Bestand.

  8. Ga terug naar uw browser en vernieuw de pagina.

    De woorden worden weergegeven in het clientgebied van het browservenster. Let op dat uw regelterugkeer wordt genegeerd. Als u een regeleinde wilt hebben, moet u een <BR> tag toevoegen na de eerste regel.

    Voor alle volgende stappen, plaatst u de tekst ergens tussen <BODY> en </BODY> om deze aan de hoofdtekst van uw document toe te voegen.

  9. Een koptekst toevoegen:

    <H3>Here's the big picture</H3>

  10. Voeg een afbeelding toe met behulp van een .gif bestand dat is opgeslagen in dezelfde map als uw pagina:

    <IMG src="yourfile.gif">

  11. Een lijst toevoegen:

    <UL>Make me an unordered list.
<LI>One programmer</LI>
<LI>Ten SDKs</LI>
<LI>Great Internet Apps</LI>
</UL>

  12. Als u de lijst wilt nummeren, gebruikt u de gekoppelde <OL>- en </OL>-tags in plaats van de <UL>- en </UL>-tags.

Dat zou je moeten helpen. Als u een geweldige functie op een webpagina ziet, kunt u zien hoe deze is gemaakt door de HTML-bron te bekijken. HTML-editors zoals Microsoft Front Page kunnen worden gebruikt om zowel eenvoudige als geavanceerde pagina's te maken.

Hier volgt de volledige HTML-bron voor het bestand dat u hebt gebouwd:

<HTML>
<HEAD>
<TITLE>Top HTML Tags</TITLE>
</HEAD>
<BODY>
HTML is swell.<BR>
Life is good.
<H3>Here's the big picture</H3>
<IMG src="yourfile.gif">
<UL>Make me an unordered list.
<LI>One programmer</LI>
<LI>Ten SDKs</LI>
<LI>Great Internet Apps</LI>
</UL>
</BODY>
</HTML>

Zie de specificatie hypertext Markup Language (HTML) voor een volledige beschrijving van tags, kenmerken en extensies:

Meest recente gepubliceerde versie van HTML op W3C.org.

Zie ook

Basisprincipes van MFC Internet Programming

  • Last updated on