HTML er uden tvivl Internets hovedsprog,stammer fra ham. En eller anden måde er han involveret i oprettelsen og driften af hver webside på World Wide Web. Uden at forstå, hvad HTML er, og hvordan det fungerer, er det umuligt at omdanne en kontinuerlig strøm af tekst, som oprindeligt er et hvilket som helst dokument, til et struktureret, smukt og brugervenligt sted.
Forkortelsen stammer fra engelskHyperText Markup Sprogfraser. Oversættelsen forklarer fuldt ud hvad HTML er - det er et hypertext markup sprog. Det optrådte i morgen med udviklingen af Internettet og var beregnet til design af websider, der indeholder videnskabelig og teknisk dokumentation, som især har brug for det rigtige design.
Tim Berners-Lee, skaberen af sproget, foreslog detmed sin hjælp vil det være muligt let at oprette enkle, men forståelige dokumenter til udveksling mellem forskere fra forskellige byer og lande. Han udviklede et sæt deskriptorer - elementer, der formaterer tekst. Vi kender dem nu som "tags".
For at HTML-tekst skal vises korrekt, skal du brugebehandler det. Dette gøres af specielle programmer - browsere. De modtager markeringssiden, fortolker tagbeskrivelserne og viser teksten, som brugeren skal se den.
En meget vigtig del af sproget, som også er forståeligt fradens titel er hypertekstunderstøttelse. Dette betyder, at nogle HTML-sider kan indeholde links til andre. Krydshenvisningssystemet var af særlig betydning for videnskabelige artikler, hvilket tillader ikke at gå dybt ind i forklaringen af et komplekst udtryk, men simpelthen at sende læseren om nødvendigt til det tilsvarende kapitel.
Efterhånden som tiden gik, var et simpelt sæt tags, der var HTMLi begyndelsen af sin eksistens voksede den og blev stærkere. Nu kan du integrere multimedieindhold på en side, oprette tabeller og kontrollere arrangementet af billeder.
Den spontane udvidelse af sproget måtte begrænses og tages under kontrol, visse standarder var nødvendige.
1995 - tidspunktet for vedtagelse af den tredje versionspecifikationer og et vendepunkt i skæbnen for layoutdesignere. Moderne browsere på det tidspunkt kunne ikke længere sikre, at implementeringen af accepterede standarder, improvisation og lagdeling begyndte. Hver internetbrowser havde deres egen mening om, hvad HTML er, og hvordan man fortolker specifikke deskriptorer.
Heldigvis er de største konflikter mellem browsere nu blevet udskåret, hvilket sparer frontend-udviklere en stor indsats og nerver.
Den femte standard er relevant for 2018HTML, hvis udkast blev vist i slutningen af 2007. Han introducerede mange nye elementer og attributter, med særlig vægt på semantikken på websider og deres tilgængelighed for brugere med handicap.
Sproget fortsætter aktivt med at udvikle og forbedre.
De vigtigste HTML-strukturer er deskriptorer eller tags og enheder. Almindelig tekst, der er behandlet med deres hjælp, bliver til et webdokument.
Hypertext Markup-enheder er mnemoniske koder for specielle Unicode-tegn, der ikke er tilgængelige på konventionelle tastaturer.
Eksempler på enheder:
| < | åben vinkelbeslag |
| > | lukkevinkelbeslag |
| ← | tynd pil, der peger mod venstre |
| ↑ | tynd pil, der peger op |
HTML-enheder starter med en ampersand,slutter med en semikolon og indeholder en let at huske kode for tegnet. De er vigtige, fordi de giver dig mulighed for at vise tegn, der ikke direkte kan skrives i HTML-kode.
Sådanne tegn inkluderer for eksempel vinkelparenteser. I hypertekstmarkeringssprog fungerer de som tagidentifikatorer, der omgiver beskrivelsesnavnet på begge sider.
Mærker er de vigtigste strukturelle komponenter i et webdokument. De er beholdere med åbning og lukning af dele og indholdet imellem.
Eksempel tag:
<i> tekst inde i tagget </i>Dette er HTML-deskriptoren ogsom definerer den kursive skrifttype. Bogstavet i er det første bogstav i ordet kursiv. Han har:
<i></i>kendetegnet ved tilstedeværelsen af en skråstreg;
De fleste deskriptorer har samme struktur, men der er en lille gruppe tomme tags.
Lang tekst, der skal deles i flere linjer <br> for at forbedre læsbarheden.
Tag <br> efter parsing erstattes med en linjeskift. Det har intet indhold, så der kræves ingen dækningsdel.
Følgende tags er også tomme:
<hr>betegner en tynd grå linje, der adskiller blokke af tekst fra hinanden<input>repræsenterer en hel familie af interaktive formelementer;<img>tilslutning af billedfilen<meta>, <link>.Beskrivelser kan indlejres i hinanden på et hvilket som helst antal niveauer. De eneste undtagelser er tomme tags, som ikke kan indeholde indhold.
Attributter, der er placeret i elementet til åbningskoden, er meget vigtige, når du opretter webdokumenter. En deskriptor kan have en eller flere egenskaber eller slet ingen.
I de fleste tilfælde ved hjælp af attributternogle aspekter af elementets adfærd afklares, og nogle gange kan de ændre den visuelle præsentation radikalt. En række egenskaber bruges til serviceformål, så du kan manipulere HTML-tags fra CSS eller JavaScript.
Attributindstilling:
Vælg farve: <input type = "checkbox" name = "red"> Rød <input type = "afkrydsningsfelt" name = "gul" markeret> Gul <input type = "checkbox" name = "green"> GrønHer er en gruppe på tre interaktive <input> -elementer. Attribut type definerer deres skærm som afkrydsningsfelter, navn indeholder navnet på et bestemt felt og ejendommen afkrydset, uvigtig, gør det andet input til standard.
Der er generiske attributter, der kan defineres for enhver deskriptor, og specifikke attributter, der er specifikke for specifikke tags.
Universelle egenskaber inkluderer: id, klasse, titel.
Specifik - den førnævnte type, markeret såvel som src, href og et antal andre.
Efter at have modtaget en HTML-side, analyserer browseren den og kasserer alle unødvendige emner. Så i de fleste tilfælde ignoreres flere mellemrum og linjeskift.
De følgende to kodestykker er helt identiske for browseren, selvom den ene indeholder mange på hinanden følgende mellemrum og er opdelt i linjer, og den anden ikke.
<!- første uddrag -> <p> Lorem ipsum <i> dolor sidder </i> amet. </p> <p> <b> doloribus sunt, </b> annonce forsynet. </p> <! - andet uddrag -> <p> Lorem ipsum <i> dolor sidder </i> amet. </p> <p> <b> doloribus sunt, </b> annonceret. </p>
Bindestreger og faner kan bruges tilvisuel strukturering af koden, men de har ingen betydning for browseren. I nogle tilfælde, når det er nødvendigt at bevare det originale tekstformat sammen med mellemrum og indrykninger, er der tags, der viser deres indhold uden foreløbig behandling af browseren, for eksempel <for>.
HTML er store og små bogstaver.Dette betyder, at tags, navne og attributværdier kan skrives med små og store bogstaver, og begge indstillinger behandles lige korrekt af browseren. Hvis det ønskes, kan du endda bruge kombinationer af store og små bogstaver, men dette forstyrrer den normale opfattelse af koden.
Når du først er fortrolig med tags, deres egenskaber og syntaks, kan du flytte fra det grundlæggende i HTML-sproget til strukturen i et HTML-dokument som helhed.
Enhver webside skal have en form for ramme for at browseren skal vises korrekt.
Den krævede struktur i et HTML-dokument inkluderer:
hoved.<! DOCTYPE html> <html> <hoved> <! - serviceoplysninger til browseren og søgerobotter -> </head> <krop> </body> </html>HTML5 kræver ikke et tag legeme i et dokument anbefales det dog, at du stadig bruger det til at betegne et indholdsområde.
De vigtige men valgfri servicebeskrivere er:
<hoved> <title> Sidetitel </title> <meta charset = "utf-8"> <meta name = "description" content = "Beskrivelse af siden til søgerobotter"> </head>Ellers kan strukturen på HTML-siden være hvad som helst. Dens funktioner afhænger af det specifikke projekt.
Hovedreglen, der skal overholdes iethvert webdokument er den korrekte indlejring af tags. Først lukkes deskriptoren, der er placeret på det dybeste redningsniveau, og derefter alle eksterne en efter en.
<krop> <hoved> <artikel> <p> Afsnitstekst </p> <! - afsnittet lukkes først -> </article> <! - derefter artikel -> </main> <! - derefter hovedmærket -> </body> <! - og endelig dokumentets brødtekst ->Som specifikationen ogfremkomsten af nye deskriptorer ændrede teknologien til oprettelse af webdokumenter. Oprindeligt gik teksterne i en kontinuerlig strøm og delte sig kun i afsnit. Derefter kom æraen med bordlayout, som gjorde det muligt at placere blokke på en side i enhver konfiguration, for eksempel i kolonner.
Med udviklingen af CSS blev brugen af tabeller gradvist opgivet, fordi stilarter gjorde det muligt at designe et dokument som ønsket.
Den nye HTML-standard hilser semantik i strukturen af HTML-dokumenter velkommen. Dette opnås ved hjælp af semantiske tags som f.eks header, sidefod, vigtigste, artikel, nav, afsnit og andre.
Internets hovedsprog er meget simpelt. Alle kan forstå, hvad HTML er, og med succes anvende denne viden ved at oprette deres egne websider.
