Mange språk oppfunnet, men HTMLhører til antall spesielle og mest etterspurte. Mange andre viktige programmeringsarbeid er forbundet med det. Mye blir tilgjengelig når utviklerens sinn er kjent med markeringsspråket HyperText Markup Language (HTML).
I hovedsak er det ingenting komplisert med HTML og gjennomI løpet av få minutter vil alle som er lengst fra å programmere og Internett lage en HTML-side i notisblokken. Et eksempel verdig oppmerksomhet, enkelhet, faktisk tilgjengelig for alle.
En HTML-fil er en side på et nettsted, selv om du kan argumentere med det, men det at en enkelt fil er en side, er forståelig for en start.
HTML-filen begynner med DOCTYPE-overskriften, isom indikerer at filtypen er HTML. Alle sideelementer (tagger) er angitt i vinkelparenteser. Hvert par ("<" og ">") inkluderer en HTML-kode. Vanligvis er HTML-tagger sammenkoblet, det vil si at for hver "tag" er det en "/ tag". Begge er lukket i vinkelfeste. Det er enkeltkoder, hvorav den mest populære "br /" er overgangen til neste linje.
Den største koden i filen er selve HTML, isom bare inneholder to koder: Hode og kropp. I den første blir forskjellige beskrivelser laget, koblinger til andre filer som er nødvendige for siden er indikert, PHP- og JavaScript-skript kan være til stede. Den andre registrerer innholdet på siden. Også i form av tagger og manus.
Et eksempel på å lage en slik side er gitt nedenfor i artikkelen. Vurder det nøye.
Hovedformålet med HEAD-taggen er en generell beskrivelse av siden og vanlige skript, selv om sistnevnte er et ganske relativt konsept. Vanligvis får bare to ting betydelig betydning her:
For å vise sideinnhold er innholdet i denne delen bare indirekte, siden det indikerer: et sted i andre filer er det CSS-regler for tagger og skript på andre språk.
HTML-siden har en tittel (TITLE), somDet vises når den besøkende bringer musen til fanen der siden er åpen. Dette er et viktig poeng, siden den gjør siden betydelig mer presentabel, lettere å si, signert med lesbar tekst.
META-koder er viktige i Internett-programmering generelt, men når du trenger å lage en HTML-side i en notisbok, er det uønsket å rote opp eksemplet med unødvendige konstruksjoner.
LINK- og SCRIPT-koblinger skal utheves.oppmerksomhet. Den første angir plasseringen av CSS-stilarket, den andre indikerer plasseringen av JavaScript-kodefilen. Det kan være mange slike lenker.
Hvis manus skal benyttes når kunnskapSiden HTML er styrket, bør cascading stilark adresseres umiddelbart. CSS-filer inneholder spesielt HTML-taggingsregler.
Egentlig er et eksempel på HTML-side hva det erBODY-delen. Det er her som inneholder all informasjonen, alt innholdet på nettstedssiden. All informasjon presenteres i form av koder og skript, for eksempel ved å sette inn JavaScript-kode eller deler av PHP-programmer.
Det er viktig å forstå at et eksempel på HTML-websidenettleser og samme eksempel i en tekstredigerer, spesielt notisblokk, er langt fra den samme tingen. I det første tilfellet har vi ferdig HTML-tekst der alle skript utføres. For eksempel jobbet PHP ut sin del og dannet de nødvendige kodene i stedet for koden på de riktige stedene. JavaScript oppfylte også sitt oppdrag, selv om det fortsatt er en egen diskusjon om det.
HTML er koder, ikke skript. Til slutt viser nettleseren bare innholdet på siden, bare kodene. Det er ingen PHP-kode der.
JavaScript er i en spesiell posisjon. Bekymringen er å betjene siden ikke bare når den lastes inn (på nytt), men også i øyeblikkene når siden er i den besøkende nettleseren, og han studerer den.
Et enkelt HTML-sidekodeeksempel (bare BODY-seksjon) vises nedenfor.
Og i den besøkende nettleseren ser det ut som følger.
Koden indikerte ikke hvordan den skulle se utelementer som nettleseren viser. All synlig design er i CSS-regler. I dette tilfellet den refererte Mcss / scPhpWordRW.css-filen (se aller første HTML-side).
I motsetning til HTML, er CSS-temaet enklere derveldig tilgjengelige regler og antallet er lite når eksemplet med å lage en HTML-side ikke krever annet enn notisblokk. Alt er veldig tilgjengelig for umiddelbar utvikling:
Dette viser hvordan taggen ganske enkelt blir beskrevet.scLogo_vDoc, og denne beskrivelsen er slik at i normal tilstand viser taggen vDoc-logo.png-bildet, og når musen er over det, vises vDoc-logo-h.png.
Språk innebærer ingen struktur ogbegrepet syntaks er veldig relativt. Det er ingen variabler, men det er mange muligheter. Det grunnleggende grunnlaget for hypertekst er at det er et element (tag) som må ha et navn.
Navnet, når det gjelder en sammenkoblet tagg, består av selve navnet (tagName) og vinkelparenteser ("<" + tagName + ">"), hvis det kommer til begynnelsen av koden, og "" + tagName + ">", hvis det er skrevet det er slutt.
Et eksempel på HTML-side med attributtbeskrivelser ligger nedenfor i teksten.
En tag kan ha attributter, deretter plasseres deet mellomrom etter taggenavnet til lukkevinkellaget ">". Attributter, hvis koden har dem, blir spilt inn bare i begynnelsen. Innholdet i taggen anses å være mellom begynnelsen av taggen og dens slutt.
HTML lar deg beskrive blokkering og små bokstaverelementer. Førstnevnte okkuperer et bestemt område i nettleservinduet, kan plasseres absolutt, det vil si på rett sted i visningsområdet til HTML-siden, og har en spesifikk størrelse.
Inline-elementer vises vanligvisi en enkelt strøm, det vil si som indikert i sidefilen, vises de også på skjermen. Visningen av den generelle flyten kan påvirkes når siden lastes inn. Plassering, synlighet og andre egenskaper til blokkelementer kan når som helst påvirkes ved hjelp av JavaScript-kode.
I tillegg til enkle elementer, tilbyr HTML å beskrive tabeller og skjemaer. Disse elementene er veldig etterspurt i "daglig nettstedsbygging."
Ved hjelp av TABLE-taggen kan du lage en tabell,angi et visst antall TR-rader og i hver rad et visst antall TD-celler. I motsetning til den vanlige tabellorganisasjonen, på grunn av særegenheter ved HTML-markering, er tabellorganisasjonen begrenset til denne erklæringen, fordi hvis utvikleren ønsker å ha en rektangulær tabell der antall kolonner i alle rader er den samme, må han følge den uavhengig.
HTML prinsipiell posisjon:gjør alt som er indikert, men ingenting av det som ikke blir forstått. I noen tilfeller er ikke antall kolonner i hver rad i tabellen så viktig, men hvis du trenger å slå sammen cellene vertikalt eller horisontalt, må du beregne alt veldig nøye.
Et eksempel på HTML-side med beskrivelse av en enkel tabell er tydelig vist i artikkelen.
Her vises et tre-rad-tre-tabell.kolonner, og i den første raden, i stedet for TD-taggen, ble TH-taggen brukt - kolonneoverskriften. Disse to kodene har ingen spesiell forskjell, men du kan bruke den første til å skille den første raden i tabellen, og i CSS kan du knytte din egen stil til TH, som skiller den fra andre TDer.
Skjemaer er den mest etterspurte delen av HTML-koder. Ved hjelp av skjemaer kan du overføre informasjon. Selve siden er utdataene fra informasjonen, men skjemaet er dens innspill.
Et eksempel på HTML-side som beskriver en enkel form:
Det er mange flere alternativer for bruk av skjemaer, menHovedfunksjonene er som følger. Du kan spesifisere inputfelt, du må utpeke dem og prosessorer for å analysere brukerinndata. Du kan spesifisere skjulte felt og overføre bakgrunnsinformasjon fra siden. Du kan spesifisere knappene for overføring av informasjon, klikke på hvilke som starter prosessen med å overføre informasjon.
Å kjenne språket i hypertekst er en forutsetningarbeide med hvilken som helst spesialisering innen Internett-programmering, men hvis du trenger å skrive programmer i PHP eller JavaScript, må du vite HTML + CSS perfekt.
PHP-språket ble identifisert i forrige eksempel.PHP kjører på serveren, så en side med dette skjemaet har flydd fra serveren til en nettleser med fylte felt. Spesielt TestOnBlur-funksjonen som ble nevnt i INPUT-taggen (onblur event handler) mottok alle parametrene som tekstfelt.
JavaScript kjører i nettleseren, og tilknappen for å sende data tilbake til serveren fungerte riktig, det vil si konstruksjonen: onclick = jQuery ("# til"). val ("cart"), du trenger å ha en ide om ikke bare hva jQuery er, men også hva #to, val er , vogn. Mer spesifikt må du kjenne de grunnleggende HTML-kodene og de generelle reglene for å bruke CSS-stiler på dem.
Dette er nok til å raskt heve dine kvalifikasjoner innen enhver spesialisering innen Internett-programmering.