Lære HTML

Innholdsfortegnelse:

Lære HTML
Lære HTML
Anonim

I denne artikkelen lærer du hvordan du bruker HTML for å skrive din første nettside! Artikkelen vil gi illustrerende eksempler for en bedre forståelse. La oss ta en reservasjon med en gang at artikkelen opprinnelig var laget for de som akkurat har begynt å lære HTML. I tillegg lover vi at ved slutten av å lese denne artikkelen er du garantert å lage ditt første nettsted.

HTML står for HyperText Markup Language, det vil si et språk for å organisere tekst.

I motsetning til programmeringsspråk (JavaScript, PHP, osv.) som bruker skript for å utføre handlinger på nettsteder, bruker sekvenseringsspråket (HTML) tagger for å merke innhold på nettstedet.

La oss begynne å lære HTML fra bunnen av

Akkurat som engelsk består av bokstavene A, B, C osv., så er HTML bygd opp av særegne "bokstaver":,,

osv. Disse særegne "bokstavene" i HTML-språket kalles koder av nettredaktører.

Det følgende er et eksempel på en HTML-tag.


Tags Lag en understreking rundt kantene på denne teksten.

HTML-tagger sammen med CSS-språkstiler lar deg raskt og effektivt lage nettsteder.

Stedet for HTML blant andre språk

Som du vet, en bra nettsidebygget på minst 5 språk.

Moderne nettsted er bygget på språk:

  1. HTML (struktur og rekkefølge).
  2. CSS (stilinnhold).
  3. JavaScript (nettleserhandlinger).
  4. PHP (serverhandling).
  5. SQL (datalagring).

HTML er det viktigste grunnleggende språket som andre er basert på. Derfor bør det å lære HTML være det første trinnet for alle som lærer å bygge nettsteder på nettet.

Tag

HTML-språket har endret seg gjennom årene siden starten. For øyeblikket flytter de fleste nettsteder til den nyeste versjonen av språket - HTML5. Men selv i HTML5 forblir det grunnleggende i språket uendret.

Strukturen til en HTML-side er som en sandwich. Akkurat som en sandwich har to brødskiver, har et HTML-dokument en HTML-kode som åpner og lukker.

Disse merkelappene, som brødet i en sandwich, omgir alt inni.


Tag

Når du fortsetter å lære HTML, bør du definitivt bli kjent med taggen. Rett inne i den overordnede taggen er alt innholdet på nettstedet, inkludert taggen. Denne taggen er påkrevd og inneholder alle innstillingene for sidesiden den er skrevet for. Disse innstillingene er ikke synlige for besøkende på nettstedet, bare nettlesere (Google Chrome, Mozilla Firefox, osv.) ser dem.

Nettsideinnstillingsblokken inneholder alle "ikke-gjengitte" elementene som hjelper nettleseren å vise nettstedet ditt riktig på nettet.


Alle alternativer somkan konfigureres inne i taggen, skal vi se på det, men litt senere - når den tid kommer.

Tag

Tag, i likhet med taggen, er inne i taggen.

Denne taggen er nødvendig for å vise all informasjonen du vil vise på nettstedet ditt.

Overskrifter, avsnitt, tabeller, bilder og lenker er bare en liten del av elementene som kan inneholdes inne i taggen.

Grunnleggende struktur for et HTML-dokument:


… …

Din første side

Nå vet du at du kan lage nettsteder ved hjelp av HTML og at grunnleggende tagger brukes til dette:

  • . Skisserer grensene for en nettside.
  • . Inneholder innstillinger for visning av en nettside i en nettleser.
  • . Inneholder alle nettsideelementer (bilder, videoer, tekst og så videre) som du vil vise til besøkende på nettstedet.

Andre tagger som,,, vi snakkes om snart.

Det ville vært flott om leseren ikke bare leste denne artikkelen, men også umiddelbart løp for å finpusse ferdighetene sine. For å finpusse HTML-ferdighetene dine, må du lage ditt første nettsted, som vil fungere som en testplass for dine nye ferdigheter.

Det er kjent at mobiloperatører ("MTS", "MegaFon" og så videre) gir oss mobiltjenester. På samme måte leveres tjenester for opprettelse og administrasjon av nettsteder til oss av hostingoperatører. For å lage nettstedet ditt, gå til nettstedet til en hvilken som helst gratis vertsoperatør.

Verifiserte vertsleverandører inkluderer BEGET ellerreg, for eksempel. Du kan velge hvem som helst.

Etter en kort registrering, etter 24 timer, opprettes automatisk din første nettside på Internett, som vil være synlig for hele verden, og du kan begynne å øve!

Moderne nettstedstruktur

Nå som du har nettstedet ditt, sjekk ut hvilke tagger en tag inneholder og hvordan de organiserer informasjon på nettsteder.

Strukturen til et moderne nettsted
Strukturen til et moderne nettsted

Bildet over er en skjematisk fremstilling av strukturen som fulgte med den nyeste versjonen av HTML-språket - HTML5. Sammen med HTML5 kom ikke bare nye tagger, men også betydningen av å bygge nettsider. Alle taggene du ser på bildet er inneholdt i hovedkoden. Disse kodene hjelper deg med å "skissere" strukturen til nettstedet ditt og gi det mening.

For eksempel, inne i tagger … det er praktisk å plassere nettstedtittelen (tags) og nettstedbeskrivelsen (tags).

Det er praktisk å plassere menyen (lenker) til nettstedet (taggen) inne i taggene.

Det er praktisk å plassere en hvilken som helst stor blokk med informasjon relatert til betydning inne i kodene. Det kan være flere artikler, som hver er "pakket inn" i tagger, eller bilder (tag), eller tabeller (tags

) og mer.

Det er praktisk å plassere all informasjon inne i kodene som ikke passer til betydningen av.

Inne i taggene er det vanlig å plassere tilleggsinformasjon som kontaktinformasjon, flere deler av nettstedet og så videre.

Så nå er du litt flinkere til hva moderne nettsteder er laget av. La oss ta et eksempeluroen i hodet mitt ble erstattet av ærefrykt for innsikt.

Så, når du åpner filbehandleren på nettstedet til vertsoperatøren din og finner et dokument som heter index.php, kan du gjerne skrive inn strukturen til nettstedet ditt, som fra bunnen av.

Min første nettside

Sidetittel

Sidebeskrivelse

Link 1 | Link 2 | Link 3

Tittel på en artikkel

Dette er en blokk som inneholder all informasjon, og ved hjelp av CSS kan du farge denne blokken, og hele siden med alt innholdet, slik du vil. © Alle rettigheter reservert

Husker du at vi sa at det er forskjellige innstillinger for nettstedet? Vel, her er den:

  1. Ved å bruke viser vi nettlesere at nettstedet kan inneholde både russiske og engelske tegn (ellers, når du åpner nettstedet, vil du se forferdelig krakozyabry).
  2. brukes til å indikere sidenavnet, som vil vises i nettleserfanen og i søkemotoren ("Yandex", Google og lignende).

Selvfølgelig, uten CSS-styling, vil nettstedet ditt se gjerrig ut (svarte bokstaver på en hvit bakgrunn), men husk å prøve å skrive den første siden i HTML først.

Gratulerer! Du har nettopp laget din første nettside på din egen nettside! Det blir mer interessant!

Anbefalt: