Video: Basic HTML Tutorial Part 1 From Beginner To Advanced - What You Need To Start! 2025
Wanneer u een nieuwe webpagina maakt in Dreamweaver, Adobe Creative Suite 5, kavels of code is gemaakt om uw webbrowser HTML te laten herkennen en welke HTML-versie het gebruikt. Dreamweaver werkt op de achtergrond om ervoor te zorgen dat uw pagina werkt in vrijwel alle recente versies van veelgebruikte webbrowsers, zoals Firefox, Internet Explorer en Safari.
HTML-code, hoewel eenvoudig, is net als elke andere taal, in die zin dat je de syntaxis (de juiste volgorde en de formatie van de code) en woordenschat moet vinden (veel tags onthouden). U hoeft geen klodders tape op uw bril te hebben om goede, schone webpagina's te maken, maar u moet wel de volgende HTML-beginselen doornemen.
Als u een ervaren gebruiker bent, weet u dat door code te kopiëren en te plakken, u veel kunt achterhalen over HTML-code. Als u een nieuwe gebruiker bent, kan het kopiëren en plakken van code u helpen de code te begrijpen die anderen op hun pagina's hebben geïmplementeerd en u misschien enkele ideeën geven.
HTML-tags bestaan over het algemeen uit drie delen:
-
Tag: Het grootste deel van de HTML-informatie, bijvoorbeeld voor sterk of vet, voor de fonttag of
voor een HTML-tabel. Een tag is altijd opgebouwd uit een sleutelwoord ingesloten in een reeks haakjes, zoals
of
.
Omdat de meeste tags per twee worden geleverd, moet u een openingstag (
) en een afsluitende tag (
) invoeren. In XHTML 1. 0 Transitional (de standaard die wordt gebruikt voor alle nieuwe pagina's die in Dreamweaver zijn gemaakt), moeten alle tags gesloten zijn. U kunt een tag sluiten of een zelfsluitende tag maken door de schuine streep vóór de sluitingshaak op te nemen:Als u bijvoorbeeld tekst vetgedrukt maakt door de tag toe te voegen, vertelt u aan de tekst waar moet worden gestopt met het toepassen van vetgedrukte letters door een afsluitende tag in te voegen. Anders blijft de tekst vetgedrukt op de rest van de pagina.
Kenmerk: Hiermee kunt u het uiterlijk van een specifieke HTML-tag verfijnen. Een attribuut wordt altijd toegevoegd aan een openingstag en kan verschillende waarden aannemen om kenmerken te beheren, zoals de verbindingskleur, -grootte en -bestemming. Zo is align een kenmerk van de tag
(alinea) die aangeeft hoe tekst binnen in de alinea moet worden uitgelijnd.
Hier is een voorbeeld van een alineanummer (
) tag met een attribuut toegevoegd:
Dit is gecentreerde tekst
Waarde: De kleur, grootte en linkbestemming, bijvoorbeeld gespecificeerd in een attribuut. U kunt bijvoorbeeld een hexadecimaal getal opgeven als de waarde voor een kleurattribuut. Een voorbeeld van een waarde voor het bgcolor-kenmerk van de tag (die de algehele paginaverschijning bepaalt) kan "rood" of "# CC0000" zijn.
Nesten is de volgorde waarin de tags worden weergegeven. Als een -tag wordt toegepast, ziet het er als volgt uit: Deze tekst is vet . Voeg een cursieve tag toe en u ziet Deze tekst is vet en cursief. . Let op de in-to-out plaatsing van de tags: u werkt uw weg van binnen naar buiten bij het sluiten van tags.