I denne artikel lærer du, hvordan du bruger HTML til at skrive dit første websted! Artiklen vil give illustrative eksempler for en bedre forståelse. Lad os tage et forbehold med det samme, at artiklen oprindeligt er designet til dem, der lige er begyndt at lære HTML. Derudover lover vi, at ved slutningen af læsningen af denne artikel, er du garanteret at oprette din første hjemmeside.
HTML står for HyperText Markup Language, det vil sige et sprog til organisering af tekst.
I modsætning til programmeringssprog (JavaScript, PHP osv.), der bruger scripts til at udføre handlinger på websteder, bruger sekventeringssproget (HTML) tags til at markere webstedsindhold.
Lad os begynde at lære HTML fra bunden
Ligesom engelsk består af bogstaverne A, B, C osv., så er HTML opbygget af ejendommelige "bogstaver":,,
osv. Disse ejendommelige "bogstaver" i HTML-sproget kaldes tags af webmastere.
Det følgende er et eksempel på et HTML-tag.
Tags Lav en understregning rundt om kanterne af denne tekst.
HTML-tags parret med CSS-sprogstile giver dig mulighed for hurtigt og effektivt at oprette websteder.
Stedet for HTML blandt andre sprog
Som du ved, en god hjemmesidebygget på mindst 5 sprog.
Moderne websted er bygget på sprog:
- HTML (struktur og rækkefølge).
- CSS (stilindhold).
- JavaScript (browserhandlinger).
- PHP (serverhandling).
- SQL (datalagring).
HTML er det vigtigste grundlæggende sprog, som andre er baseret på. Derfor bør læring af HTML være det første skridt for alle, der lærer at bygge websteder på nettet.
Tag
HTML-sproget har ændret sig gennem årene siden dets start. I øjeblikket flytter de fleste internetsider til den nyeste version af sproget - HTML5. Men selv i HTML5 forbliver sprogets grundlæggende principper uændrede.
Strukturen af en HTML-side er som en sandwich. Ligesom en sandwich har to skiver brød, har et HTML-dokument et HTML-tag, der åbner og lukker.
Disse mærker, ligesom brødet i en sandwich, omgiver alt indeni.
Tag
Når du fortsætter med at lære HTML, bør du helt sikkert blive fortrolig med tagget. Direkte inde i det overordnede tag er alt indholdet på webstedet, inklusive tagget. Dette tag er påkrævet og indeholder alle indstillinger for den side, det er skrevet til. Disse indstillinger er ikke synlige for besøgende på webstedet, kun browsere (Google Chrome, Mozilla Firefox osv.) kan se dem.
Blokken med websideindstillinger indeholder alle de "ikke-gengivede" elementer, der hjælper browseren med at vise dit websted korrekt på nettet.
Alle muligheder derkan konfigureres inde i tagget, vil vi se på det, men lidt senere - når tiden kommer.
Tag
Mærket, ligesom mærket, er inde i mærket.
Dette tag er nødvendigt for at vise al den information, du ønsker at vise på dit websted.
Overskrifter, afsnit, tabeller, billeder og links er kun en lille del af de elementer, der kan være indeholdt i tagget.
Grundlæggende struktur af et HTML-dokument:
… …
Dit første websted
Nu ved du, at du kan oprette websteder ved hjælp af HTML, og at grundlæggende tags bruges til dette:
- . Skitserer grænserne for en webside.
- . Indeholder indstillinger til visning af en webside i en browser.
- . Indeholder alle websideelementer (billeder, videoer, tekst og så videre), som du vil vise til besøgende på webstedet.
Andre tags som,,, vi taler om snart.
Det ville være fantastisk, hvis læseren ikke kun læste denne artikel, men også straks løb for at finpudse deres færdigheder. For at finpudse dine HTML-færdigheder skal du oprette din første hjemmeside, som vil tjene som en prøveplads for dine nye færdigheder.
Det er kendt, at mobiloperatører ("MTS", "MegaFon" og så videre) giver os mobiltjenester. På samme måde leveres tjenester til oprettelse og administration af websteder til os af hostingoperatører. For at oprette dit websted skal du gå til webstedet for enhver gratis hostingoperatør.
Verificerede hostingudbydere inkluderer BEGET ellerreg, for eksempel. Du kan vælge hvem som helst.
Efter en kort registrering, efter 24 timer, bliver din første hjemmeside på internettet automatisk oprettet, som vil være synlig for hele verden, og du kan begynde at øve dig!
Moderne webstedsstruktur
Nu hvor du har dit websted, kan du tjekke, hvilke tags et tag indeholder, og hvordan de organiserer oplysninger på websteder.
Billedet ovenfor er en skematisk gengivelse af strukturen, der fulgte med den seneste version af HTML-sproget - HTML5. Sammen med HTML5 kom ikke kun nye tags, men også betydningen af at bygge hjemmesider. Alle tags, du ser på billedet, er indeholdt i hovedtagget. Disse tags hjælper dig med at "skitsere" strukturen på dit websted og give det mening.
For eksempel inde i tags … det er praktisk at placere webstedets titel (tags) og webstedsbeskrivelsen (tags).
Det er praktisk at placere menuen (links) for webstedet (tag) inde i tags.
Det er praktisk at placere en hvilken som helst større blok af information, der har relation til betydning, inde i taggene. Det kan være flere artikler, som hver er "indpakket" i tags eller fotos (tag) eller tabeller (tags
) og mere.
Det er praktisk at placere enhver information inde i taggene, der ikke passer til betydningen af.
Inde i tags er det sædvanligt at placere yderligere oplysninger såsom kontaktoplysninger, yderligere sektioner af webstedet og så videre.
Så nu er du lidt dygtigere til, hvad moderne hjemmesider er lavet af. Lad os tage et eksempeluroen i mit hoved blev erstattet af ærefrygt for indsigt.
Så, når du åbner filhåndteringen på din hostingoperatørs websted og finder et dokument kaldet index.php, er du velkommen til at skrive i det, som fra bunden, strukturen på dit websted.
Mit første websted
Sidetitel
Sidebeskrivelse
Link 1 | Link 2 | Link 3
Titel på en artikel
Dette er en blok, der indeholder enhver information, og ved hjælp af CSS kan du farve denne blok, og hele webstedet med alt dets indhold, som du vil. © Alle rettigheder forbeholdes
Husk, at vi sagde, at der er forskellige indstillinger for webstedet? Nå, her er den:
- Ved at bruge browsere viser vi, at webstedet kan indeholde både russiske og engelske tegn (ellers, når du åbner webstedet, vil du se frygtelig krakozyabry).
- bruges til at angive sidenavnet, som vil blive vist i browserfanen og i søgemaskinen ("Yandex", Google og lignende).
Selvfølgelig, uden CSS-styling, vil dit websted se nærigt ud (sorte bogstaver på en hvid baggrund), men sørg for at prøve at skrive din første side i HTML først.
Tillykke! Du har lige oprettet din første webside på din egen hjemmeside! Det bliver mere interessant!
