Basis Kennis HTML voor Internet Ondernemers

Je hebt een eigen website.. met een beetje geluk zelfs een WordPress blog.. maar je bent geen programmeur of techneut.. Zeker wanneer je WordPress gebruikt als basis voor je website hoeft dat geen probleem te zijn. Maar het kan wél handig zijn om een bepaalde basiskennis te hebben van HTML, de taal waarmee websites gemaakt worden.

Het schrikt je in het begin misschien een beetje af, maar geloof me, het is echt niet moeilijk. En wanneer je de basis een beetje leert kennen zal je leven op het web zeker wat makkelijker worden!

Met name voor Internet Marketeers

Zeker wanneer je bezig bent met Internet Marketing is het bijzonder handig wanneer je niet voor iedere (kleine) aanpassing een webdesigner hoeft in te schakelen. Je hoeft echt niet zelf hele websites te leren bouwen, maar een stukje kennis van tekstopmaak e.d. maakt al een heel verschil.

Laten we een aantal van de belangrijkste elementen bekijken, welke je eigenlijk direct al kan gaan gebruiken!

Hyperlinks

Op veel sites worden geplaatste links automatisch klikbaar, zeker wanneer je er ‘http://’ voor zet. In WordPress heb je een handig knopje waarmee je via een menutje een linkje maakt. Maar wanneer je het toch zelf moet doen (wat ook best eens sneller kan zijn als je er handig in bent), kun je dat als volgt doen:

<a href="http://www.websiteadres.nl/">tekst die je wil linken</a>

Let op: denk er aan om de </a> op het eind te plaatsen. daarmee sluit je de link af.

Headers

Headers in HTML werken eigenlijk hetzelfde als in een boek of in MS Word. De belangrijkste titel is het grootst en daarnaast heb je nog subkopjes. Op een website speelt dit ook een belangrijke rol qua SEO (zoekmachine optimalisatie). Een H1 is het meest belangrijke (komt precies 1 keer voor op een pagina als het goed is), een H2 iets minder belangrijk, etc.

<h1>Dit is de meest belangrijke titel op een pagina</h1>
<h2>Dit is wat minder belangrijk, een subkop dus</h2>

Paragrafen

Normaal gesproken zit er een witregel tussen iedere paragraaf. Wanneer je dat niet wil kun je ook zelf naar de volgende regel springen met een ‘linebreak’. Zie de voorbeelden hieronder:

<p>Dit is de eerste paragraaf</p>

<p>Dit is de tweede paragraaf</p>

<p>Dit is de derde paragraaf<br />
Maar nu met tekst direct onder de eerste regel</p>

Afbeeldingen

Een afbeelding plaatsen maakt een pagina interessanter, of kan een tekst goed toelichten. In HTML is het niet moeilijk om een plaatje te plaatsen, maar er zijn een paar dingen om op te letten:

<img src="//jewebsite/afbeelding.jpg width="300" height="200"
alt="omschrijving afbeelding" />

De ’src’ geeft aan waar de afbeelding is te vinden, met de width en height kun je het formaat van de afbeelding aangeven. Dit hoeft niet perse, maar het maakt het laden wat sneller. Om een afbeelding kleiner te maken is het beter om dit in een bewerkingsprogramma te doen, dan krijg je namelijk een kleiner bestand.

In de ‘alt tag’ geef je een korte omschrijving van de afbeelding. Dit is handig voor zoekmachine optimalisatie, maar ook wanneer de afbeelding om wat voor reden dan ook niet te tonen is. Deze tekst zal er dan voor in de plaats komen.

Lijsten

Tot slot kijken we nog even naar het maken van opsommingslijsten. Je hebt opsommingslijsten en lijsten met gewone bullits.

Een numerieke opsommingslijst maak je zo:

<ol>
<li>Eerste lijst item</li>
<li>Tweede lijst item</li>
<li>Derde lijst item</li>
</ol>

Wil je gewone bullits, dan gebruik je:

<ul>
<li>Eerste lijst item</li>
<li>Tweede lijst item</li>
<li>Derde lijst item</li>
</ul>

Dat was het voor nu, succes met oefenen!

Bron: http://artikelplaats.nl/internet-business/websites/basis-kennis-html-voor-internet-ondernemers/