Hoe Maak Je Een Website Met Html

Inhoudsopgave:

Hoe Maak Je Een Website Met Html
Hoe Maak Je Een Website Met Html

Video: Hoe Maak Je Een Website Met Html

Video: Hoe Maak Je Een Website Met Html
Video: HTML Tutorial - How to Make a Super Simple Website 2024, Mei
Anonim

Met de explosieve groei van internet worden tegenwoordig steeds meer webtechnologieën gebruikt, met name HTML en standaardwebbrowsers. HTML (HyperText Markup Language) is een hypertext opmaaktaal. Dit formaat bepaalt het uiterlijk van het document, de onderlinge opstelling van tekst, grafische en multimediale informatie. Campagnes houden zich bezig met het maken van sites, voor heel veel geld. Maar met behulp van "html-tags" kunt u met uw eigen handen een nogal interessante website maken.

Hoe maak je een website met html
Hoe maak je een website met html

Het is nodig

  • - browser;
  • - tekstverwerker.

instructies:

Stap 1

Het HTML-bestandsformaat is vrij eenvoudig. Het samenstellen en wijzigen van het bestand wordt uitgevoerd door elke teksteditor. Er wordt gebruik gemaakt van een webbrowser om de resultaten te bekijken. Het belangrijkste voordeel van HTML-documenten is dat ze naar elkaar kunnen verwijzen. Met kruisverwijzingen kunt u snel naar een document met aanvullende informatie over een interessant onderwerp verwijzen en vervolgens verder werken met de brontekst. Elk document dat in de HTML-taal is geschreven, bestaat uit de inhoud van de pagina, d.w.z. tekst en controletekens - tags. Alle HTML-tags moeten tussen punthaken staan. Meestal worden een starttag en een eindtag gebruikt. De eindtag verschilt van de starttag door de aanwezigheid van een schuine streep.

Stap 2

Ga naar een teksteditor (kladblok) om te beginnen met het maken van een site.

Voer vervolgens de tags in:

HTML - / HTML - de eerste en laatste tags van elk HTML-document.

HEAD - / HEAD - begin en einde van de documentkop.

TITLE - / TITLE - stel de titel van het document in (titel van het browservenster).

BODY - / BODY - het begin en einde van de hoofdtekst van het HTML-document, dat de inhoud van het document definieert.

Stap 3

Vervolgens moet u de tekst opmaken. Dit vereist de volgende tags:

Hx - / Hx - (x is een getal van 1 tot 6) beschrijven koppen op zes verschillende niveaus. De kop van het eerste niveau is het grootst, het zesde niveau is het kleinst.

P - / P - beschrijf een alinea (de tag / P mag ontbreken).

ALIGN is een parameter die de uitlijning van de alinea bepaalt:

UITLIJNEN = MIDDEN - midden uitlijning;

ALIGN = RECHTS - juiste uitlijning;

ALIGN = LINKS - links uitlijnen.

BR - ga naar een nieuwe regel zonder een alinea te verbreken.

B - / B - geeft tekst vet weer.

I - / I - geeft tekst cursief weer.

U - / U - onderstreepte tekst.

STRIKE - / STRIKE - doorgestreepte tekst.

BLOCKQUOTE - / BLOCKQUOTE - geeft aanhalingstekens weer.

SUB - / SUB - geeft subscripts weer.

SUP - / SUP - weergave van superscript.

TT - / TT - gebruik een lettertype met een vaste tekenbreedte.

BIG - / BIG - vergroot de grootte van het huidige lettertype.

SMALL - / SMALL - verklein de grootte van het huidige lettertype.

BASEFONT SIZE = n - (n is een getal van 1 tot 7) - de basiswaarde van de lettergrootte.

LETTERGROOTTE = + / - n - / FONT - verander de lettergrootte.

LETTERTYPEKLEUR = # xxxxxx - FONT - instelling van de letterkleur: Aqua - zeegolf; Zwart zwart; enz.

LICHAAM - verander de achtergrondkleur.

HR - horizontale lijn, deze tag kan attributen gebruiken:

KLEUR - lijnkleur;

GROOTTE - lijnbreedte in pixels;

WIDTH - lijnbreedte in pixels of als percentage van de vensterbreedte;

ALIGN - lijnuitlijning;

NOSHADE - schilderen zonder schaduw;

SCHADUW - tekenen met een schaduw.

Stap 4

Als u een lijst in uw site wilt invoegen, moet u tags invoeren:

UL - / UL - ongeordende lijst (opsomming, geen volgorde):

LI - definitie van een lijstitem;

TYPE is een parameter die een lijstmarkering definieert:

TYPE = CIRKEL - een cirkel wordt gebruikt als markering;

TYPE = DISK - punt wordt gebruikt als markering;

TYPE + VIERKANT - een vierkant wordt gebruikt als markering.

OL - / OL - genummerde lijst:

TYPE is een parameter die het type van de lijst specificeert:

TYPE = A - Latijnse hoofdletters worden gebruikt als lijstnummers;

TYPE = a - Latijnse letters in kleine letters worden gebruikt als lijsttellers;

TYPE = I - grote Romeinse cijfers worden gebruikt als lijstnummers;

TYPE = i - kleine Romeinse cijfers worden gebruikt als lijstnummers;

START is een parameter die het startnummer van de lijst definieert.

DL - / DL - lijst met uitleg:

DT - aanduiding van een lijstitem;

DD is een uitleg voor een lijstitem.

Stap 5

Zodat uw site niet beperkt is tot één pagina, maakt u er meerdere. Om te navigeren, hebt u hyperlinks nodig, die worden gedefinieerd door de volgende tags:

Een HREF = URL - / A - voegt een link in het document in (tussen tags moet u de linktekst invoeren).

HREF - adres van een pagina of bron;

URL - uniform bronadres: servis: // server [: poort] [/pad]:

service - de naam van het protocol (HTTP - toegang tot een HTML-document, FTP-verzoek om een bestand van een FTP-server, FILE-toegang tot

bestand op de lokale computer);

server - specificeren van de naam van de bron;

poort - poortnummer waarop de webserver draait;

pad is de map waarin de bron zich bevindt.

A HREF = # bladwijzernaam - / A - plaats een lokale link (tussen tags moet u de linktekst invoeren).

A NAAM = bladwijzernaam - / A - stel de bladwijzer in waarnaar de link wordt gemaakt.

Stap 6

Om ervoor te zorgen dat de site niet saai is, is grafisch ontwerp noodzakelijk. Gebruik hiervoor de tags:

BODY BACKGRAOUND = "bestandsnaam" - stelt de afbeelding in die als achtergrond wordt gebruikt.

IMG SRC = "file_name" - voeg een grafisch bestand in een HTML-document in, deze tag gebruikt de parameters:

ALT = "teksttekenreeks" - definieert een tekenreeks die wordt weergegeven in plaats van een grafische afbeelding als de browser de mogelijkheid om automatisch afbeeldingen te laden heeft uitgeschakeld;

HOOGTE, BREEDTE - afbeeldingshoogte en -breedte in pixels;

HPACE, VSPACE - de breedte van de vrije ruimte die de afbeelding horizontaal en verticaal van de tekst scheidt;

ALIGN - uitlijning van tekst ten opzichte van afbeeldingen.

Stap 7

En het laatste dat u hoeft te doen, is het tekstbestand opslaan in *.html-indeling en het vervolgens starten met uw browser. De website is klaar.

Aanbevolen: