Hva betyr html og hvordan lage en html-fil? Historien om opprettelsen og utviklingen av HTML

Kanskje jeg starter fra begynnelsen..

HTML er ikke et programmeringsspråk i sin kjerne .. det er et markup-språk for hypertekstdokumenter. Med andre ord, han er ansvarlig for plasseringen i dokumentet av tekstene dine, figurer, tabeller ... beregnet for livet på Internett. Det er umulig å få ham til å telle hvor mange som vil være to ganger to, det har ingen logiske funksjoner, men det er vakkert og, viktigst av alt, enkelt å legge ut informasjonen om at to ganger to vil være fire - dette er enkelt. Dette språket leses ved hjelp av programmer som er kjent for deg, kalt nettlesere (nettlesere), som "kjenner" standardkommandoene til html-språket, og "tygger" dem viser dokumenter på dataskjermen i den formen som webmasteren - dokumentforfatteren ønsker å presentere dem.

Nå om kommandoene - de kalles deskriptorer, men oftere - tags.

La oss gå tilbake til vår første side .. så vi skrev:



Min første side


Hei Verden!!!




Så dette er det som står i mellom<…>- de kalles tagger, de er ikke synlige for leseren som har sett på siden din, men de er godt synlige for nettleseren, som snublet over taggen forstår det som et signal om at det videre vil være et dokument som må leses og vises på skjermen i ønsket form..men taggen sier at dokumentet er over og det kreves ikke noe annet fra ham, det vil si nettleseren, og han kan hvile med god samvittighet.

Så hva skrev vi? og hvordan leser nettleseren det?

Nettlesertanker:

- begynnelsen av dokumentet .. igjen stoppet arbeidet ..
- vi ser på den engelske ordboken vi oversetter "hodet" ... i hodet mitt spiller sagflis ingen rolle !! ... her er hovedtjenesteinformasjonen om dokumentet .. så hva vil de ha fra meg?
</b> - <i>"navn" betyr .. dette er i vinduets overskrift du må skrive navnet:</i><br><b>Min første side</b> - <i>vannkokeren trener igjen..</i><br><b> - hele tittelen er over .. du kan gå videre ..
- ja, og foruten navnet, har vi ingen tullete tanker i hodet..
- "Brødteksten" av dokumentet, alt som er skrevet under, vises offentlig
Hei Verden!!! - så søtt! Har det allerede!!!

- overfør teksten til neste linje .. Jeg antar til og med hva som står i den ...
Mitt navn er (navnet ditt er her), dette er min første side!- Vel, ja det er det .. de kan ikke tenke seg noe mer originalt ..


- er det alt? Vise ingenting annet?
- vel, det er slutten!! Ikke våkn, ikke snu, ta ut først i tilfelle brann!

Omtrent slik foregår lesingen av siden vår.. Som du ser er nettleseren en ganske egensindig type, så den må gis klare og tydelige kommandoer, ellers vil den krangle.. dessuten høyt.. og husk derfor følgende ting:

1) Det er nødvendig å huske en gang for alle at hvis det er en åpningsbrikke <…> da må det være en stenging

Selv om det finnes unntak, for eksempel taggen
- det krever ikke lukking fordi det bare står hva som skal skrives på en ny linje. Forresten, prøv å legge til et par til av det samme før linjen "Mitt navn er .." og du vil se at som et resultat har det falt merkbart ned .. (Vel, selvfølgelig, lagre endringene i notisblokken , og i nettleseren klikker du på "oppdatering"-knappen)

2) Alle dokumenter bør ha en kodemal som dette:

- begynnelsen av dokumentet
- forsprang
- hodedekke
- begynnelsen av kroppen


- kroppslukking
- slutten av dokumentet

Disse taggene er påkrevd! Du må alltid skrive dem for hver nye side, og kun i den rekkefølgen! Ikke prøv å snu alt på hodet..

3) Om bestillingen:

Åpning og lukking tag etter type<…> er en slags beholder, en boks som andre tagger kan brettes inn i - mindre bokser .. derfor, ifølge logikken, skal dokumentet se slik ut:

<Тег "большой ящик">
<Тег "ящик средний">
<Тег "ящик маленький">
innhold


Hvis du for eksempel skriver slik:

<Тег "большой ящик">
<Тег "ящик средний">
<Тег "ящик маленький">
innhold



Det vil vise seg søppel, som ikke passer inn i hodet, den "store" er allerede lukket, og den "små" stikker ut av den, som er låst i "gjennomsnittet", og "innholdet" er spredt overalt . .. Det er vanskelig selv for en person å forestille seg at det er snakk om nettleseren .. Strukturer tydelig koden på siden din, ellers vil ingenting fungere ..

Vel, vi har lært å skrive en enkel tekst, en start har blitt gjort! i neste kapittel skal jeg snakke om hva du kan gjøre med det ..

    Når du skriver et nettsted, opprett en mappe på et passende sted på harddisken, navngi det hva du vil, hvis det bare var tydelig .. lagre sidene dine i denne mappen, tilordne meningsfulle navn til dem .. alternativer som aaa.html, 123.html vil føre til forvirring og forvirring ... På dette stadiet vil dette rådet ikke virke praktisk, men i fremtiden vil det i stor grad lette arbeidet ditt. Tenk deg for eksempel minst 20-30 av disse filene hvis navn du må huske på for å koble dem med kryssreferanser. Bestill først!

    Når du skriver kode, anbefaler jeg deg å følge "god skriving", det vil si å skrive tagger i en "stige" ettersom en tagg er nestet i en annen. Over tid vil du forstå at for å lese koden skrevet slik:



    Min første side


    Hei Verden!!!

    Jeg heter Carlson, dette er min første side!



    Mye enklere enn dette:



    Min første side


    Hei Verden!!!

    Jeg heter Carlson, dette er min første side!



    Og enda mer enn slik:

    Min første sideHei Verden!!!
    Jeg heter Carlson, dette er min første side!

    Selv om dette er et spørsmål om vane .. er det bedre å få for vane å skrive "leselig".



Hei alle sammen!. Den andre leksjonen vil vi vie til spørsmålet - hva er HTML og hvordan du jobber med det. I den vil du lære om funksjonene til det mest populære webprogrammeringsspråket og tydelig forstå hovedessensen.

Fra hvordan du mestrer det, vil det være lettere for deg å komme videre, og da kan du enkelt (selv om nei, du fortsatt må jobbe hardt) ta opp erobringen av mer komplekse språk for å lage nettsteder, for eksempel samme PHP. Så la oss komme i gang.

Hva er HTML

HTML (hypertext markup language) er et hypertekstmarkeringsspråk i hverdagen. Standard markup-språk for Internett-dokumenter på World Wide Web. Det er et av de mest populære språkene for nettstedbygging. Det regnes også som det enkleste når det gjelder lasting i nettlesere.

Den har ingen komplisert "møddighet" som i PHP, som, før siden vises i nettleseren, først sender en forespørsel til MySql-databasen, og deretter bare viser innholdet til brukeren. Jeg skal ikke snakke om lange verbale opptak om hvordan det ble til, for det er ikke interessant på lenge.

For alle disse punktene - den store Wikipedia vil hjelpe deg. Vi ønsker å lære å lage nettsider raskt, ikke sant? Fint! Så la oss gå videre og forstå alle forviklingene i denne nettvitenskapen.

Grunnleggende om HTML-språket. Tag konsept

Du kan ikke gå hvor som helst uten å kjenne en solid base; ingen har kansellert den "matematiske delen" ("grunnlaget" for ethvert fag). Og vi skal ikke fravike tradisjoner og regler.

Det grunnleggende i HTML er koder, eller for å være mer presis, et sett med koder. De er utpekt slik.<тег>... Tagger er alltid sammenkoblet og vises slik

<тег>.

< тег> < / тег> .

Hver av dem utfører en strengt definert funksjon for visning i nettlesere.

Noen viser et bilde, andre en lenke, andre er ansvarlige for avsnitt, den fjerde lager en tabell, og så videre. Vi kan skrive hvilken som helst tekst inni dem. Jeg liker å kalle dem containere, for klarhetens skyld, for å si det sånn. Men det er også enslige, vi skal studere dem i de neste leksjonene.

Og forstå selv et viktig poeng. På dette språket fungerer Pareto-prinsippet, det vil si at det er en 80/20-regel som på alle områder av livet, aktiviteten og andre steder.

Hva betyr dette? Dette forteller oss at 20 % (i vårt tilfelle er det html) av språket gjør 80 % av hovedarbeidet. Logikken er at det ikke er nødvendig å lære seg alle taggene, siden mange av dem rett og slett ikke brukes eller brukes svært sjelden. Så i leksjonene våre fokuserer vi på de hyppigste og viktigste. Og du gjorde en kjempejobb med det!

HTML-dokumentstruktur

Strukturen til ethvert html-dokument ser slik ut

Navnløst dokument

< ! DOCTYPE HTML PUBLIC "- // W3C // DTD HTML 4.01 Transitional // EN""http://www.w3.org/TR/html4/loose.dtd">

< html >

< head >

< meta http - equiv = "Content-Type" content = "text/html; charset=utf-8" >

< title >Dokument uten tittel< / title >

< / head >

< body >

< / body >

< / html >

La oss nå beskrive hvert punkt mer detaljert:

Hva er Doctype og dens betydning

doctype-elementet brukes til å indikere typen av nettsiden vår. Dette er den såkalte "dokumenttypeerklæringen" eller Dokumenttypeerklæringen.

Denne taggen skal alltid komme først på hver side. Det er en nøkkelkomponent på nettsider som hevder å være standardkompatible: uten den vil koden din ikke bestå validatorvalidering.

En webdokumentvalidator er et dataprogram som sjekker samsvaret til et dokument, datastrøm eller kodefragment til et spesifikt format, kontrollerer den syntaktiske riktigheten til et dokument eller en fil (ifølge Wikipedia).

Flere Doctype-verdier skiller seg ut:

  1. Streng
  2. Overgangs
  3. Rammesett (med rammer)

Jeg bruker det andre alternativet. Det er mest praktisk å jobbe med det, siden det ikke begrenser utvikleren. Leseren er forvirret om hva som er forskjellen og hvilken er den beste å bruke?

La meg forklare forskjellen mellom dem. Overgangsversjonen samsvarer ikke strengt med W3C-valideringsstandardene (eller på russisk, sjekk), det vil si at nettleseren viser innholdet i nettdokumentet på samme måte, selv om det inneholder utdaterte, utdaterte og andre ikke- standard kodevariasjoner. Men Strict-versjonen overholder nøyaktig alle standarder, det vil si i praksis, hvis du glemte å sette det riktige symbolet (for eksempel en skråstrek /) et sted i koden, vil du få en advarsel når du sjekker.

Slik ser et nettdokument ut med den strenge versjonen:

Streng overholdelse av språkstandarder

< ! DOCTYPE html PUBLIC "- // W3C // DTD XHTML 1.0 Strict // EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

< html xmlns = "http://www.w3.org/1999/xhtml">

< head >

< title >Strenge språkstandard< / title >

< meta http - equiv = "Content-Type" content = "text/html; charset=utf-8" / >

< / head >

< body >

< p > . . . < / p >

< / body >

< / html >

Jeg anbefaler deg å bruke det andre alternativet og ikke å dampe, da det er det mest praktiske. Vi skal nå se på andre deler av siden vår.

- eller «head»-taggen, den inneholder de viktigste taggene som forklarer nettleseren hva som må gjøres på siden og hvilke mekanismer som skal kjøres. Den definerer et nettdokument og dets innhold. Den er ofte lastet med ulike skript som lanserer ulike sjetonger på siden og det er også en viktig "beholder" for SEO-promotering - taggen

Hver side har forskjellig utseende og funksjonalitet, men hva er det knyttet til og på hvilket språk er siden skrevet? Cascading stilark og HTML brukes til alt dette. Du kan ta en titt på koden til dette språket selv hvis du inspiserer objektene i nettleseren. Spesifikt vil vi snakke om hva HTML er i denne artikkelen.

Artikkelen vår er hovedsakelig rettet mot nybegynnere, så vi håper på forståelse fra vanlige blogglesere!

Innlegget vil bli delt opp i følgende elementer:

Hva er en HTML-side

Et markup-språk kalt HTML brukes til å style alle elementene på en side, inkludert tabeller, bilder og tekst. Du kan gjøre deg kjent med koden og prøve å forstå den hvis du bruker en hvilken som helst moderne nettleser, bare høyreklikk på siden og i menyen klikker du på linjen "sidekildekode" eller "HTML-kode". Etter det vil du se noe som en editor, der det er mange uforståelige inskripsjoner og symboler, dette er HTML-koden.

Hvert WWW-dokument har rik og godt formatert tekst, samt hyperkoblinger og bilder som nettstedeieren velger. For å kunne jobbe med disse elementene laget programmerere et språk kalt HTML (Hyper Text Markup Language), som betyr hypertekst-markeringsspråk. Hver nettleser fungerer forskjellig og gjengir HTML forskjellig, så den gjengis forskjellig i forskjellige nettlesere, spesielt eldre versjoner av Internet Explorer.

Alle HTML-dokumenter er like - det er en standard tekstfil som har markup-taggene til det gitte språket sammen med tekstene som vil bli lest av besøkende på nettstedet. Ved hjelp av tagger lages det en side, og det er dem nettleseren leser når den laster den. Takket være definisjonen av tagger og deres design, kan du plassere en artikkel eller annet materiale på et bestemt sted på siden, legge til grafiske filer og fotografier, samt hyperkoblinger til andre sider på nettstedet. I utgangspunktet er ikke en HTML-fil et nettdokument; den blir det først etter å ha blitt lest av en nettleser.

Selvfølgelig har standard HTML-koden sine ulemper og ulemper. Du må prøve hardt å ordne avsnittene med tekst på siden, fordi for å utføre markeringen og alt annet, må du foreskrive visse egenskaper for hele teksten og for hvert enkelt avsnitt. Hvis nettstedet ditt har 50 sider og hver har 10-20 avsnitt, må du formatere teksten i svært lang tid, og sette inn de samme kodene hver gang. Dette sliter ikke bare ut eieren av nettstedet, men påvirker også sidevekten til nettstedet negativt. Det er av denne grunn at de senere laget cascading style sheets, de kalles kort for CSS, som betyr Cascading Style Sheets, takket være dem kan du raskt style teksten. Du kan tilordne én kode og angi visse egenskaper til den, for eksempel tekstfarge, størrelse, skrift og så videre, og deretter bruke den på avsnitt. I dette tilfellet lagres filen med stilarket separat, den kan lastes opp til ett nettsted eller til flere samtidig. Deretter skrives hovedelementene på siden i HTML, og teksten settes inn, og deretter kobles CSS og all teksten får det designet du trenger. Det reduserer også sidevekten, noe som er veldig viktig.

Det anbefales å bruke CSS hvis det er mange sider på nettstedet som vil ha samme design. Du kan angi spesifikk tekstformatering for alle avsnitt hvis du skriver flere linjer i dokumentet med CSS-kode. Under opprettelsen av nettstedet lager designerne hovedoppsettet i HTML, med fokus på oppsettet laget i Photoshop. Men etter at nettstedet ser uferdig ut, må du skape et attraktivt utseende, og dette oppnås ved å kaste stilark. Det er ikke vanskelig å lære seg dette hvis du har mye fritid, siden det generelle utseendet på alle nettsteder er omtrent det samme, kan du ha ett oppsett med flere blokker og "justere" andre nettsteder for å passe det. Som regel er overlappende stilark mye mer komplisert enn CSS, og det er enda vanskeligere å sette inn et nettsted ved å bruke blokker i stedet for tabeller. I tillegg, i de innledende stadiene, kan du støte på et slikt problem som en annen visning av nettstedet i nettlesere. Det er for ikke å kaste bort tid og tjene penger på nettsteder at CMS har blitt laget - ferdige sideoppsett som kan være gratis eller betalt og ha et spesifikt styringssystem.

Hva er HTML5. Forskjeller og fordeler

Den nye HTML5-standarden hjelper og fritar nettstedseiere fra forpliktelsen til å bruke Adobe Flash-formatet så vel som andre programmer. Takket være denne standarden kan du endre visningen av tekst på sider og forenkle innføringen av informasjon når du fyller ut elektroniske skjemaer. Hvis vi deler alle nyvinningene av dette språket, kan vi fremheve følgende punkter:

  1. Etter å ha kommet inn på nettstedet, vil folk kunne se video og lytte til lyd gjennom nettleseren; for dette er det laget en egen knapp for å spille.
  2. Det er mye enklere å laste opp nye bilder via dette språket, du kan til og med lage bildegallerier. Du trenger ikke engang å laste ned ekstra programvare.
  3. Du kan finne tekst og merke tekstblokker. Du kan også formatere teksten pent for å gjøre den lett å lese.
  4. Hvis en person tidligere i HTML4 la merke til en feil etter å ha lagt inn data bare da han sendte et skjema, rapporterer nå nettleseren umiddelbart en feil hvis en person fyller ut skjemaet feil. Dette er veldig praktisk for brukere, fordi de ikke trenger å fylle ut de samme dataseksjonene flere ganger.
  5. Det er ikke nødvendig å bruke programvaremoduler, siden ved hjelp av HTML5 kan alle ideer om nettstedet realiseres. Bare hvis nettstedet er unikt og du trenger å finne på noe spesielt, installeres ytterligere programvaremoduler.
  6. Tidligere kunne folk normalt ikke surfe på nettstedet via nettbrett eller smarttelefon, siden HTML4-standarden ikke er kompatible med mobilnettlesere og andre operativsystemer. Ved hjelp av HTML5 lages sider som er perfekt lesbare fra alle enheter i høy hastighet.

Hvis du har spørsmål, skriv dem i kommentarfeltet, vi vil gjerne svare på dem!

Hei kjære nybegynnere webansvarlige. Vi begynner å lære programmeringsspråk.

Og vi begynner å lære dem med html.

Jeg må si med en gang at på slutten av kurset vil du selvstendig kunne skrive en nettside i ren html og legge den på Internett. Men jeg anbefaler likevel å ta deg god tid, og etter html, gjøre deg kjent med css.

Da vil du gjøre siden kjøligere, og du vil kunne korrigere utseendet til siden, laget på et ferdig CMS (content management system).

Å lære et programmeringsspråk og lære et fremmedspråk er langt fra det samme, og mye enklere. Dessuten er det ikke skummelt, men veldig spennende.

Det er bare det at det uforståelige alltid skremmer, men jeg lover deg at etter de aller første timene vil all frykt gå over.

Vi vil studere med redigeringsprogrammet du trenger for å installere på datamaskinen din.

I dette filredigeringsprogrammet kan du skrive kode og deretter se hvordan nettleseren viser den. Veldig komfortabelt.

La meg først fortelle deg litt om hva HTML er, og dette vil være en kjedelig del av kurset vårt, og så vil vi gjøre en interessant praksis. Der blir det garantert ikke kjedelig.

HTML (HyperText Markup Language) er bokstavelig talt et hypertekst-markeringsspråk. Ved hjelp av det lages nettsider.

Og hvis, etter vår forståelse, en samling av bare sider samlet av ett emne er en bok, eller til og med, bedre å si, et tykt magasin, så er en samling nettsider forent med ett domenenavn et nettsted.

Hver nettside har sin egen unike tekst, skrevet av deg, og vedlagt html-kode.

Kode er en kommando til nettleseren hvordan du viser dette eller det elementet. La oss si at du skrev et ord, men i hvilken form det vil vises på skjermen avhenger av koden du omslutter det i.

HTML-koden består av følgende elementer:

2. Attributter til tagger.

3. Attributtverdier.

La oss ta en titt på dem i rekkefølge.

HTML-koden er hovedkoden. Det er skrevet slik:

Som du kan se, består den av to deler. De første vinkelbrakettene er åpningsdelen, og den andre, med skråstrek, er den lukkende delen.

Mellom disse to delene skrives resten av koden på siden, som vil vises på skjermen.

stikkord forteller nettleseren at dette er et html-dokument og er hovedkoden (overordnet) for alle andre elementer.

I resten av taggene, kodeelementer, er en bokstav eller et ord skrevet i vinkelparenteser, som vil være navnet på taggen og bestemme hvilket element som skal vises av denne taggen.

Hvis du for eksempel setter bokstaven h1 i vinkelparenteser, vil teksten vises i form av en overskrift.

Hallo

Det vil si at fonten til ordet "Hallo" vil være større og dristigere enn resten av teksten.

Hvis du setter bokstaven p i vinkelparenteser, vil teksten i koden vises som et avsnitt.

Hallo

Det vil si at skriften vil være normal, men alt som skrives etter denne taggen vil starte på en ny linje.

Det er flere dusin slike bokstaver, og til og med ord som bestemmer typen kommando, i html, selv om det ikke er mer enn 10-15 tagger i hyppig bruk.

Mer detaljert, hver av dem, vil vi vurdere underveis.

Følgende er attributtene til taggene. Ofte brukt, heller ikke mer enn et dusin. Og nylig enda mindre, siden alle attributtfunksjoner er flyttet til css.

Men mer om det senere, men foreløpig vil vi finne ut hva en egenskap er, siden noen av dem ikke har mistet sin relevans og aldri vil tape.

Attributt er en valgfri kommando. Det er skrevet i åpningsdelen av taggen. For eksempel, hvis du vil lage tittelfargen, må du sette inn fargeattributtet i åpningsdelen av h1-taggen

Og gå umiddelbart til verdiene til attributtene. Poenget er at attributtet må ha en verdi. Det vil si at hvis du ga kommandoen om at tittelen skal farges, må du spesifisere hvilken farge som skal være.

Denne indikasjonen vil være verdien av attributtet. Det ser slik ut:

Den er rød.

På samme måte, men ved hjelp av andre attributter, kan du angi tekststørrelse, innrykk, justeringer og mye mer.

Selv om design i økende grad går over til CSS, og designattributter blir gradvis foreldet og ute av praksis.

Og nå trekker vi en konklusjon fra alt det ovennevnte:

HTML er språket som nettlesere forstår. Vi trenger den for å kommunisere med nettleseren, eller vi kan si å kontrollere den, det vil si å gi den kommandoer om hvordan den skal oppfatte og vise på skjermen det vi skriver.

Jeg vil legge til at tagger, attributter og deres verdier lett huskes under praktiske øvelser, som i hovedsak vil være alle påfølgende artikler.

Der ser du merkelappen umiddelbart, du finner ut hva den betyr, i hvilket tilfelle og på hvilket sted den brukes, hvilke tegn den er ledsaget av, og hvordan den er skrevet, så nå vil jeg ikke vise deg alle merkene og attributtene, vi vil se alt i praksis.

En komplett liste over html-tagger og attributter, hvis noen er interessert, kan du alltid se på. ...

Selv om du ikke skal være profesjonelt engasjert i programmering, vil det være nok å kjenne til noen få (omtrent et dusin) hovedkoder og noen få av de samme egenskapene.

Vel, det er alt, kanskje. Få? Og mer trengs ikke ennå. Resten vil læres i læringsprosessen ved å bruke spesifikke eksempler.

Jeg tror eksemplene vil være bedre for å assimilere. Målet vårt er å lage en nettside og forstå hvordan det hele fungerer, så la oss gå til praksis.

Sving

Så snart du setter deg ned for å studere, vil sikkert en jævel vekke deg!!!

På skolen sier læreren til elevene:
– Hvem av dere anser seg til slutt som en dumbass? Stå opp.
Etter en lang pause reiser en elev seg:
- Så du anser deg selv som en dumbass?
– Vel, ikke helt, men på en eller annen måte flaut at du står alene.

Du har sikkert kommet over et slikt konsept som HTML-kode. Vi hørte fra venner, så i menyen til nettleseren deres osv. Men hva er det? La oss prøve å finne ut hva slags kode det er og hvilke elementer den består av.

Grunnleggende informasjon

La oss starte med definisjonen. HTML-kode er markeringen av enhver nettside som kjøres med HTML-språket.

Denne koden består av tagger, takket være hvilke nettleseren bestemmer hvordan denne eller den siden ser ut. Strukturen er delt inn i to deler: hodet - tittelen på dokumentet, der navnet på siden er skrevet, samt informasjon om selve dokumentet, og kroppen - hoveddelen av dokumentet, der sideparametrene er sett.

For å lage en mer eller mindre anstendig nettside, skrevet fra bunnen av, bør du studere kodene som brukes av dette språket, deres parametere, og også kjenne til HTML-fargekodene.

Tagger

Tag er et element i HTML-språket. Med den kan du angi font, farge, størrelse på tekst, sette inn tabeller og bilder i den, formatere, lage overskrifter, lenker og fargelegge siden.

Tagger er alltid omsluttet av vinkelparenteser -<>, og det er dette som skiller dem fra hovedteksten, som vises på siden når den vises. De er av to typer - paret og enkelt.

Paret består av en åpningsmerke og en avsluttende tagg, mens den siste taggen følges av en skråstrek etter venstre vinkelparentes. For eksempel: tekst.

Mellom de to taggene er en tekst, tabell, bilde eller annet element, som vises på nettsiden.

Singler består imidlertid av én tagg og inneholder ikke skråstrek. For eksempel:


.

Tagger kan ha parametere som kan settes ved hjelp av spesialkoder for HTML.

Vær også oppmerksom på at for de fleste tegn: hunder, parenteser, større enn eller lik, mindre enn eller lik, og mange andre - er det en spesiell tabell der kodene til disse tegnene er skrevet. Denne koden begynner med et og-tegn, etterfulgt av enten dens bokstavelige mnemoniske betegnelse, eller et pund-tegn med en tresifret symbolkode. Et semikolon må legges til på slutten.

Hovedmerker

Vi fant det ut, nå vil vi prøve å liste opp hovedtaggene som kan være nyttige, hvis ikke når du lager dine egne nettsider, så i det minste når du designer tekster.

  • < body>- inneholder hovedparametrene til dokumentet, for eksempel lenker, felt og andre;
  • < p>- betegner et avsnitt;
  • < b>- gjør teksten fet;
  • < i>- kursiv;
  • < u>- understreker teksten;
  • < s>- krysser ut teksten;
  • < sup>- setter teksten som hevet skrift;
  • < sub>- abonnement;
  • < font>- setter parametrene for fonten: størrelse, font, farge;
  • < div>- med den kan du justere teksten din;
  • < h>- tag-overskrifter;
  • < a>- koblinger settes med dens hjelp;
  • < table>- hjelper til med å sette inn tabeller i dokumentet, tagger er knyttet til det< tr>(streng) og< td>(celle).

Singler:


  • - singel, overfører teksten etter den til en ny side;

  • - den kan brukes til å sette inn en horisontal linje i teksten.

Det bør bemerkes at tagger vanligvis skrives på en ny linje. Dette gjøres for bekvemmeligheten av ikke bare layoutdesigneren selv, men også de som skal se kodene i HTML.

Tag-parametere

Vi har allerede dekket med deg hovedtaggene du vil vite. Vi har selvfølgelig ikke listet opp alt, men selv dette minimumet kan være nok til å lage dine første nettsider.

Men det er ikke nok å kjenne til noen tagger, du må fortsatt studere parameterne som kan settes. I denne artikkelen vil vi bare lage en kort oversikt over dem, vi vil beskrive de mest brukte. Du kan se dem ved å åpne en hvilken som helst HTML-kode.

Vi vil heller ikke beskrive hvilken tag denne parameteren er egnet for, siden mange av dem brukes i de fleste nettmarkeringskommandoer:

  • ansikt - angir skrifttype;
  • størrelse - setter størrelsen;
  • farge - setter fargen;
  • align - justering;
  • navn - navn;
  • href - denne parameteren setter lenkeadressen;
  • alt - alternativ tekst;
  • bredde - bredde;
  • høyde - høyde;
  • bakgrunn - bakgrunnsbilde;
  • bgcolor - bakgrunn.

Dette er på ingen måte alle parameterne, vi har kun listet opp de mest brukte og kjente.

Parameteren etterfølges av et likhetstegn, og deretter skrives verdien i anførselstegn. Når du utvikler nettsteder og sider, anbefaler vi deg å bruke spesielle lærebøker eller manualer for ikke bare å kjenne til de grunnleggende parametrene, men også for å sette dem riktig.

Fargekart

Så, med hovedkodene og deres parametere, fant vi ut, la oss nå se på HTML-fargekodene. Det er med deres hjelp du kan angi fargen på teksten, siden eller dens individuelle elementer.

Nybegynnere av nettredaktører bør være klar over at det finnes spesielle fargetabeller som gir koder for hver nyanse. Det er totalt 16 grunnleggende farger som kan settes ikke bare ved hjelp av en tabell, men ganske enkelt ved å angi navnet på engelsk. Du kan også legge til ordene lys og mørk til dem, og angi ønsket nyanse.

Det er også som har 216 alle typer ødem.

Merk at tabeller er mye mer praktisk å bruke. De får en heksadesimal fargekode. I dette tilfellet kan du umiddelbart se denne nyansen. Hver kode starter med et hash-tegn, etterfulgt av tre par med tegn som karakteriserer intensiteten til rødt, grønt og blått.

Det er nok å kopiere denne koden og erstatte den med parameterne til taggen du trenger.

Slik ser du sidekoden

Hvis du er interessert i å lage nettsider, vil du sannsynligvis være interessert i å se på HTML-koden til et nettsted du liker, eller et du besøker ganske ofte.

Men hvordan gjøre det? Det er to måter som er ganske enkle og greie. Den første er å åpne siden du trenger og trykke på tastekombinasjonen Ctrl + U. Kildekoden til siden vises i et nytt vindu, som du kan se og studere.

Den andre måten er å trykke på venstre museknapp og velge "Kildekode". Men vi anbefaler fortsatt at du bruker den første metoden, siden bruken av hurtigtaster er mye enklere og mer praktisk.

Merk at mens du leser koden, vil du også kunne se kommentarene til den skrevet i "Comment"-taggen, som ser slik ut:... I dette tilfellet er selve kommentaren skrevet etter utropstegnet. Det vises ikke i nettleseren. Og det er hovedsakelig skrevet slik at andre programmerere og webdesignere kan forstå hva slags informasjonsblokk som er plassert nedenfor, hvorfor denne eller den koden ble indikert.

konklusjoner

Å skrive HTML-koder er ikke så vanskelig som det kan virke ved første øyekast. Spesielt hvis du er upretensiøs og ønsker å lage enkle nettsider, HTML-baserte elektroniske opplæringsprogrammer osv. Å lære grunnleggende tagger og prinsippet om markup tar ikke mye tid. Selv et par dager vil være nok for deg til å begynne å lage dine egne prosjekter.

Vær oppmerksom på at hvis du bestemmer deg for å lære dette markup-språket, så vær forsiktig. De fleste problemene oppstår nettopp på grunn av uoppmerksomhet: ulukkede parede tagger, feilstavede parametere, skrivefeil - alt dette truer med å bli en feil som du kan søke lenge etter. Men generelt er det ganske interessant å lære HTML-markering av sider.