Grunnleggende HTML for nybegynnere, hva enhver nybegynner webmaster eller blogger bør vite nå. Hvis du vil lære å lage elementære nettsteder, forstå selve koden, vite hva som ligger bak hva og bør gå, uten kunnskap om det grunnleggende i html-språket, er dette rett og slett umulig å gjøre. På bloggen min vil jeg ha en hel kjede med artikler som jeg vil vie til dette emnet fra A til Å, jeg vil beskrive hver tag som er til stede i dokumentet, hva det betyr og hvordan du bruker det riktig.
Grunnleggende HTML
Hvis du ikke vet det mest elementære, er stien stengt for deg videre. Jeg tror at enhver person som bestemmer seg for å engasjere seg i utvikling og opprettelse av nettsteder bør vite og forstå det grunnleggende om hva selve siden består av, hvordan den fungerer og hva som skjer i selve koden.
Selvfølgelig er det ganske mange programmeringsspråk, de er alle komplekse på hver sin måte, men det er noen du trenger å vite. Hvis du ønsker å vakkert designe et brev for sending med post, har du din egen Vkontakte-gruppe, en gruppe i andre sosiale nettverk, det samme youtube kanal, må du rote rundt i koden på hvilken som helst av nettstedmotorene, enkle konsepter du må bare vite.
Jeg ga bare noen få eksempler, nå blir denne kunnskapen i økende grad brukt på Internett. Jeg er mer en praktiker enn en teoretiker, så i artiklene mine i denne delen vil jeg vise deg mine eksempler på hvordan og hva jeg gjorde, steg for steg. Jeg vil legge ut både eksempelsider og hele nettsteder.
Html-dokument er det enkleste Tekstdokument, merkespråket du kommer over hver dag på Internett. Tagger beskriver strukturen til dokumentet. Merket med kantet< >parentes, innenfor hvilke navnet på taggen er skrevet. Nettleseren ser på strukturen til dokumentet, bygger det og viser det i henhold til instruksjonene på skjermen din, hvis du gjorde alt riktig, selvfølgelig.
Hele denne prosessen begynner før du allerede ser det ferdige bildet. Nettlesere behandler dokumentet sekvensielt, fra start til slutt. Inkludert alt som skal være på siden helt. Tabeller, bilder, skript og så videre, bortsett fra at dette inkluderer CSS-stiler.
Grunnleggende for nybegynnere
Hva er html - hvis du ser på hva den skriver Wikipedia -(HyperText Markup Language) språk hypertekstmarkering dokumenter. De fleste sidene på Internett inneholder sidemarkering på dette språket. Dette språket tolket av nettlesere, vises den resulterende formaterte teksten på din dataskjerm eller mobilenhet.
Dette språket er iboende veldig enkelt og tilgjengelig å lære. Alle kan lære og forstå det grunnleggende. For å bruke et slikt språk må du kjenne til og bruke deskriptorer, som også kalles tagger. Det er ved hjelp av tagger at dokumentet lages.
Hva skal strukturen til dokumentet bestå av, hvilke tagger skal være tilstede. La oss ta en titt på alt med ett lite eksempel. Jeg skrev litt tekst i MS Office og viste det i dette skjermbildet.
Å vise denne teksten i nettleseren på samme måte som det ble skrevet i dokumentet, for dette må du legge til en sidemarkering til den, som inkluderer noen tagger. Se først på dem, så skal jeg beskrive alle som har ansvaret for hva.
Velkommen til bloggen min, du tar nå en veiledning om HTML Basics. Hvis du likte denne artikkelen, kan du abonnere på denne bloggen for å motta nye artikler til din e-post.
Blogg til Evgeny Nesmelov! Grunnleggende html og css-side for nybegynnere
Hvilke tagger består et html-dokument av, hva er inkludert i det og hvor det hele skal skrives.
< html > < body > < h2 >< / h2 > < p >Velkommen til bloggen min, nå tar du en veiledning om grunnleggende HTML. Hvis du likte denne artikkelen, kan du abonnere på denne bloggen for å motta nye artikler fra e-postboksen din.< / p > < h2 >BloggEvgeniya Nesmelova! Nesmelov. ru Grunnleggende html og css for nybegynnere< / h2 > < / body > < / html > |
Enhver kode består av tegn som er plassert i vinkelbeslag... Disse kalles alle elementer. Alle elementer består vanligvis av to tagger, åpning og lukking. Jeg anbefaler deg først å se nøye på kodene, hvis du savner en av dem og ikke lukker den, må du revidere store deler av koden for å finne feilen.
Det var tilfeller da det tok mer enn én dag, en person ber om hjelp, han kan ikke finne en feil på nettstedet hans, så se alltid veldig nøye på hva og hvor du skriver. La oss nå videre dette eksemplet la oss se på hvert element fra koden, hva som er skrevet i det, hva det betyr og hva er resultatet.
De fleste av kodene er sammenkoblet, som inkluderer en åpnings-tag og en avslutnings-tag. I tillegg til disse taggene finnes det også enkeltmerker. Merker kan gå sammen med andre, og dermed hekkes inn i hverandre. Vis for eksempel tekst i fet skrift og kursiv samtidig.
Tekst
< strong > < i >Tekst< / strong > < / i > |
Strukturen til html-dokumentet
La meg minne deg igjen om at du må følge reglene som er til stede i dokumentet. Dette er hvordan nettleseren forstår hva som er på siden, dens rekkefølge, innhold og så videre.
En tag er en komponent som forteller en nettleser å utføre en bestemt oppgave. For eksempel tilstedeværelsen av et avsnitt, tabell, skjema eller bilde.
Attribut - endrer taggen. Du kan for eksempel justere et avsnitt til midten eller høyre, angi plasseringen av bildet på siden på samme måte, og så videre.
Lukk ALLTID tags, hvis du åpner den, sørg for å lukke den. V ellers det vil oppstå en feil og dokumentet vil vises feil på siden. Det finnes også unntak som ikke bør glemmes.
Det er helt klart nødvendig å forstå at det er et dokumenthode og dets kropp. En overskrift er alt som er til en tag.
... Brødteksten i dokumentet ( ), inneholder hoveddelen av dokumentet hele innholdet på siden. Hvis det blir nødvendig å legge igjen et stykke kode for deg selv, og dermed omslutter disse taggene i en kommentar, bruk taggen... Alt inne i en slik tag fungerer som en kommentar og blir ikke oppfattet av nettlesere.La oss starte med den aller første. I begynnelsen av dokumentet åpnet jeg taggen og på slutten lukket jeg den. Denne koden finnes i absolutt alle dokumenter, forteller den nettleseren at alt mellom disse taggene er HTML-kode. Det er roten til selve dokumentet, alt som senere er tilstede bak denne taggen er ikke lenger inkludert i dokumentet og blir ikke oppfattet av nettlesere. Helt i begynnelsen av dokumentet åpnes taggen og helt på slutten må den lukkes.
Hele delen av denne taggen inneholder hele teknisk informasjon dokument. Som den forrige taggen, må også hodet være åpent og lukket på slutten. Denne informasjonen inkluderer tittelen på siden, beskrivelsen, søkeord for søkemotorer og koding. Litt nedenfor om kodingen.
Innhold< head >Innhold< / head > |
Denne taggen er inkludert i hodet, den må skrives på innsiden hodemerke... Denne tittelkoden er påkrevd og må være til stede i hvert html-dokument. I tillegg til dette vises den som tittelen på nettleservinduet. Lengden på en slik tittel bør ikke overstige 60 tegn. Teksten til en slik overskrift bør inneholde så mye som mulig full informasjon, som kjennetegner innholdet på siden.
Hvis du skrev i overskriften "Hello World", er dette informasjonen som skal vises på siden og ingen annen. Du bør ikke lure folk og søkemotorer, de liker ikke dette, derved gjør du deg selv verre. Informasjonen i denne taggen må samsvare med innholdet på siden din.
Etter den nødvendige tittelkoden er det en valgfri, men også ganske mye viktig merkelapp meta. Denne taggen er singel. Denne taggen brukes til å angi en beskrivelse for siden (beskrivelse) og dens nøkkelord (søkeord).
I tillegg, i metatag kan inneholde informasjon om forfatteren av siden og andre metadataegenskaper. Du kan forby indeksering av siden som helhet for søkemotorer... Sette automatisk oppdatering sider etter 20 sekunder eller etter 5 sekunder og bytt deretter til en annen side.
< meta name = "robots" content = "index, follow" > < meta http - equiv = "refresh" content = "20" > < meta http - equiv = "refresh" content = "5; url=http://сайт/" > |
Det kan være flere slike metaelementer, siden de kan bære absolutt diverse opplysninger... Andre brukere, når de åpner siden i en nettleser, ser ikke alle beskrivelsene dine, alt dette forblir skjult.
Тег style так же можно использовать для задания стилей на странице. Если вы используете много разных стилей css, в таком случае желательно задавать их в отдельном файле. Если нужно указать несколько из них, все это можно задать прямо в html документе.