Een Webpagina Maken

Inhoudsopgave:

Een Webpagina Maken
Een Webpagina Maken

Video: Een Webpagina Maken

Video: Een Webpagina Maken
Video: How to Make a Website in 10 mins - Simple & Easy 2024, Mei
Anonim

Ieder van ons gaat online als in de ruimte - eerst willen we zien "hoe is het?", Dan willen we zoveel mogelijk van alles wat er is inspecteren, en dan is er de wens om daar iets van onszelf achter te laten - niet gewoon "graffiti op de muren", maar iets wezenlijkers. U kunt beginnen met het maken van een eenvoudige webpagina - hier is een stapsgewijze handleiding.

Een webpagina maken
Een webpagina maken

Het is nodig

Tekst redacteur

instructies:

Stap 1

Alles wat een sitebezoeker op een webpagina ziet, wordt door de browser opnieuw gemaakt op basis van instructies die op zijn verzoek door de server worden verzonden. Deze instructies zijn geschreven in HTML (HyperText Markup Language) en de htm- en html-extensies zijn gemarkeerd voor de bestanden waarin ze zijn opgeslagen. U kunt zo'n bestand maken in een gewone teksteditor - dit is de eerste stap bij het maken van een webpagina. Open bijvoorbeeld standaard Kladblok en maak een leeg bestand met de naam index.html. Wanneer u een websiteadres typt zonder een specifieke pagina op te geven (bijvoorbeeld, het eerste waar de server naar zoekt is een pagina met precies deze naam - index.

Stap 2

HTML-instructies worden "tags" genoemd en elk van hen staat tussen dergelijke haakjes -. Sommige tags zijn gekoppeld, dat wil zeggen, ze bestaan uit openings- en sluitingstags en er wordt informatie tussen geplaatst. Een tag die de browser bijvoorbeeld laat weten dat de code in HTML is, wordt als volgt geschreven: De afsluitende tag die zegt dat de HTML-code op dit punt is voltooid, wordt als volgt geschreven: Zoals u kunt zien, verschilt de afsluitende tag van de openingstag door de aanwezigheid van een schuine streep na het openingshaakje (</).

Stap 3

Alle code die u tussen de tags en plaatst, moet in twee delen worden gesplitst: de koptekst en de hoofdtekst van het document. De openings- en sluitingstags van het titelgedeelte zijn als volgt geschreven: Dit is het "service"-gedeelte van de pagina - informatie voor de venstertitel, trefwoorden en beschrijvingen voor zoekrobots, beschrijvingen van stijlen, scripts, enz. worden hier geplaatst. Voer de titel van het paginavenster erin in: Dit is de titel De volledige tekst van uw html-pagina zou er nu als volgt uit moeten zien:

Dit is de kop!

Stap 4

Na het kopgedeelte moet u tags plaatsen waartussen de instructies voor de hoofdtekst van het document worden ingesloten: plaats ertussen, bijvoorbeeld een tag die een alinea met tekst op de pagina weergeeft:

Er staat hier een hele paragraaf met informatie!

Niet alle HTML-tags zijn gekoppeld. Voor sommigen van hen wordt alles wat je nodig hebt in de openingstag geplaatst. Deze tags hebben een afsluitende schuine streep vóór het haakje sluiten. Bijvoorbeeld de end-of-line tag en "carriage return"

:

De eerste regel van de alinea.

Tweede regel van de alinea.

Dit alles is voldoende voor de browser om uw pagina normaal weer te geven. Alle geassembleerde html-code zou er als volgt uit moeten zien:

Dit is de kop!

De eerste regel van de alinea.

Tweede regel van de alinea.

Dit voltooit het maken van een eenvoudige pagina - nadat u het document (index.html) hebt opgeslagen, kunt u het in een browser openen en uw pagina bekijken.

Aanbevolen: