Hypertekstmarkeringsspråk SGML. XML. HTML.
SGML(Engelsk Standard Generalized Markup Language-et standard generalisert markup-språk; uttales [es-ji-em-el]) er et metalspråk der du kan definere et kodespråk for dokumenter. SGML er etterfølgeren til IBMs Generalized Markup Language (GML) fra 1969, som ikke skal forveksles med Geography Markup Language utviklet av Open GIS Consortium.
SGML ble opprinnelig designet for deling av maskinlesbare dokumenter i store regjerings- og romfartsprosjekter. Det ble mye brukt i trykk og forlag, men kompleksiteten gjorde det vanskelig å bli mye brukt til daglig bruk.
Hoveddelene i et SGML -dokument er:
SGML -erklæring - definerer hvilke tegn og avgrensere som kan vises i applikasjonen;
Dokumenttype definisjon - definerer syntaksen til oppskriftskonstruksjoner. DTD kan inneholde ytterligere definisjoner, for eksempel symbolske mnemoniske lenker;
Semantikkspesifikasjonen, som refererer til markup, gir også syntaksbegrensninger som ikke kan uttrykkes i en DTD;
SGML -dokumentinnhold - må minst være et rotelement.
SGML gir mange alternativer for syntaktisk markup for bruk av forskjellige applikasjoner. Ved å endre SGML-erklæringen kan du til og med eliminere bruken av vinkelparenteser, selv om denne syntaksen regnes som standard, den såkalte konkrete referansesyntaksen.
Eksempel på SGML -syntaks:
vanligvis noe sånt
SGML er standardisert av ISO: "ISO 8879: 1986 Informasjonsbehandling-Tekst- og kontorsystemer-Standard Generalized Markup Language (SGML)"
HTML og XML er avledet fra SGML. HTML er et SGML -program, og XML er et delsett av SGML designet for å forenkle maskinparingen av et dokument. Andre SGML -applikasjoner er SGML Docbook (dokumentasjon) og "Z Format" (typografi og dokumentasjon).
XML- Extensible Markup Language, det vil si Extensible Markup Language, oppsto som et resultat av utviklingen av HTML -språket (HyperText Markup Language). Det ville imidlertid være en grov feil å tenke på det som bare en forbedret versjon av HTML -språket. I hovedsak er XML neste generasjon markeringsspråk. Det er 3 punkter du må huske på som skiller XML fra HTML og forgjengerne fundamentalt (GML - Generalized Markup Language, SGML - Standard General Markup Language):
XML, I motsetning til HTML, HAR IKKE DEFINERTE KODER - nærmere bestemt kan hver utvikler lage EGEN XML -koder - så mange som nødvendig. Antallet slike tagger er praktisk talt ubegrenset. Dermed er XML et metalspråk som lar deg lage andre kodespråk som HTML.
Etter hvert som HTML -språket utviklet seg, økte antallet koder raskt. Etter hvert nådde antallet deres "kritisk verdi" - det ble vanskelig for webdokumentutviklere å huske nye og nye koder, men nettleserutviklere befant seg i en enda verre posisjon - de måtte lage nye versjoner av nettlesere som ville "forstå" nye koder . Smartere nettlesere blir større og større, og stiller stadig større krav til datamaskinene de brukes på. Saken forverres av det faktum at lommeenheter nylig blir stadig mer populære (spesielt de blir stadig mer brukt i netthandel), med begrenset minne og "svake" skjermer, og derfor har nettleserne som brukes på dem bare svært begrensede muligheter. XML, som ikke har et forhåndsdefinert merkesystem, løser dette problemet. "Prisen" for allsidigheten er den større strengheten i utformingen av webdokumenter. Reglene for formatering av XML -dokumenter er enkle:
ikke lukkede tagbeholdere er tillatt (men du kan kombinere åpnings- og lukkemerker i én, for eksempel:
)
"nestede" beholdere kan ikke "overlappe"
små og store bokstaver oppfattes som forskjellige tegn
søkeord kan ikke brukes som tagnavn
mellomrom, skilletegn, parenteser, firkantede parenteser og krøllete parenteser kan ikke brukes i taggenavn
understreking (_) og tall kan vises i kodenavn, men et tall kan ikke være det første tegnet i et kodenavn
(Hvis du trenger å bruke flere ord som et tagnavn, bør de skrives sammen og starte hvert ord med en stor bokstav.)
Dokumenter som oppfyller disse reglene kalles velformede dokumenter.
XML tjener til å BESKRIVE DATastruktur, hovedsakelig HIERARKISKE STRUKTURER.
En av hovedtrendene i utviklingen av webteknologier er SEPARATION OF DATA, DOCUMENT STRUCTURE AND ITS STYLE DESIGN. Som du vet, er en av måtene å isolere data fra dokumentets struktur å dynamisk koble DBMS til webdokumenter gjennom ODBC -grensesnittet (Open DataBase Connectivity). Isolering av stiler oppnås ved bruk av kaskade stilark. XML lar deg beskrive ikke-relasjonelle databaser. Siden tagger kan opprettes av utvikleren, beskriver navnene deres vanligvis betydningen av dataene.
XML, som et middel til å beskrive datastrukturen, gir DATAUTveksling mellom forskjellige applikasjoner, og fungerer dermed som en slags "lim".
Verdien av denne "broende" XML -funksjonen kan ikke vektlegges for mye. Takket være muligheten til å utveksle data mellom ulike applikasjoner, "går" webteknologier til et kvalitativt nytt nivå.
Hypertext Markup Language (HTML) det er et enkelt system for å lage hypertekstdokumenter som er bærbare fra en plattform til en annen. I utgangspunktet er HTML -dokumenter SGML -dokumenter med generell semantikk som er egnet for å representere informasjon i en lang rekke applikasjoner. HTML kan brukes til å representere:
Hypertekstnyheter, post, dokumentasjon og hypermedia
Alternativer -menyen
Database spørringsresultater
Enkle dokumenter med innebygd grafikk
Og også, for hypertekstvisning av eksisterende oppsett av informasjon
World Wide Web (WWW) -prosjektet samler informasjon spredt rundt om i verden. For å gjøre dette bruker WWW Internett HyperText Transfer Protocol (HTTP) - Hypertext Transfer Protocol, som lar deg inngå avtaler om hvordan data presenteres i samspillet mellom en klient og en server.
Dataene overføres i meldingsdelen i samsvar med MIME -standarden. HTML er en av representasjonene av informasjon om WWW. HTML antas å matche en av MIME -typene, nemlig tekst / html. I tillegg er HTML en utvikling som er i samsvar med International Standard ISO 8879 - Standard Generalized Markup Language (SGML), som er et system for å definere strukturerte dokumenttyper.
HTML -dokument
Et HTML -dokument ligner en tekstfil, bortsett fra at noen tegn (strenger) er kontrolltegn. Disse symbolene kalles koder og definerer dokumentets struktur.
HTML -dokumenter må starte med en tag i begynnelsen av filen og avslutt med koden... Mellom disse taggene er HTML -dokumentet organisert som HOVEDET og KROPPEN til dokumentet, omtrent som en e -postmelding. Inne i HEAD -delen er TITLE og annen informasjon om dokumentet som helhet angitt. Inne i BODY -delen, ved hjelp av HTML -tagger, er teksten strukturert i avsnitt, lister, etc. med muligheten til å style individuelle ord og hele setninger og opprette koblinger til deler av dette og eksterne dokumenter. Teknisk sett kan åpnings- og lukkekoder for HTML-, HEAD- og BODY -elementer utelates. Dette anbefales imidlertid ikke, ettersom HEAD / BODY -strukturen lar applikasjoner definere funksjoner i dokumenter (for eksempel overskriften) uten å se på hele dokumentet.
Struktur av HTML -elementer
I et HTML -dokument definerer tagger begynnelsen og slutten på overskrifter, avsnitt, lister, tegnmarkering og lenker. De fleste HTML -elementer i et dokument er definert som en åpningstag, som spesifiserer elementets navn og attributter, etterfulgt av elementets brødtekst, etterfulgt av en avsluttende tag. Avgrensningstegnene for start -taggen er "<" и ">"; for den avsluttende -"" и ">". For eksempel:
Dette er overskriften
Dette er et avsnitt.
Noen elementer vises bare som en start -tag. For eksempel, for å opprette en skillelinje, bruker du taggen
... I tillegg kan stengekodene for noen elementer (P, LI, DT, DD) utelates. Kroppen til et element er en sekvens av tegn og nestede elementer. Noen elementer, for eksempel elementer som definerer lenker, kan ikke nestes i hverandre. Samtidig kan elementer som definerer lenker og karaktermarkering plasseres inne i andre strukturer.
Dokumentvisning
Den spesifikke visningen av dokumentet kan variere fra klient til klient. HTML -tagger definerer bare dokumentets generelle visningsstil. Noe som for eksempel betyr at HTML bare behandler overskriften på første nivå som overskriften på første nivå, men ikke spesifiserer at overskriften på første nivå skal vises i skriftstørrelse 24 i midten av toppen av siden. Fordelen med denne tilnærmingen er at hvis brukeren bestemmer seg for å endre overskriften på første nivå til en Helvetica -skrift i størrelse 20 venstrejustert, er det bare å endre definisjonen av overskriften på første nivå i WWW -visningen. Dermed bestemmes den spesifikke presentasjonen av dokumentet på monitorskjermen av brukeren av en bestemt klient.
Hovedstyrken til HTML ligger i dets evne til å knytte tekstområder (så vel som bilder) til andre dokumenter. Seere markerer disse områdene (vanligvis med farge og / eller understreking) for å indikere at dette er hypertekstkoblinger. Anker er et stykke tekst som markerer begynnelsen og / eller slutten på en hypertekstkobling. Teksten mellom åpnings- og lukkemerkene er utgangspunktet eller målet for hypertekstkoblingen. Attributtene til denne taggen er som følger: HREF
Valgfri. Hvis HREF -attributtet er tilstede, er Anker sensitiv tekst: utgangspunktet for lenken. Hvis leseren velger denne teksten, vil han bli presentert for et annet dokument, hvis nettverksadresse ble angitt i verdien av HREF -attributtet. Nettverksadressens format er det samme som nettadressen. Dette gjør at HREF = "# identifier" -strukturen kan referere til et annet anker i det gjeldende dokumentet, eller i et slettet dokument ved å prefikse adressen "#".
Valgfri. Hvis det finnes, kan ankeret brukes som koblingsdestinasjon. Attributtverdien er ankeridentifikatoren "a. En ren tekststreng kan brukes som identifikatorverdi, bortsett fra at alle slike identifikatorer i et enkelt dokument må være unike.
Valgfri. Lar deg angi forholdet mellom dokumentet som lenken ble opprettet fra og dokumentet som koblingen ble opprettet til.
Hyper Text Markup Language, eller ganske enkelt HTML, er hovedspråket for å lage websider. I denne artikkelen vil vi gi den mest generelle introduksjonen til HTML -språket.
Hyper tekstmarkeringsspråk
HTML -dokumentet er bygget på grunnlag av tagger. Etiketter skaper strukturen i dokumentet. Hovedmerkene er paret. Dette betyr at hvis det er en åpningskode som<…>da må det være en avsluttende tag med skråstrek…>... Det er verdt å merke seg at det også er ikke-parede koder.
Hele HTML -dokumentet er innrammet med to koder … ... Som du kan se, er de sammenkoblet. I tillegg må en enkelt validator -tag finnes i HTML -dokumentet.angir typen av gjeldende dokument.
HTML 4 har tre validatorer, HTML 5 har en validator. HTML 5 -tag -strukturen er som følger:
Eksempler:
- for HTML 4 -dokumenter.
- en for alle HTML5 -dokumenter.
HTML -dokumentstruktur
Et HTML -dokument består av en topptekst og en brødtekst. Tittelen er innrammet med koder
… ... Brødteksten i dokumentet er innrammet av parede koder ….
Eksempel: Hovedrammen til et HTML 5 -dokument bør ha følgende struktur:
Her er et sted for tittelen Her er dokumentteksten
Overskriftsstruktur
Overskrift
… , inneholder flere spesielle tagger. De viktigste er tagger:Tittelbrikke
Dette er tittelen på dokumentet, som vises i toppteksten på siden.
Metakode
Metakode, eller rettere sagt metakoder, fordi det kan være flere slike tagger i ett dokument. inneholder spesiell informasjon. For eksempel må det være en metakode som angir dokumentkodingen:
Metakoder beskrivelse og søkeord er viktige for indeksering av websider:
Vær oppmerksom på at moderne søkemotorer har sluttet å "se" søkeord, men dette avbryter ikke bruken. Intern lenking er ikke avbrutt.
Eksempel på HTML -webside
Her er en rudimentær HTML -webside:
Å lære det grunnleggende i HTML er umulig uten å lære og bruke spesielle tekstredigerere. Fordi du trenger å skrive inn hvilken som helst tekst på en HTML -side bare i et tekstredigeringsprogram, for eksempel: NotePad ++, Sublime Text2, etc. Etter at du har skrevet dokumentet, må du lagre det med htm- eller html -utvidelsen. Åpne den opprettede filen i hvilken som helst nettleser du bruker.
Dokumentlegeme struktur
Teksten i dokumentet (i tagger
) er også delt inn i overskrifter og deler etter etiketter.
Overskrift og avsnittstagger
Teksten i dokumentet kan innrammes med spesielle tagger.
Avsnittet er uthevet med tagger
Overskriftene til tekstdelene er uthevet med tagger
,, , før
Overskriftstagger er organisert på en hierarkisk måte, og tallet i taggen indikerer hekkingsnivået for overskriften.
Eksempel på bruk av tagger
Et øyeblikksbilde av min favoritt webside
h1 Produktkategori
h2 Produktkategori
h3 Produktkategori
h4 Produktkategori
h5 Produktkategori
h6 Produktkategori
Merk attributter
Et av hovedattributtene til tagger er et formateringsattributt som kalles align. Verdien av justeringsattributtet:
- venstre - juster til venstre,
- senter - juster til midten,
- høyre - juster til høyre,
- rettferdiggjøre - symmetrisk justering på to kanter.
Eksempel:
Min favoritt webside
h1 Vare
h2 Vare
h3 Vare
Denne formateringen kalles fysisk og er i utgangspunktet foreldet. For formatering er det bedre og anbefalt å bruke Cascading Style Sheets (CSS).
Lister
Den moderne HTML -standarden gir mulighet for å lage tre hovedtyper lister:
- Uordnede lister;
- Lister er nummerert (ordnet liste);
- En definisjonsliste.
La oss vurdere hver av listene.
Punktlister
Punktlister er definert av tagger (uordnet liste). Etiketter brukes for å lage hvert element i listen.
Eksempel:
- Produkt 1 fra listen over produkter
- Produkt 2 fra produktlisten
- Produkt 3 fra produktlisten
Du kan sette topptekster i listen:
- Produkt 1 fra listen over produkter
- Produkt 2 fra produktlisten
- Produkt 3 fra produktlisten
Listeoverskrift
Markører, det vil si de synlige ikonene foran listeelementer, kan endres, og deres utseende er spesifisert av typeattributtene. Typeattributtene kan være sirkel (åpen sirkel), disk (fylt sirkel) og firkant (fylt firkant). Standard er diskattributtet. Et eksempel på bruk av en markør med diskattributtet:
- Punkt 1 fra listen
- Punkt 2 fra listen
- Punkt 3 fra listen
Nummererte lister
Nummererte eller ordnede lister, hvert element i listen tildeles et nummer. Nummererte merkede lister opprettes. For hvert element i en nummerert liste brukes også parede koder.
Nummererte lister bruker fem attributter:
1-arabiske tall; i- romanske små bokstaver; I- romerske store bokstaver; a-latinske små bokstaver; A-latinske store bokstaver.
Et eksempel på en nummerert liste.
- Element 1 fra listen
- Item2 fra listen
- Punkt 3 fra listen
Liste over produkter nummerert
Et eksempel på en nummerert liste med latinske små bokstaver:
- Element 1 fra listen
- Item2 fra listen
- Punkt 3 fra listen
Definisjonslister
For å opprette lister av begrepet definisjon-begrepstype, bruk taggene
- …
- , og definisjonen (forklaringen) av begrepet er i den sammenkoblede taggen
- .
Eksempel:
- Termin 1
- Forklaring av begrepet 1
- Termin 2
- Forklaring av begrepet 2
Overskrift
Nesting lister
Enhver type liste, punktliste og nummerert, kan hekkes. Nesting er tillatt vilkårlig. Det viktigste når du lager nestede lister, er ikke å bli forvirret i sammenkoblede koder.
Et eksempel på nestede lister:
- Produktdel 1
- Produktdel 1.1
- Produktdel 1.2
- Produkt seksjon 2
- Produktdel 2.1
- Produktdel 2.2
- Produktdel 2.3
- Produkt seksjon 3
- Produktdel 3.1
Nested lister
HTML -tabeller
For strukturering av HTML -dokumenter er tabeller hovedstrukturen. Det er imidlertid verdt å merke seg at bruk av tabeller for å organisere sidestrukturer blir foreldet og utdatert.
Bordstruktur:
// - parede koder i bordbeholderen; //
// beholder for å lage en tabellrad // // tag for å lage en celle i tabellen. Denne koden må være inne i beholderen som skal være inne i taggen // - Border - en 2 px bred kant;
- Cellpadding - avstanden mellom de ytre kantene til bordcellene;
- Celleavstand-avstanden mellom tabellcellens ytre grenser.
- Høyde - bordets høyde;
- Bredde- bredden på bordet.
- Bildetekst for å lage en tabelltekst, kan bare plasseres inne i beholderen
.
Eksempel på tabell:
Enkelt bord 1-1 1-2 1-3 2-1 2-2 2-3 Colspan og rowspan tagger
er for å kombinere celler: Sammenkoble celler i en HTML -tabell Celler 1.1 og 1.2 Celle 1.3 Celle 2.1 Celle 2.2 Celle 2.3 Celler 3.1 - 3.3
Hyperkoblinger
Hovedattributtet til denne taggen er href. Denne taggen inneholder adressen til ressursen som lenken leder til. Lenketeksten er skrevet inne i containerkoden.
Anker
For å referere til et anker, i et annet dokument, skrives navnet på ankeret med en hash (#) umiddelbart etter adressen til tredjepartsdokumentet, uten mellomrom.
Henvisning til Anchor 3 i dokument 009
Figurer som lenker
Tegninger og bilder kan også lages som lenker. For å gjøre dette settes bildet inn i teksten med taggen ... Src -attributtet til denne taggen har verdien til bildefilen:
Det er alt! Selvfølgelig inkluderer det grunnleggende i HTML ikke alle funksjonene i dette språket, men de gir en ide om hvordan du danner et HTML -dokument.
Vi fortsetter artikkelserien om det grunnleggende om nettspråk og utviklingen på dette området. Tidligere dekket vi det grunnleggende i hypertekstspråket HTML, dets funksjoner og metoder for tekstmarkering (tagger).
Vi lærte også at HTML -språket er i nært samspill med programvareutvikling som CSS- og Javascript -stiler, og hvorfor et slikt samarbeid med språk er nødvendig. I dag vil vi i detalj vurdere strukturen for å bygge HTML5 -dokumenter. Blokkstrukturen til dokumentet, dets struktur er temaet for dagens artikkel. Men først må du forstå hva HTML5 er.
Programmeringsspråket HTML5 (fra engelsk HyperText Markup Language) er den femte versjonen av språket. Som alle tidligere versjoner er den designet for å bygge strukturen av dokumenter og presentere dem på nettverket. HTML5 -versjonen er under utvikling. Målet for opprettelsen av den femte versjonen av HTML er å forbedre språket innen arbeidet med multimediedokumenter (lyd- og videoprogrammer).
Legger til noen syntaktiske innovasjoner som f.eks
Hva er DOCTYPE?
Ethvert HTML -dokument starter alltid med dette ordet. Alle tidligere versjoner av HTML publiserte denne kunngjøringen omtrent som følger:
der PUBLIC angir lesbarheten til et dokument, og DTD angir dokumenttypedefinisjonen. DOCTYPE definisjon i HTML5 er mye forenklet -< !DOCTYPE HTML>... Det er alt - markeringen er klar.
Så hva er DOCTYPE -erklæringen ansvarlig for? Denne taggen er ment å informere nettlesere om hvilken språkstandard som skal brukes - gjengivelsen av siden som helhet, dens gjengivelse, vil avhenge av definisjonen av HTML -versjonen. HTML -utviklingsstandarder er strengt regulert og følger visse regler, så det er merkbart forenklet å jobbe med andres koder, lese dem og vise dem i en nettleser.
I utgangspunktet byttet DOCTYPE -erklæringen nettleseren til standardmodus, og dette tillot nyere standarder. For de dokumentene som ble skrevet med den gamle standarden, er det mulig å bruke kompatibilitetsmodus, som lar deg oppnå normal nettleserdrift. Den nye DOCTYPE -erklæringen støttes nå av nesten alle eksisterende nettlesere, samtidig som de bytter dem til standardmodus. Det vil si at hvert nyopprettet dokument må inneholde DOCTYPE -attributtet og overholde de utviklede standardene. Samtidig kontrolleres hele dokumentets kode for samsvar med standardene.
Vanligvis kan du dele en hel side skrevet i HTML i flere underseksjoner. Roten til hovedkoden for hele siden er taggen ... Det vil si mellom taggene og nesten alt kan plasseres. HTML -siden er skjematisk representert som følger:
For eksempel:
< !DOCTYPE HTML>< !-Любой текст, изображения, таблицы и т.д. -->
I vårt tilfelle taggen inneholder et attributt som bestemmer språket i dokumentet - russisk. For å gjøre det lettere å arbeide med dokumentet, må du angi språk for dokumentet. Alt sideinnhold ligger nøyaktig mellom taggene …. bortsett fra DOCTYPE -erklæringen.
stikkord
den såkalte lederen av dokumentet. Alle nødvendige data om siden (både for at nettleseren skal fungere og informative data for utvikleren) er plassert mellom og... Tittelen på siden, koden - for eksempel UTF -8, metadata som søkeord, sidebeskrivelse, forfatternavn, etc. - alle slike data er plassert nøyaktig mellom taggene og... Her kan du også koble til eksterne filer, skript og biblioteker.Hva er metakoder?
Som nevnt ovenfor inneholder de all informasjon om siden. De viktigste metakodene er beskrevet nedenfor:
1. Sidekodingstype - Tegn. I de fleste tilfeller brukes UTF8, men andre kodinger kan brukes, for eksempel windows-1251, KOI-8, ISO, etc. Et attributt som Charset avgjør hvilken koding som skal brukes for å lese siden. I HTML5 ser dette attributtet slik ut:
Som du kan se, forenkler den nye versjonen av språket sideadministrasjonen sterkt, gjør det enklere og raskere å lese.
Meta Description -tag, det vil si sammendraget av siden. For eksempel:
Bruk av denne taggen er valgfri, men ønskelig for å beskytte innholdet på siden mot å bli kopiert.
Metakoden som angir tittelen på siden eller innlegget på siden - tittel. Taggen ser slik ut:
Definisjon av HTML og språkets struktur. | vashsite.com Tittelen vises i tittelen på åpningsvinduet eller øverst på siden.
Link- og skriptmetakodene brukes til å koble stilfiler, eksterne filer og biblioteker til utførelse. For eksempel CSS- og JavaScript -stilark og jQuery -biblioteket. Tilkoblingsstrengene til disse filene ser slik ut:
1 Det vil si, for å forstå essensen av disse linjene, kan du forestille deg følgende situasjon - CSS- og JavaScript -filer er på serveren, men uten disse linjene i dokumentet vil de ganske enkelt ikke fungere. En liten nyanse for bruk av disse taggene - filer kan både være på en lokal server og på en ekstern server. I sistnevnte tilfelle må hele banen til filene spesifiseres i metakodene. I vårt eksempel brukes metakoden for lenker for å inkludere en CSS -fil og bruker lenkerelasjoner. Denne signaturen lar nettleseren vite at filen er et stilark. Rel -taggen har også mange andre betydninger.
Et alternativ til det første alternativet for tilkobling av en stilfil kan være følgende linje:
1 2 3 4 Denne metoden kobler stilen direkte til siden, uten å inkludere et stilark.
Den mest betydningsfulle koden i et HTML -dokument er koden
... Den har også en avsluttende avslutning
... Alle dataene som er inneholdt i denne taggen, bestemmer innholdet på siden - innholdet, bildene på siden, all koblingsmassen i teksten, etc. Dermed all informasjon som er plassert før taggen , kan pakkes inn i et slags uforanderlig mønster. Innholdet i kroppen -
kan redigeres, erstattes, forbedres.Etter å ha gjennomgått alle komponentene i den femte versjonen av HTML -dokumentet, kan du prøve å samle alle de enkelte delene i en helhet, som vil være et komplett HTML -dokument, det vil si en side på et nettsted. Slik vil den ferdige siden se ut:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 < !DOCTYPE HTML> Designhytte
< !DOCTYPE HTML>
Designhytte
Hypertekstmarkering brukes til å indikere i hvilken del av skjermen og hvordan teksten skal vises og hvordan tekstene som utgjør hypertekstdatabasen er relatert til hverandre. For disse formålene blir spesielle kontrolltegn introdusert i teksten. Rømt tekst lagres i en ren tekstfil i ASCII -koder og kan behandles av nesten hvilken som helst tekstredigerer.
Hypertekstmarkeringsspråket HTML ble foreslått av Tim Berners-Lee i 1989. På tidspunktet for opprettelsen av HTML, var det en standard for kodespråket for trykte dokumenter - SGML (Standard Generalized Markup Language), som ble lagt til grunn for HTML. Det ble antatt at en slik løsning ville hjelpe til med å bruke eksisterende programvare for å tolke det nye språket.
Som et element i hypertekstdatabasen for HTML ble en ren tekstfil valgt, som lagres ved hjelp av filsystemet i operativmiljøet.
Dermed er en hypertekstdatabase i WWW -konseptet et sett med tekstfiler skrevet på HTML -språket som definerer:
Informasjonsform (presentasjon);
Strukturen av koblinger mellom filer (hypertekstkoblinger). Denne tilnærmingen forutsetter tilstedeværelse av en komponent til
teknologi - språktolk. I WWW er tolkefunksjonene delt mellom hypertekstdatabaseserveren og brukergrensesnittet. Serveren, i tillegg til å få tilgang til dokumenter og behandle hypertekstkoblinger, utfører også forbehandling av dokumenter, mens brukergrensesnittet tolker språkkonstruksjoner knyttet til presentasjon av informasjon.
I 1990. det var en nullversjon av HTML 0.
Den første versjonen (HTML 1.0) var rettet mot å representere språket som sådan, der beskrivelsen av dets evner var ganske rådgivende.
Prognoser er ryggraden i ethvert handelssystem, så godt utformede prognoser kan gjøre deg rik.
Den andre versjonen (HTML 2.0) løste praksisen med å bruke språkkonstruksjoner og ble standarden for å bygge WWW.
++ - versjonen av HTML ++ introduserte nye muligheter for å presentere vitenskapelig informasjon og tabeller, og forbedre utformingen av tekst og bilder.
Den tredje versjonen (HTML 3.0) effektiviserte alle innovasjonene og formaliserte brukergrensesnittet til det hypertekstdistribuerte systemet.
I 1996. en ny versjon av språket ble utgitt: HTML 3.2, som inkluderer verktøy for å lage tabeller, Java -språkkonstruksjoner, bildekart (plassert på klientmaskinen) og nye typer tekstformatering.
HTML er et tekstbasert språk der formateringsinstruksjoner, kalt tagger, er innebygd i teksten i et dokument.
Prosessen med å lage et HTML -dokument består i å inkludere koder i uformatert tekst som bærer informasjonsbelastning.
HTML-koder er sekvenser av tegn som begynner med et mindre enn tegn (<) и заканчивающиеся знаком “больше” (>).
De fleste formateringsfunksjonene i HTML angir logiske snarere enn fysiske stiler. For eksempel angir ikke overskriftstagger, som vanligvis indikerer større bokstavstørrelser, hvilken størrelse som skal brukes. Nettleseren (som fungerer som et klientprogram) velger en større tekststørrelse for overskrifter. Denne tilnærmingen lar deg bli kvitt plattformen - et dokument opprettet på en Macintosh kan brukes av UNIX eller Windows. Ulempen er at dokumentet ser annerledes ut på forskjellige plattformer.
WWW -nettlesere fungerer i henhold til følgende regler når du analyserer HTML -setninger:
Mellomrom og andre "usynlige" tegn ignoreres;
Alle tagger kan deles inn i grupper: basiskoder, formateringskoder, strukturkoder, pekere, etc.;
Formateringskoder kan skrives med små og / eller store bokstaver;
De fleste formateringskoder er skrevet i par. En åpningskode aktiverer denne effekten, og en avsluttende tag slår den av. Noen ganger kalles et par koder som en beholder fordi effekten de slår på og av vises på teksten i dem. For eksempel, for å indikere at en streng skal skrives ut med fet skrift, skriver man:< B >Denne linjen skrives ut med fet tekst B >
Tekst inne i en sluttkode går alltid foran et skråstrektegn. Blant de grunnleggende HTML -taggene er unntakene fra denne regelen:< BASE >(grunnleggende informasjon),< BR >(slutten av linjen),< HR >(horisontal linjal), og< IMG >(bilde). Disse kodene finnes i en enkelt kopi.
Hvert HTML -dokument har kantmerker:< HTML >og HTML >... Dette paret av tagger omfatter alle andre koder på websiden og alt informasjonsinnhold i dokumentet. Faktisk erklærer de at alt innholdet i beholderen er HTML -kode. stikkord< HTML >må være på den første linjen i filen og taggen HTML >- i det sistnevnte.
Hvert HTML -dokument inneholder tittelen på dokumentet og brødteksten.
Dokumenttittelen identifiserer dokumentet. Det skal gå rett etter koden< HTML >og begynn med< HEAD >... Tittelen avsluttes med en tag HEAD >.
Tittelen på dokumentet må inneholde tittelen på dokumentet og dets grunnleggende URL.
Navnet på dokumentet ligger mellom taggene< TITLE >og TITLE >... Den brukes av nettleseren og webserveren. Navnet må ikke overskride 40 tegn. Tittelen på dokumentet skal være informativ, gjenspeile dokumentets innhold slik at det kan identifiseres. Navnet vises i tittellinjen i Internet Explorer, i historikklister og i Favoritter.
Grunnadressen må være fullt kvalifisert (absolutt) og inneholde protokollen, internettadressen og filnavnet. Det er angitt i taggen< BASE HREF = “базовый_URL”>... Alle andre nettadresser i dokumentet kan være i forhold til den grunnleggende. For eksempel, hvis grunnadressen er: http://www.microsoft.com/products/office/word/datasheets.html og du må spesifisere nettadressen til funksjonene. html som ligger i katalogen / products / office / excel på samme server, kan du angi: ../ excel / features. html i stedet for å skrive inn fullstendig URL.
Symboler. ./ angir at du vil gå ett katalognivå opp fra baseadressen.
Å ha en base -adresse gjør det lettere å overføre et dokument til en annen server, for hvis alle andre URL -er i dokumentet er relative, må bare servernavnet i basis -URL -en endres under overføringen.
Dokumenttekst inneholder all teksten som inneholder informasjon og alle HTML -tagger som brukes til å formatere teksten. Brødteksten begynner umiddelbart etter overskriften og er avgrenset av tagger< BODY >og BODY >.
Eksempel på HTML -dokument:
< TITLE >Dokumentets navn TITLE >
< BASE HREF = “базовый_URL” >
Etiketter som brukes i brødteksten i dokumentet lar deg spesifisere følgende elementer i tekstmarkeringen:
Begynnelsen på avsnittet og slutten av linjen
Overskriftsstiler
Fysiske stiler -Logiske stiler
Spesielle symboler.
Hypertekstkoblinger består av to deler: en peker og en URL. En peker er tekst som brukeren må klikke på for å flytte et sted. URL -adressen angir adressen nettleseren vil laste ned dokumentet fra når brukeren klikker på pekeren.
Tekstpekere i grafiske nettlesere er vanligvis understreket og uthevet i farger. I rene tekstlesere er de fet skrift.
Enhver tekst kan brukes som en indeks, uavhengig av størrelsen og formateringsfunksjonene. En indeks kan bestå av flere bokstaver, ord eller til og med tekstlinjer.
Pekerformat:
< A HREF = “ URL ”>indekstekst A > ,
hvor er bokstaven A i koden< A HREF >står for anker og HREF står for Hypertext REFerence. Alt mellom tagger< A HREF = “ URL ”>og A >er indeksteksten som vises med understreket eller fet skrift.
Andre formateringskoder kan brukes i forbindelse med hypertekstpekere. For eksempel:
< A HREF = “ URL ”> < I > I > A >eller
< I > < A HREF = “ URL ”>Gå til en mer detaljert presentasjon A > I >
3. Hypertekstspråk HTML
Hypertekst må starte med et ord og slutte med et ord. Ord i vinkelparenteser kalles koder i HTML, og deskriptorer i programmering. Nesten alle HTML -koder er sammenkoblet - og så videre.
Parede koder markerer et bestemt fragment av hypertekst - "tittel", "brødtekst", etc. Den første koden starter fragmentet, og den andre - avslutter den. I avsluttende beskrivelser plasseres en brøktegn / foran navnet.
Generell struktur for hypertekst skrevet på HTML -språk:
hypertekst :: = titteltekst
tittel :: = tittel
tittel :: = tittel
brødtekst :: = tekst
I samsvar med HTML -reglene må hypertekst ha en "tittel" og "brødtekst". Som en publikasjon kan og bør hypertekst inneholde informasjon om forfatterne og opphavsrettseiere (nettsteder).
Tittelen på hyperteksten må inneholde "tittelen", som vises av nettlesere på den øverste linjen på dataskjermen. Tittelen skal uttrykke hovedideen med publikasjonen (side). Hypertekst uten tittel er som en artikkel uten tittel.
Hypertekstens "kropp" bør inneholde tekster, tabeller, fotografier og illustrasjoner. Forskjellen mellom elektronisk hypertekst og vanlig papirtekst er inkludering av hyperkoblinger, som klikker på som forårsaker lasting av ny hypertekst.
Et eksempel på en hypertekst og resultatet av at den ble vist av en nettleser på en dataskjerm:
Hypertekst: Resultat:
Resultatet av nettleseren lastes og vises på dataskjermen til hyperteksten som er lagret på nettstedet på adressen som er angitt i nettleservinduet. Hvis hyperteksten er for stor, viser nettleseren hypertekstknapper til høyre eller nederst på skjermen.
Størrelsene på dataskjermer har følgende spekter. Minste skjermstørrelse er 640 x 480 piksler. Videre er standard skjermstørrelser 800 x 600, 1024 x 768 og 1280 x 1024 piksler. Derfor kan hypertekst se annerledes ut på forskjellige skjermer.
Hypertekstens generelle struktur og visning av dem på en dataskjerm:
Hypertekst: Resultat:
Tekstdelen kan bestå av linjer og avsnitt med overskrifter og uten overskrifter, med lister, tabeller og menyer.
brødtekst :: - tekst
tekst :: = tittel (tekst) |
liste (tekst) |
tabell (tekst) |
Overskrifter i hypertekst er formatert som følger:
topptekst :: =
tittel
topptekst :: =
tittel
topptekst :: =
tittel
hvor tagger H2, ..., h6 angir størrelsen på overskrifter i forhold til brødteksten.
Avsnitt i hypertekst begynner med en deskriptor
hypertekst |
|Linjeskift og avsnitt er angitt med håndtaket ... Avsnittsslutt p> er valgfritt, men er nødvendig når du bruker parametere i avsnittsbeskrivelsen.
Hovedparameteren i avsnitt - justering - justering av tekster på dataskjermen. Justering av tekster utføres av nettlesere automatisk i samsvar med størrelsen på dataskjermen:
align = center-center of the screen:
juster = venstre- til venstre;
justere = høyre - til høyre;
align = justify - full screen.
For å justere avsnitt må en enkelt generell stil velges, som må brukes på alle i all hypertekst på nettstedet.
For styling av hypertekst har HTML et rikt utvalg av fonter, stiler og ressurser. Det enkleste designverktøyet er å markere ord for å tiltrekke seg nettlesernes oppmerksomhet til individuelle deler av teksten.
For å markere ord i hypertekst, kan du bruke fet skrift eller understreking med følgende tagger:
Store tegn
Fet skrift
kursiv i>
understreket
gjennomstreket
små tegn
Valg av skrift i hypertekst er spesifisert av taggen : fonter :: = tekstfont>
Fontparametere - deres størrelse og type. Skriftstørrelser angis av parameteren størrelse = størrelse.
Størrelsen er eksplisitt angitt fra 1 til 6, enten i form av å øke +1, +2 eller redusere - 1, - 2.
Skrifttypen angis av parameteren
ansikt = font
Her er skrifttypen en av standardskriftene: Times, Courier, etc.
Skriftfargen er spesifisert av parameteren color = color, der farge er fargen på det valgte hypertekstfragmentet. For eksempel - utheve tekst i rødt:
tekstskrifttype>
Standardnavn på farger på НТМL -språket:
rød - rød, grønn - grønn, blå - blå, svart -svart,
hvit - hvit, gull - gull, gul -gul, etc.
For utforming av hypertekst er det best å ta en god bok eller et blad som er utgitt av et profesjonelt forlag, eller en profesjonell e-bok, avis eller nettside på Internett.
En ensartet designstil er en viktig egenskap for enhver publikasjon i bøker, blader og nettsteder. I fremtiden er det best å følge den aksepterte standarden og designstilen for hele perioden med opprettelse og vedlikehold av nettstedet.
Fragmenter av hypertekst kan plasseres på samme nettsted eller på flere nettsteder eller til og med på flere servere. Eksterne hyperkoblinger angir navnene på de tilsvarende filene på nettstedet, serveren eller på Internett:
Generell form for eksterne hyperkoblinger:
hvor "adresse" er adressen til hyperteksten på nettstedet eller på en annen server på Internett.
Eksempler på eksterne hyperkoblinger:
a) nettstedets adresse på Internett:
http: // bak2.nagod.gu
b) sideadresse på nettstedet:
http: // bak2.nagod.gu / inrogl.html.
c) adressen til siden i nettstedets mappe;
http: // bak2.nagod.gu / tests / test2.html.
tester 2 a>
Ved hjelp av apparatet for hyperkoblinger på nettstedene organiseres plasseringen av alle tegninger, fotografier og andre grafiske illustrasjoner. For dette er alle filer med grafiske illustrasjoner forhåndsinnspilt på nettstedet.
Grafiske filer er vanligvis plassert på nettsteder og i en egen mappe med navnet image. Lasting av illustrasjoner på skjermene til brukerdatamaskiner utføres av nettlesere ved hjelp av operatører :
Den generelle operatørformen for lasting av grafiske illustrasjoner:
Arrangementet av illustrasjoner på dataskjermen er angitt av justeringsparametrene: align = left- langs venstre kant, align = right - langs høyre kant av skjermen. I dette tilfellet flyter teksten rundt henholdsvis illustrasjonen til høyre eller blind.
Illustrasjoner kan trykkes til den øvre eller nedre kanten av skjermen, som er angitt av parametrene: align = top - to the top edge, align = bottom - to the bottom edge of the screen, or align in the middle of the screen - juster = midt.
For å plassere illustrasjonene på dataskjermen kan bredden og høyden angis i lasteoperatøren:
høyde: = høyde = "høyde"
bredde: = bredde = "lengde"
Størrelsene på illustrasjonene angis av antall punkter på skjermen (i piksler) eller som en prosentandel av høyden eller bredden på dataskjermen. I sistnevnte tilfelle vil illustrasjoner ha forskjellige størrelser på forskjellige skjermer. Etter å ha beregnet plasseringen av illustrasjoner for skjermer med minimumsstørrelser, kan du være sikker på plasseringen på skjermene av en hvilken som helst annen størrelse.
Størrelsene på illustrasjonene velges vanligvis slik at de er synlige i sin helhet, selv på dataskjermer med en minimumsstørrelse. Hvis datakranen er større, vil illustrasjonene bare oppta en del av den.
Hypertekstlister er lister med nummerering eller utheving av listeelementer. Alle elementer starter med koder
- ... Nummererte lister starter med koden
- og avslutt med taggen
Hypertekstlister er et praktisk verktøy for å organisere innholdsfortegnelser på komplekse nettsteder og stor hypertekst. Elementene i slike lister er adressene til de tilsvarende delene av nettstedene (kapitler, avsnitt i deler av e-bøker og biblioteker).
Konklusjon
HTML er et hypertekstmarkeringsspråk.
Alle plasserte filer må være hypertekst, skrevet i HTML -format og med identifikatorer som .html.
HTML er et hypertekstmarkeringsspråk som lagres på webservere og vises av nettlesere på dataskjermer. HTML -språket definerer reglene for å beskrive hypertekst og vise dem på dataskjermer av nettlesere.
Utviklingen av hypertekstmarkeringsspråket ble betydelig påvirket av to faktorer: forskning på grensesnittene til hypertekstsystemer og ønsket om å gi en enkel og rask måte å lage en hypertekstdatabase distribuert over et nettverk.
Grunnleggende regler for hekkeelementer:
Elementer må ikke overlappe hverandre;
Blokkelementer kan inneholde nestede blokk- og tekstelementer;
Tekstelementer kan inneholde nestede tekstelementer;
Tekstelementer kan ikke inneholde nestede blokkelementer.
Strengt tatt alle reglene for HTML -språket. kan bare sees på som "ønsker". Verktøyet som brukes til å gjengi webdokumentet vil gjøre sitt beste for å tolke markeringen på den mest fornuftige måten. Imidlertid garanterer bare streng overholdelse av kravene i språkspesifikasjonen korrekt gjengivelse av dokumentet.
Bibliografi
"Economic Informatics" / Under. red. P.V. Konyukhovsky og D.N. Kolesova, St. Petersburg: Peter, 2000, 560 -årene.
Kaimin VA, "Informatikk", lærebok. 4. utg. M.:, 2003-285s.
"Informatikk", grunnkurs, 2. utgave / Under. red. S.V. Simonovich, St. Petersburg: 2003, 640 -årene.
- ... Nummererte lister starter med koden