Et eksempel på en HTML-side, og de grunnleggende prinsippene for

Oppfunnet mange språk, men språket HTML er en av de mest spesielle og vosstrebovan. Siden det innebærer en rekke andre viktige initiativer i programmering. Mye er gjort tilgjengelig, da i hodet av utvikleren vidt markup language - Hypertext Markup Language (HTML).

Faktisk, i HTML, det er ikke noe vanskelig, og i noen få minutter alle de mest fjerntliggende fra programmering og internett folk vil oppfylle etableringen av HTML-sider i notatboken. Bemerkelsesverdig eksempler, enkelhet, ja, tilgjengelig for alle.

generell beskrivelse

HTML-fil - en side nettsted, selv om dette er diskuteres, men det er én fil per side, for en start det er klart.

HTML-fil begynner med en DOCTYPE header som angir at typen til fila - HTML. Alle sideelementer (tags) er angitt innenfor vinkelparenteser. Hvert par ( "<" og ">") omfatter et tag HTML. Vanligvis HTML-koder er koblet sammen, det vil si for hver «tag» har «/ tag». Begge settes i vinkelparenteser. Det er en enkelt kode, hvorav den mest populære «br /» - overgang til neste linje.

Den største tag i filen - det selv HTML, som omfatter kun to tag: hodet og kroppen. I det første tilfellet, andre spesifikasjoner er veiledende av linker til andre relevante side filer kan være til stede PHP og Javascript-skript. På andre siden skrevet innhold. Også i form av koder og skript.

Enkel HTML-side

Eksempel på å skape en slik side er indikert i artikkelen nedenfor. Vurdere det nøye.

HEAD seksjonen

Hovedformålet HEAD tag - en generell beskrivelse av siden og de generelle skript, selv om sistnevnte - bare et relativt begrep. Vanligvis er det legger vekt på bare to ting:

• søkeord og beskrivelse av siden,
• linker til andre filer (* CSS- og * JS).

For å vise innholdet på siden innholdet i dette avsnittet har bare indirekte betydning fordi det indikerer hvor noen andre filer har CSS-regler for merker og andre skript språk.

HTML-side har en tittel (TITLE), som vises når en besøkende bringer musen over fanen hvor siden åpnes. Dette er viktig, fordi det gjør siden mye mer presentabel, lettere å si, signerte lesbar tekst.

META-tags er viktige i webprogrammering generelt, men når det er nødvendig å opprette HTML-sider i en notatbok, et eksempel på uønsket rot redundante strukturer.

På LINK og manus lenker bør være spesielt oppmerksom. Den første refererer til et sted hvor det er en CSS-stilark fil, den andre - plasseringen av Javascript-kode fil. Slike koblinger kan stilles inn.

Hvis du bruker skript bør behandles som en HTML-kunnskap vil bli sterkere, bør du være oppmerksom umiddelbart på gjennomgripende stilark. CSS-filer er særlig reglene for registrering av HTML-koder.

§ BODY

Faktisk en eksempelside HTML - Dette er kroppens delen. Det er her som inneholder all informasjon, alt innhold siden. All informasjon er presentert i form av koder og skript, som å sette inn en Javascript-kode eller biter av PHP-programmet.

Det er viktig å innse at eksempelet med HTML-sider i nettleseren og det samme eksempelet i en tekst editor som notepad, dette er ikke det samme. I det første tilfellet er vi klare til HTML-tekst hvor alle skript henrettet. For eksempel har PHP oppfylt sin del og dannet i stedet for koden på de riktige stedene kodene. Java også oppfylt sin misjon, selv om det ennå å være en egen samtale.

HTML - det tags i stedet for skript. Til syvende og sist bare innholdet på siden som vises i nettleseren, men dens tag. Ingen PHP-kode er ikke der.

Javascript er i en særstilling, hans omsorg - å tjene på siden, ikke bare ved oppstart (overbelastning), men i de øyeblikkene når siden er i den besøkendes nettleser, og studiene det.

Et enkelt eksempel på kode HTML-side (bare BODY-seksjon) er vist nedenfor.

En besøkendes nettleser det ser ut som vist nedenfor.

ble ikke spesifisert i koden skal se ut de elementene som brakte nettleseren. Alle design er synlig i CSS-reglene. I dette tilfellet, mcss / scPhpWordRW.css fil som ble referert (se. Den aller første eksempel på en side HTML).

I motsetning til HTML, er CSS tema enklere, er det svært tilgjengelig regler og antallet er lite, når eksempel etableringen av HTML-sider ikke krever noe annet enn notepad. Alt er lett tilgjengelig for umiddelbar utvikling:

Dette viser hvor enkelt det er beskrevet tag scLogo_vDoc, og denne beskrivelsen er at i en normal tilstand av tag viser et bilde vDoc-logo.png, og når musen er over det - vises vDoc-logo-h.png.

Strukturen av HTML beskrivelser

Språk innebærer ikke å gjennomføre noen av struktur og syntaks av konseptet her er veldig relativt. Det er ingen variabler, men det er nok av muligheter. Det fundamentale grunnlaget for hypertekst er at det er et element (tag) som er sikker på å ha et navn.

Navnet på saken, tag par, bestående av egennavn (TagNavn) og vinkelparenteser ( «<» + TagNavn + «>»), hvis vi snakker om i begynnelsen av koden, og «», hvis registrert dens ende.

Eksempel på HTML-sider som beskriver attributter som ligger i teksten nedenfor.

Koden kan ha attributter, da de er satt gjennom et mellomrom etter kodenavn før den avsluttende vinkelparentes ">". Attributter, hvis de har koden registreres bare i begynnelsen. Innholdet i koden er det som ligger mellom startsignalet og slutten av den.

Totalt HTML innholdsbeskrivelser

HTML lar deg beskrive blokk og inline elementer. Først okkupere et bestemt område i nettleservinduet kan plasseres helt, som er på rett sted på feltet for visnings HTML-sider, og har en bestemt størrelse.

Inline elementer vanligvis vises en tråd, det vil si som ble oppgitt i siden filen, og vises på skjermen. Visningen av den totale vannmengden kan påvirkes når siden belastningen skjer. Ved plassering, sikt, og andre egenskaper hos blokk-elementene kan påvirkes til enhver tid via Javascript-kode.

I tillegg til de enkle elementer, HTML tilbyr å beskrive tabeller og skjemaer. Disse elementene er svært mye i etterspørselen i "hverdags nettstedet bygningen."

Beskrivelse av tabellen: tags TABLE, TR, TD

Når TABELL koden kan brukes til å opprette en tabell, angir et antall rader og TR i en rad for en rekke TD celler. I motsetning til den vanlige tabellen organisasjon, på grunn av naturen HTML-markup tabell organisasjon begrenset til denne erklæringen, fordi hvis utbygger ønsker å ha et rektangulært bord hvor antall kolonner i alle rader med det samme, så det må følge det for deg selv.

Den prinsipiell stilling HTML: gjøre alt som er, men ingenting som ikke er forstått. I noen tilfeller er det ikke så viktig for antall kolonner i hver rad i tabellen, men hvis du ønsker å utføre et flette celler horisontalt eller vertikalt, er det nødvendig å telle alle veldig nøye.

Eksempel HTML-side med en beskrivelse av en enkel tabell grafisk vist i artikkelen.

Her er en tabell som viser størrelsen på tre rekker med tre kolonner, med den første rad taggen TH ble brukt i stedet for TD tag - kolonneoverskriften. Spesielt utmerker disse to kodene ikke har, men det er mulig å bruke den første til å skille mellom den første raden i tabellen, og i CSS til TH, kan du feste din egen stil, noe som skiller den fra andre TD.

Beskrivelse form: FORM tag, INPUT

Form - dette er den mest etterspurte delen av HTML-koder. Ved hjelp av skjemaer kan overføre informasjon. Egentlig siden - dette displayet informasjon, men formen - inngang.

Eksempel HTML-side med en beskrivelse av en enkel form:

Bruk av skjemaer mye mer, men hovedtrekkene er som følger. Du kan angi inntastingsfeltet, må du tildele dem til å designe og event handlers for analyse av brukerundersøkelser. Du kan angi et skjult felt og overføre informasjon fra siden bakgrunnen. Du kan utpeke informasjonsoverføring, trykke som initierer dataoverføringsprosessen.

Ved hjelp av HTML

Å vite hyper språk - en uunnværlig forutsetning for alt arbeid spesialisering innen Internett-programmering, men hvis du ønsker å skrive et program i PHP eller Javascript, så vet HTML + CSS trenger perfekt.

PHP språket har blitt identifisert i forrige eksempel. PHP kjører på serveren, fordi en side med denne formen fløy fra serveren til nettleseren med feltene fylt. Spesielt TestOnBlur funksjoner som er nevnt i merkelappinnsignalet (onblur hendelsesbehandling), mottok alle parametrene i form av tekstfelter.

Nettleseren kjører Javascript, og du skal arbeidet data sendeknappen tilbake til serveren, som er, design :. onclick = jQuery ( '# for å') val ( 'cart'), er det nødvendig å vite ikke bare om hva jQuery, men hva #for, val, kurven. Mer presist, er det nødvendig å vite de grunnleggende HTML-koder og de generelle reglene som gjelder for dem CSS-stiler.

Dette er nok til å raskt øke kvalifisering av noen spesialisering i området av Internett-programmering.