Hoe Maak Je Een Website In Html

Inhoudsopgave:

Hoe Maak Je Een Website In Html
Hoe Maak Je Een Website In Html

Video: Hoe Maak Je Een Website In Html

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

Bijna alle sites worden tegenwoordig gemaakt met behulp van contentmanagementsystemen - CMS. Maar er zijn nog steeds programmeurs die met de hand webpagina's maken in de HTML-opmaaktaal. Wil jij een van hen worden?

Hoe maak je een website in html
Hoe maak je een website in html

instructies:

Stap 1

Gebruik een teksteditor met alleen tekst om html-bestanden te bewerken. Sla de resultaten op in Unicode-codering - dan zult u geen problemen hebben met het tegelijkertijd plaatsen van Cyrillische, Latijnse letters met umlauten, evenals symbolen van wiskundige en fysieke symbolen en Griekse letters op dezelfde pagina.

Stap 2

Geef alle bestanden een naam met de extensie ".html" (zonder aanhalingstekens). In deze namen mogen alleen Latijnse letters, cijfers, onderstrepingstekens en koppeltekens worden gebruikt, maar in geen geval andere leestekens (behalve de punt tussen de naam en de extensie) en spaties.

Stap 3

Zorg ervoor dat u de startpagina van de site opslaat in een bestand met de naam "index.html" (zonder aanhalingstekens). Plaats dit bestand in de hoofdmap van uw hosting. Het is de inhoud die de sitebezoeker zal zien door zijn URL in de adresbalk van de browser in te voeren zonder extra parameters. Plaats de rest van de pagina- en afbeeldingsbestanden in dezelfde map.

Stap 4

Schik in elk bestand vooraf de begin- en eindblokken. Rangschik ze zoals weergegeven in de afbeelding In de laatste regel van het eerste QC-blok - de hexadecimale waarde van de helderheid van de rode component van de achtergrondkleur van 00 tot FF, ЗЗ - hetzelfde voor de groene component, CC - hetzelfde voor de blauwe component.

Stap 5

Plaats de inhoud van de pagina tussen het begin- en eindblok.

Stap 6

Denk aan de verkeersborden met de aanduiding van nederzettingen. Als er gewoon een naam op het bord staat, betekent dit dat het bij de ingang van de nederzetting met die naam staat. Als de naam is doorgestreept, bevindt het bord zich bij de uitgang ervan. In een tag fungeert het breukteken voor het commando als een lijn over een verkeersbord. De actie van de "opening"-tag wordt beëindigd wanneer de "closing"-tag met hetzelfde commando later in de tekst wordt aangetroffen.

Stap 7

Gebruik de tag die in de afbeelding links wordt weergegeven om een alinea te beginnen. Als u een inspringing van één regel vóór de alinea wilt hebben, gebruikt u de tag die in de afbeelding rechts wordt weergegeven.

Stap 8

Gebruik de tags en hun combinaties die in de afbeelding worden weergegeven om tekst cursief en vet te markeren.

Stap 9

Om de grootte en kleur van het lettertype te wijzigen, gebruikt u de opdracht die wordt weergegeven in de bovenstaande afbeelding, waarbij de CC-, ZZ- en SS-waarden op dezelfde manier worden gedefinieerd als voor de achtergrondkleur, HOOG is de letterhoogte in punten. De kleur- of lettertype-tags kunnen worden weggelaten als alleen de grootte of alleen de kleur van het lettertype verandert. Om deze opdracht te annuleren, gebruikt u de tag in de onderstaande afbeelding.

Stap 10

Om in de pagina een afbeelding in te voegen die lokaal in de hoofdmap is opgeslagen, gebruikt u de constructie die in de bovenstaande afbeelding wordt getoond. Om een afbeelding in te voegen die op een andere server is opgeslagen, gebruikt u een iets ander ontwerp, zoals weergegeven in de onderstaande afbeelding. Plaats geen afbeeldingen van sites van derden zonder toestemming van de auteurs. Sommige sites zijn beveiligd tegen dit gebruik van afbeeldingen.

Stap 11

Om in een pagina een link naar een andere, lokaal opgeslagen in de hoofdmap, in te voegen, gebruikt u de structuur die wordt weergegeven in de bovenstaande afbeelding. Als u wilt linken naar een pagina op een site van derden, wijzigt u deze structuur zoals weergegeven in de onderstaande afbeelding.

Stap 12

Zoek op internet naar een tutorial over de HTML-opmaaktaal en je zult leren hoe je de rest van de tags kunt gebruiken die er tientallen zijn in die taal.

Aanbevolen: