|
|
 |
Inhoud van deze pagina: Werken met HTML | Tekstopmaak | Lettergrootte en letterkleur | Hyperlinks naar externe webpagina's | Hyperlinks naar e-mail adressen | Interne hyperlinks | Extra afbeeldingen | Downloadbare documenten | Horizontale lijnen | Geavanceerde opties
Werken met HTML
HTML (HyperText Markup Language) is een computertaal die begin jaren negentig is ontwikkeld om op eenvoudige manier hypertekst-mogelijkheden op te nemen in teksten: het verbinden van documenten d.m.v. links. Later is HTML de standaardtaal geworden om documenten te maken die bekeken kunnen worden op het World Wide Web.
In QwikZite biedt het gebruik van HTML in teksten veel extra mogelijkheden. Hieronder vind je de meest praktische toepassingen, die je zonder verdere kennis van HTML kunt gebruiken. De kleuren duiden het volgende aan:
| | | De tekst incl. HTML-codering die aan de achterkant wordt ingevoerd. | | Het zichtbare resultaat op de voorkant. |
Slechts één aspect van HTML is belangrijk om te weten: dat in HTML over het algemeen gebruik gemaakt wordt van een combinatie van 2 codes:
- een startcode voor een bepaalde functie: <functie>
- en een eindcode voor die functie: </functie>
Met name de plaatsing van de eindcode moet je vooral niet vergeten!
Tekstopmaak
| | Dit is een <B>vette</B> tekst. | | Dit is een vette tekst. | | | Deze tekst is <I>cursief</I> gezet. | | Deze tekst is cursief gezet. | | | Deze tekst is <B><I>vet en cursief</I></B>. | | Deze tekst is vet en cursief. |
Lettergrootte en letterkleur
| | De letters kunnen ook in <FONT SIZE="2">grootte 2</FONT> of <FONT SIZE="3">grootte 3</FONT> gezet worden. | | De letters kunnen ook in grootte 2 of grootte 3 gezet worden. | | | Deze tekst wordt <FONT COLOR="#FF0000">weergegeven in rood</FONT>. | | Deze tekst wordt weergegeven in rood. | | | Deze tekst is <FONT SIZE="2" COLOR="#FF0000">in grootte 2 en in rood</FONT>. | | Deze tekst is in grootte 2 en in rood. |
Hyperlinks naar externe webpagina's
| | Van de tekst 'QwikZite' een hyperlink maken: | | <A HREF="http://www.qwikzite.com">QwikZite</A> | | QwikZite | | | Van de tekst 'http://www.qwikzite.com' een hyperlink maken: | | <A HREF="http://www.qwikzite.com">http://www.qwikzite.com</A> | | http://www.qwikzite.com | | | Het is gebruikelijk om links naar andere sites in een nieuw venster te laten openen, zodat je eigen site toegankelijk blijft voor de bezoeker. Dit doe je door het toevoegen van het TARGET attribuut: | | <A HREF="http://www.qwikzite.com" TARGET="_blank">QwikZite</A> | | QwikZite |
Hyperlinks naar e-mail adressen
| | Van de tekst 'QwikZite Support' een hyperlink maken naar het e-mail adres 'support@qwikzite.com': | | <A HREF="mailto:support@qwikzite.com">QwikZite Support</A> | | QwikZite Support | | | Van de tekst 'support@qwikzite.com' een hyperlink maken naar het e-mail adres 'support@qwikzite.com': | | <A HREF="mailto:support@qwikzite.com">support@qwikzite.com</A> | | support@qwikzite.com |
Interne hyperlinks
| Aan de pagina 'Werken met kleuren' (http://www.qwikzite.net/index.php?page_id=7&style_id=) is in het menu 'Topic' het onderwerp 'Kleuren' gekoppeld.
Om een link naar deze pagina te maken, bv. van de tekst 'Meer informatie over het werken met kleuren', kun je volstaan met: | | <A HREF="kleuren">Meer informatie over het werken met kleuren</A> | | Meer informatie over het werken met kleuren |
| Bij het maken van een open site (zie Werken met sitestylen), kun je hier ook nog een andere sitestyle aan koppelen.
Als je in het menu 'Topic' het onderwerp 'Home' koppelt aan de homepage kun je, om te verwijzen naar de homepage in een andere sitestyle, gebruik maken van: | | <A HREF="home&style_id=4">Bekijk deze site in sitestyle 4</A> |
Extra afbeeldingen
| | Om een extra afbeelding op de webpagina te plaatsen, die via het menu 'Foto' aan de website is toegevoegd, kan de volgende notatie gebruikt worden: | | <IMG SRC="foto/20" WIDTH="200" BORDER="1" HSPACE="5" VSPACE="5" ALIGN="right"> |  |
- SRC: Het ID-nummer van de betreffende afbeelding in de tabel 'Foto'.
- WIDTH: De breedte (in pixels) waarin je de afbeelding wilt tonen; de hoogte past zich automatisch aan.
- BORDER: De dikte (in pixels) van de rand rondom de afbeelding; voer de waarde 0 in om geen rand te tonen.
- HSPACE: Horizontale afstand (in pixels) tot de omringende tekst.
- VSPACE: Verticale afstand (in pixels) tot de omringende tekst.
- ALIGN: Plaats van de afbeelding op de pagina. Mogelijke waarden: 'right' (rechts) en 'left' (links).
Als een volgende alinea tekst of een volgende afbeelding onbedoeld naast de afbeelding komen te staan, in plaats van eronder, kun je dit probleem oplossen door een 'harde return' in de tekst te plaatsen:
| | <br clear="all"> | | | Van de afbeelding kan een link naar een webpagina worden gemaakt, bv. naar de pagina 'kleuren': | | <A HREF="kleuren"><IMG SRC="foto/20" WIDTH="200" BORDER="1" HSPACE="5" VSPACE="5" ALIGN="right"></A> | | | Van de afbeelding kan ook een link naar een andere afbeelding (bv. een grote versie van dezelfde afbeelding) worden gemaakt: | | <A HREF="foto/15" TARGET="_blank"><IMG SRC="foto/20" WIDTH="200" BORDER="1" HSPACE="5" VSPACE="5" ALIGN="right"></A> | |
Downloadbare documenten
| | Om een link naar een downloadbaar document op de webpagina te plaatsen, dat via het menu 'File' aan de website is toegevoegd, kan de volgende notatie gebruikt worden. In dit geval gaat het om het bestand met ID-nummer 1 in de tabel 'File': | | Download: <A HREF="file/1">Suares info</A> | | Download: Suares info | | | Het is vrij gebruikelijk om hier wat meer informatie toe te voegen over het soort bestand en bestandsgrootte, bv.: | | Download: <A HREF="file/1">Suares info (MsWord, 20 kB)</A> | | Download: Suares info (MsWord, 20 kB) |
Horizontale lijnen
| | Een horizontale lijn in de tekst plaatsen met lijndikte 1 en 100% breed: | | <HR SIZE=1 NOSHADE WIDTH=100%> |
| | | Een horizontale lijn in de tekst plaatsen met lijndikte 3 en 50% breed: | | <HR SIZE=3 NOSHADE WIDTH=50%> |
|
Geavanceerde opties
Een aantal HTML-technieken kunnen niet zonder enige aanpassing in QwikZite worden toegepast. Nadere informatie hierover is te vinden op de pagina Geavanceerde HTML opties in QwikZite in de 'Tips en trucs' sectie voor gevorderde gebruikers.
Ga naar top | Tekstopmaak | Lettergrootte en letterkleur | Hyperlinks naar externe webpagina's | Hyperlinks naar e-mail adressen | Interne hyperlinks | Extra afbeeldingen | Downloadbare documenten | Horizontale lijnen | Geavanceerde opties
|
|
|