), men jeg skal introdusere deg for dem litt senere.
La oss nå snakke om å lukke tagger. Selve navnet «lukkingsbrikke» betyr at lappen krever obligatorisk lukking. Dette gjøres for å tydelig begrense den delen av teksten som taggen virker på.
For et illustrerende eksempel, ta en titt på taggen som brukes til å markere tekst, setter den skriften til fet skrift. Tagger og er grensene som definerer tekstens utvalgsområde. Her er koden der den siste linjen glemte å lukke taggen :
Min første side Hei alle sammen! Og dette er min første side. Hei alle sammen! Og dette er min første side.
Det neste jeg må snakke om er hvordan jeg setter opp en lenke. Tross alt er et nettsted et sett med koblede sider. Linken settes ved hjelp av en "lukkende"-tag
som har 12 attributter:
tilgangsnøkkel - aktiverer en kobling ved hjelp av en hurtigtast. tegnsett - indikerer kodingen av teksten som lenken fører til. (avviklet i HTML5) koordinerer - setter koordinatene til det aktive området. (avviklet i HTML5) href - angir adressen til dokumentet som skal gå til. hreflang - identifiserer språket i teksten ved referanse. Navn - setter navnet på ankeret i dokumentet (id skal brukes i HTML5). (avviklet i HTML5) rel - forholdet mellom de refererte og gjeldende dokumentene. rev - forholdet mellom gjeldende og refererte dokumenter. (avviklet i HTML5) form - setter formen på det aktive koblingsområdet for bilder. (avviklet i HTML5) tabindex - bestemmer overgangen mellom lenker når du klikker på knappen . mål - hvilken type vindu nettleseren laster dokumentet i. Kan ta verdier
_blank - laster siden i et nytt nettleservindu. _selv - laster siden i gjeldende vindu (standard). _foreldre - laster siden i den overordnede rammen, hvis det ikke er noen rammer, fungerer denne parameteren som _selv. _topp - kansellerer alle rammer og laster inn siden i et fullstendig nettleservindu, hvis det ikke er noen rammer, fungerer denne parameteren som _selv.
tittel - legger til et verktøytips i lenketeksten.
Tenk på koden for en side med en enkel tekstlenke:
Min første side Hei alle sammen! Og dette er min første side med lenker. Link til eksempel med hr tag.
Som du kan se, er det ikke noe komplisert, nå kan du lage flere koblede sider.
Etiketter for utheving av tekst
Det er flere måter å fremheve tekst på en side. Du kan gjøre dette ved å bruke stiler, eller du kan bruke tagger. Vi er (foreløpig) interessert i det andre alternativet.
Setter skrifttypen til fet skrift.
- setter skriften til kursiv.
- legger til understreking i tekst.
- designet for å fremheve teksten. Nettlesere gjengir slik tekst i kursiv.
- krysser over teksten. Denne taggen er fjernet fra HTML5, det anbefales å bruke den i stedet
- viser tekst i monospaced tekst. Ekskludert fra HTML5.
- viser skriften som hevet skrift. Skriften vises over grunnlinjen til teksten og reduseres i størrelse.
- viser skriften som et abonnent. Samtidig er teksten plassert under grunnlinjen til resten av linjetegnene og den reduserte størrelsen.
- designet for å fremheve teksten. Nettlesere gjengir slik tekst i fet skrift.
- Reduserer skriftstørrelsen med én sammenlignet med vanlig tekst. I HTML måles skriftstørrelsen i konvensjonelle enheter fra 1 til 7, den gjennomsnittlige tekststørrelsen som brukes som standard er 3. Tag reduserer teksten med én konvensjonell enhet. Nestede tagger er tillatt , i dette tilfellet vil skriftstørrelsen være 1 mindre for hvert nestede nivå, men den kan ikke være mindre enn 1.
- øker skriftstørrelsen med én sammenlignet med vanlig tekst. I HTML måles skriftstørrelsen i vilkårlige enheter fra 1 til 7, den gjennomsnittlige tekststørrelsen som brukes som standard er 3. Dermed legger du til en kode øker teksten med én konvensjonell enhet. Nestede tagger er tillatt , vil skriftstørrelsen være større for hvert nivå.
- brukes til å fremheve sitater i teksten. Innholdet i beholderen vises automatisk i anførselstegn i nettleseren.
Designet for å fremheve lange sitater i et dokument. Tekst utpekt med denne taggen vises tradisjonelt som en justert boks med venstre og høyre polstring (omtrent 40 piksler) og polstring øverst og nederst.
- definerer en blokk med forhåndsformatert tekst. Slik tekst vises vanligvis i en font med monospace og med alle mellomrom mellom ordene. Som standard vises et hvilket som helst antall mellomrom på rad i koden som én på nettsiden. stikkord
Lar deg omgå denne funksjonen og vise teksten som kreves av utvikleren.
- definerer et tekstavsnitt. stikkord Det er et blokkelement, starter alltid på en ny linje, tekstavsnitt som følger hverandre er atskilt med en utfylling. Mengden polstring kan kontrolleres ved hjelp av stiler. Hvis det ikke er noen sluttkode, anses slutten av avsnittet som begynnelsen på neste blokkelement.
.. ..
- HTML tilbyr seks overskrifter på ulike nivåer som viser den relative betydningen av delen etter overskriften. Altså taggen
representerer den viktigste overskriften på første nivå, og taggen tjener til å betegne en overskrift på sjette nivå og er minst signifikant. Som standard vises overskriften på første nivå med største fet skrift, overskriftene på neste nivå er mindre i størrelse. Tagger ,…,er blokkelementer, starter de alltid på en ny linje, og etter dem vises andre elementer på neste linje. I tillegg legges det til et mellomrom før og etter tittelen. Taggen har et attributt tilpasse , som bestemmer justeringen av tittelen, kan være venstre - justering av tittelen til venstre, senter - senterjustering, Ikke sant - høyrejustering, rettferdiggjøre - begrunnet justering (både høyre og venstre). Denne verdien fungerer bare for en overskrift som er mer enn én linje lang.
- er en beholder for å endre skriftegenskaper som størrelse, farge og skrifttype. Selv om denne taggen fortsatt støttes av alle nettlesere, er den utdatert og anbefales å droppe til fordel for stiler. Taggen har 3 attributter: farge - setter fargen på teksten, ansikt - definerer skrifttypen, størrelse - setter skriftstørrelsen i konvensjonelle enheter.
- markerer teksten som et sitat eller fotnote til et annet materiale. Dette valget er nyttig for å endre tekststilen gjennom CSS, og er også nyttig for å skille HTML-kode i strukturelle elementer. Nettlesere setter vanligvis tekst inne i en beholder i kursiv.
- indikerer at tegnsekvensen er en forkortelse. Bruk av attributtet tittel dekodingen av forkortelsen er gitt, noe som gjør det mulig å forstå forkortelsen for de som ikke er kjent med den. I tillegg indekserer søkemotorer fulltekstversjonen av forkortelsen, som kan brukes til å forbedre rangeringen av dokumentet.
Som standard er teksten vedlagt i beholderen > understreket med en stiplet linje.
Nedenfor er koden der jeg brukte alle disse taggene:
Min første side Html og CSS er to av kjerneteknologiene for å bygge nettsider. HTML gir strukturen til siden, CSS den (visuelle og auditive) layouten, for en rekke enheter. Sammen med grafikk og skripting er HTML og CSS grunnlaget for å bygge nettsider og nettapplikasjoner. Lær mer nedenfor om:
Hva er HTML? HTML er språket for å beskrive strukturen til nettsider. HTML gir forfattere midler til å: Publiser elektroniske dokumenter med overskrifter, tekst, tabeller, lister, bilder, etc. Hent informasjon på nettet via hypertekstlenker, ved å klikke på en knapp. Designe skjemaer for å gjennomføre transaksjoner med eksterne tjenester, til bruk for å søke etter informasjon, gjøre reservasjoner, bestille produkter m.m. Inkluder regneark, videoklipp, lydklipp og andre applikasjoner direkte i dokumentene sine. Med HTML beskriver forfattere strukturen til sider ved hjelp av oppmerking. Elementene i språket merker innholdsbiter som f.eks «Avsnitt», «liste», «tabell» og så videre . Hva er XHTML? XHTML er en variant av HTML som bruker syntaksen til XML, Extensible Markup Language. XHTML har alle de samme elementene (for avsnitt osv.) som HTML-varianten, men syntaksen er litt annerledes. Fordi XHTML er en XML-applikasjon, kan du bruke annen XML verktøy med det (som XSLT, et språk for å transformere XML-innhold).
Hva er CSS? CSS er språket for å beskrive presentasjonen av websider, inkludert farger, layout og fonter. Det gjør det mulig å tilpasse presentasjonen til forskjellige typer enheter, for eksempel store skjermer, små skjermer eller skrivere. CSS er uavhengig av HTML og kan brukes med alle XML-baserte markeringer Språk Språk. Separasjonen av HTML fra CSS gjør det enklere å vedlikeholde nettsteder, dele stilark på tvers av sider og skreddersy sider til forskjellige miljøer. Dette omtales som separasjon av struktur (eller: innhold) fra presentasjon.
Hva er WebFonts? Webfonter er en teknologi som gjør det mulig for folk å bruke fonter på forespørsel over nettet uten å kreve installasjon i operativsystemet. W3C har erfaring med nedlastbare fonter gjennom HTML, CSS2 og SVG ... Inntil nylig har nedlastbare fonter ikke vært vanlig på nettet på grunn av mangelen på et interoperabelt skriftformat. WebFonts-innsatsen planlegger å løse dette ved å lage et industristøttet, åpent skriftformat for nettet (kalt "WOFF") .
Og her er det visuelle resultatet.
Foredraget har nådd slutten, jeg håper den tilegnete kunnskapen vil være nyttig for deg! I neste foredrag vil jeg fortelle om hva taggen lagrer i seg selv.
, vil vi lære å utføre alle slags manipulasjoner med bilder, og bli kjent med tabeller.
Hei kjære lesere. Som jeg lovet i forrige foredrag, skal jeg i dag snakke om taggen
, om alle slags manipulasjoner med bilder og om arbeid med tabeller.
Som alle andre programmeringsspråk, innebærer HTML en viss standardisert struktur for å bygge et program, i dette tilfellet et html-dokument. Denne strukturen beskriver sekvensen til en serie obligatoriske blokker som inneholder den faktiske programkoden.
HTML-direktiver kalles "tags" (fra engelsk tag - mark). HTML-tagger er omsluttet av vinkelparenteser, deres syntaks ser generelt ut som <тег>
... Alle gjenstander, ikke omsluttet av vinkelparenteser , oppfatter tolken som tekstelementer ved å vise dem "som de er" på dataskjermen.
Strukturen til et HTML-dokument ser slik ut (Figur 13).
Ris. 13. HTML-dokumentstruktur
HTML har en annen viktig funksjon som skiller den fra andre programmeringsspråk: nesten alle tagger av det gitte språket, med unntak av noen ellers spesifiserte tilfeller, paret. Et slikt par består av en "åpnings"- og "lukkende"-tag, som bare skiller seg fra hverandre ved tilstedeværelse av et "/"-tegn i den siste. Alt mellom åpnings- og avslutningstaggen behandles av tolken i henhold til algoritmen som er tilordnet denne bestemt merkelapp. Generelt ser en HTML-programlinje med åpnings- og lukkekoder slik ut:
<тег>bearbeidet verdiтег>
Denne HTML-egenskapen lar deg bruke prinsippet om å legge én tag i en annen, når den behandlede verdien av én kommando kan være en annen kommando. Her er et enkelt eksempel på å legge to tagger inni hverandre:
<тег1> <тег2>bearbeidet verdiтег2>тег1>
Når du arbeider med HTML-kode, må du huske én enkel regel: Hvis en åpningskode finnes et sted i programteksten, må det også være en avsluttende kode. Unnlatelse av å overholde denne regelen vil føre til en feil ved behandling av et slikt dokument av nettlesertolken.
Den grunnleggende, globale konstruksjonen av den interne koden til en webside er et HTML-dokument. For å definere denne konstruksjonen er det en spesiell kommando laget for å "forklare" til nettleseren at den har å gjøre med et HTML-dokument, og ikke med en tekst eller for eksempel en grafisk fil. En slik kommando kalles "Tag på øverste nivå" og er skrevet som:
<НТМL>InnholdНТМL>
Toppnivåtaggen er sammenkoblet, og innholdet er nøyaktig hele HTML-koden som utgjør dokumentet. Åpningskoden skrives som den aller første linjen i html-dokumentet, og den avsluttende taggen skrives som den aller siste.
Det neste elementet er "Dokument tittel" ... Overskriften på en webside inneholder omfattende informasjon om selve dokumentet, og noen ganger også spesielle oversetterdirektiver som forteller nettleserens innebygde HTML-tolkeregler for å behandle koden som utgjør siden. Tittelinnhold vises ikke i nettleseren og påvirker ikke utseendet til dokumentet. Dette er serviceinformasjon som er nødvendig for korrekt drift av nettleseren. Syntaksen for header-taggen ser slik ut i generelle termer:
Innhold
Kapittel HODE følger i html-dokumentet rett etter taggen
og er den andre nødvendige kommandoen som skal inkluderes i koden til nettsiden.
"Ekstern overskrift" er en nestet tag-kommando
... Den eksterne header-mnemonikken er skrevet som følger:
<ТITLE>Ekstern overskrift
Ekstern overskrift vises i det øverste feltet i nettleseren som navnet på siden når den åpnes ... Tag-verdi
erstattes som standard i den tilsvarende dialogboksen når brukeren legger til dokumentet i mappen "favoritter".
Den siste strukturelle komponenten i nettsidekoden er "Dokumenttekst" ... Brødteksten i dokumentet, beskrevet av tagger
, inkluderer all hovedsidekode, som bestemmer visningen av html-dokumentet på skjermen. Brødtekst, illustrasjoner, navigasjonselementer og alt annet du ønsker å vise frem til besøkende på nettstedet ditt, plasseres i denne taggen.
Dermed ser de nødvendige HTML-dokumentkodeelementene slik ut:
<ТITLE>Side tittel
Hvert HTML-dokument må starte med taggen <
Html >
og avslutte med en tag
Html >
... Disse kodene indikerer at linjene mellom dem representerer et enkelt HTML-dokument. I tillegg vil du legge merke til at HTML-filen som helhet er et element i HTML-språket.
HTML-dokumentet må også inneholde elementene HEAD (dokumentinformasjon) og BODY (dokumenttekst).
Dokumentdel HODE
HEAD-delen av dokumentet definerer tittelen og inneholder også tilleggsinformasjon om dokumentet for nettleseren. Denne delen er valgfri, men det anbefales at du alltid bruker den i HTML-dokumentene dine, da en velformet overskrift kan være veldig nyttig.
Overskriftsseksjonen begynner med tag <
HODE >
og følger umiddelbart etter taggen ... Mellom start- og slutttaggene til et HEAD-element er det andre overskriftselementer.
Tittel på dokumenttittelen For å gi et navn til et HTML-dokument, er taggen ment <
TITTEL >
... Dette navnet vil vises i tittellinjen i nettleservinduet. Tittelen er skrevet mellom tagger
og og er en tekstlinje. Denne strengen kan ha en hvilken som helst lengde, men det anbefales å ikke ha mer enn 60 tegn. TITLE-elementet skal bare vises i HEAD-delen.Dokumentdel KROPP
Denne delen av dokumentet inneholder informasjonen som vises i nettleservinduet. BODY-delen må begynne med en tag <
KROPP >
og avslutte med taggen
KROPP >
, mellom disse er HTML-elementene som utgjør innholdet i dokumentet.
Varespesifikasjon KROPP
stikkord
har en rekke attributter som bestemmer utseendet til dokumentet. Følgende er spesifikasjonen for taggen .TEXT = "tekstfarge"
BGCOLOR = "bakgrunnsfarge"
BACKGROUND = "bakgrunnsbildeadresse"
TEXT-attributtet spesifiserer skriftfargen for hele dokumentet i RGB eller symbolsk notasjon. Som standard (hvis dette attributtet ikke er spesifisert) brukes nettleserinnstillingene.
BGCOLOR-attributtet spesifiserer bakgrunnsfargen til dokumentleservinduet i RGB-format eller symbolsk notasjon. Som standard brukes nettleserinnstillingene.
BACKGROUND-attributtet lar deg spesifisere adressen og navnet på bildet som brukes som bakgrunn. Dette bildet vil bli kopiert og distribuert i bakgrunnen av dokumentet.
LINK-, VLINK- og ALINK-attributtene spesifiserer fargene på hyperkoblinger i RGB eller symbolsk notasjon. Som standard brukes nettleserinnstillingene. Ubesøkt hyperkobling - En hyperkobling som ennå ikke har blitt brukt til å navigere til et annet dokument. Besøkt hyperkobling - En hyperkobling som allerede har blitt brukt til å navigere til et annet dokument. Aktiv hyperkobling - en hyperkobling til dokumentet som overgangen pågår for øyeblikket.
Tips for bruk av BODY Tag-attributtene
Hvis du spesifiserer minst én farge i BODY-taggen, spesifiser de andre. Dette skyldes det faktum at brukeren kan stille inn fargeinnstillingene til nettleseren sin ettersom det er mer praktisk for ham. Å spesifisere kun én farge kan føre til at for noen brukere vil teksten smelte sammen med bakgrunnsfargen. Som et resultat vil det være vanskelig å se dokumentet.
Velg en tekstfarge slik at den "fungerer" med bakgrunnsfargen eller primærfargene i bildet. For eksempel kan rødt på grønt forårsake alvorlige problemer for et betydelig antall mennesker.
• I BODY-elementet kan du spesifisere både BGCOLOR og BACKGROUND. I dette tilfellet foretrekker nettleseren BACKGROUND, men hvis bakgrunnsbildet ikke kan lastes, vil BGCOLOR bli brukt. Prøv derfor å sette bakgrunnsfargen til å være lik bakgrunnsfargen, for ikke å forstyrre fargebalansen til dokumentet.
Jeg vil prøve å sende utsendelsen etter prinsippet "fra enkelt til vanskelig". Jeg vil gjennomføre det i dette formatet slik at en person som ønsker å lære det grunnleggende om byggeplass umiddelbart, etter utgivelsen av e-postlisten, i praksis kan utføre materialet som presenteres.
Men med en gang vil jeg ta forbehold om at spesielt HTML-språket er et veldig stort språk som er i stadig utvikling. Og derfor, for å mestre dette språket på et høyt nivå, må du nøye studere det grunnleggende (dvs. postlisteutgavene mine). Og parallelt med dette å øve .
Etter hvert som vi lærer det grunnleggende om HTML-språket, skal vi se på CSS-stiler. Dette betyr at vi også skal lære CSS. Men dette er litt senere. Vi vil også se på javascript for å få hjelp.
For dagens introduksjonsveiledning starter vi med å se på strukturen til et HTML-dokument og grunnleggende HTML-koder.
Gå…
Hvert HTML-dokument starter med en linje:
XHTML
Generelt forteller denne linjen nettleseren som åpner siden vår hvilke standarder den skal basere seg på.
stikkord
er svært mangfoldig, og hvordan innholdet vil vises på siden din, avhenger av endringen.
Men hvis du dyktig ordner alle elementene og blokkene på siden og bruker stilen, vil alt fungere like bra i alle nettlesere med ønsket
.
Men selv om vi ikke vet hva blokker er, hvilke stiler er og hvordan man bruker denne "abrucadabra", anser jeg det som nødvendig å gå tilbake til en detaljert undersøkelse.
, når vi allerede vil være i stand til å gjøre noe og virkelig vil kunne evaluere arbeidet hans.
I mellomtiden beveger vi oss nedover siden.
Forresten, hvorfor begynte jeg å se på HTML-dokumentet fra toppen av siden?
Fordi nettleseren laster inn siden og "leser koden" fra topp til bunn, venstre til høyre. (Men mens vi leser bøker).
Sannsynligvis er ikke ordet tag helt klart?
Generelt sett er en tag en instruksjon som forteller nettleseren hva den skal gjøre på et gitt punkt i dokumentet.
Vi bruker tagger for å lage sidene våre. Alle tagger er innelukket i såkalte "hjørner" ( <тег>
). Og lukking тег>
(med skråstrek). For eksempel, miniatyrbilde ... Spesifiserer at teksten mellom de innledende og avsluttende sterke taggene vil være fet.
Jeg håper det er klart hva en tag er.
Jeg foreslår å skrive noe med egne hender.
Så la oss komme i gang.
Start notepad eller wordpad i OC WINOWS. La oss skrive inn følgende linjer:
XHTML
Nettleservinduets tittel
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
"tekst / html; tegnsett = windows-1251" />
"sidebeskrivelse" />
"ord, ord, ord" />
Nettleservinduets tittel
La oss lagre filen under et navn, for eksempel start.html. La oss nå finne ut hva vi skrev.
Mellom tagger
og
inneholder informasjon som ikke vises på siden.
For eksempel taggen
, forresten, det krever ikke en avsluttende kode, det kan indikere kodingen (tegnsett = windows-1251) eller informasjon om forfatteren (navn = "forfatter" innhold = "Fullt navn"), eller ord for en søkemotor , stikkord
vil tvinge nettleseren til automatisk å gå til mysite.ru-nettstedet etter 30 sekunder (eksempel).
stikkord
definerer teksten i tittelen på nettleservinduet. (Bikken lukkes).
Også i taggen
javascript- eller vbscript-skript kan lokaliseres, omsluttet av tagger
.
Og stiler omsluttet av tagger
.
På denne med taggen
kanskje vi blir ferdige.
Dette er faktisk hoveddelen av dokumentet, alt vi ser på siden er plassert her. stikkord
det er et sett med parametere som vi skal se på, men det anbefales ikke å bruke dem.
bgcolor - setter bakgrunnsfargen til dokumentet. (
)
bakgrunn - peker på url-en til bildet - bakgrunnen til dokumentet.
tekst - setter fargen på teksten i dokumentet.
link - setter fargen på hyperkoblinger.
vlink = - setter fargen på hyperkoblinger du allerede har besøkt ved å bruke en verdi.
alink = - setter fargen på hyperkoblinger når de klikkes.
bgproperties = fikset - Bakgrunnsbildet vil ikke rulle. De. teksten vil flytte når PageDown trykkes, men bakgrunnen vil ikke. Dette alternativet støttes kun av Internet Explorer.
Disse parameterne kan kombineres, for eksempel bruker denne siden:
XHTML
La oss skrive denne linjen i vårt forrige eksempel.
XHTML
Nettleservinduets tittel
Teksten som vi vil se i nettleseren vår !!!
Hva er HTML
World Wide Web (WWW) består av nettsider som er laget ved hjelp av det såkalte HyperText Markup Language (HTML). Selv om mange snakker om programmering på dette språket, er HTML slett ikke et programmeringsspråk i tradisjonell forstand. HTML er et merkespråk for et dokument. Når du utvikler et HTML-dokument, utføres markeringen av et tekstdokument på samme måte som en editor gjør med en rød blyant. Disse merkene tjener til å indikere presentasjonsformen for informasjonen i dokumentet.
Spesielle HTML-lesere, ofte referert til som nettlesere, tolker HTML-formaterte filer, formaterer dem som nettsider og viser innholdet på en brukers dataskjerm. Det finnes et stort antall nettleserprogrammer utviklet av ulike selskaper, men i dag, av en rekke programmer, skiller to ledende programmer seg tydelig ut - Netscape Communicator og Microsoft Internet Explorer.
Netscape Navigator er utviklet av Netscape Communications Corporation. Som med mange programvareprodukter, finnes det en rekke versjoner av dette programmet. Den siste versjonen av Netscape Communicator når dette skrives er versjon 4.7. Internet Explorer ble utviklet av Microsoft. Den siste versjonen av dette programmet er 5.0.
Andre nettlesere henger betydelig etter i popularitet. For noen år siden var Netscapes nettleser den ledende nettleseren, med mer enn to tredjedeler av brukerne som brukte denne nettleseren. Med lanseringen av nettleseren har Microsoft gått langt for å erobre denne delen av markedet. Media ofte
det har vært rapporter om en krig mellom nettlesere for brukere. Nå er disse to nettleserne sammenlignbare i popularitet. Den økende populariteten til Microsoft-nettleseren tilrettelegges av inkluderingen av nettleseren i Windows 98-operativsystemet, men til slutt forblir valget av nettleseren hos brukeren.
Moderne nettlesere er rike på funksjoner, men det viktigste for dem er tolkningen av dokumenter merket i henhold til reglene for HTML. Denne boken er hovedsakelig viet beskrivelsen av disse reglene. I den første delen vil vi kun dekke de grunnleggende prinsippene for å bygge HTML-dokumenter.
For å forstå hva et merkespråk er, la oss huske de gode gamle dagene, da mange jobbet med tekstredigerere som WordStar. I dem, for å fremheve en setning, for eksempel i fet skrift, ble spesielle merker (/ B og / b) satt på begynnelsen og slutten:
/B Denne teksten vises i fet skrift / b
Når du skriver ut slik tekst til en utskriftsenhet (vi snakker ikke om skjermer ennå, i de fjerne tider eksisterte de enten ikke i det hele tatt, eller det var alfanumeriske skjermer som ikke tillot endring av fonter) ble tegn / inn tvunget til å bruke fet skrift til det vil være / b tegn.
HTML fungerer på samme måte. Hvis det er behov for å markere tekst på skjermen med fet skrift, kan dette gjøres på samme måte:
Denne teksten vises i fet skrift.
Symboler inkludere fet skrift og tegnene skru det av. Slike tegn, som styrer visningen av tekst og samtidig ikke vises på skjermen selv, kalles vanligvis tagger i HTML (fra det engelske ordet tag - en etikett, et tegn).
Alle HTML-tagger er avgrenset med skilletegn (< и >), som identifikatoren (navnet) til taggen er skrevet mellom (i vårt eksempel er dette i), og muligens dens parametere. Det eneste unntaket fra denne regelen er kommentarkoder med mer komplekse skilletegn (). Navnene på tagger, så vel som deres parametere, kan skrives i et hvilket som helst register. For konsistens gjennom hele denne boken er de fleste tagger skrevet med store bokstaver.
De fleste HTML-tagger brukes i par, det vil si for en bestemt tag, la oss kalle det åpningstaggen, dokumentet har en tilsvarende avsluttende tag. I henhold til HTML-reglene skrives den avsluttende taggen på samme måte som åpningstaggen, men med en / (skråstrek) foran tagnavnet. Den eneste grunnleggende forskjellen mellom tag-par er at slutttaggene ikke bruker parametere.
Tagger som trenger tilsvarende slutttagger, kalles containertagger. Alt som skrives mellom de tilsvarende åpnings- og lukketaggene vil bli kalt innholdet i container-taggen. Noen ganger kan sluttkoden utelates. For eksempel for en kode som beskriver data for en tabellcelle
, den tilsvarende sluttkoden kan alltid utelates. Slutten av data for en tabellcelle vil bli gjenkjent av utseendet til neste tag eller en tabellrad slutttag.
Det finnes en rekke koder som etterfølgende koder er utelatt av de fleste dokumentforfattere. Et eksempel kan være listeelement-taggen
eller avsnittskode Moderne nettlesere vil i mange tilfeller formatere dokumenter riktig hvis noen av de etterfølgende taggene utelates, men denne praksisen kan ikke anbefales.
En rekke tagger trenger i prinsippet ikke etterfølgende tagger. Eksempler inkluderer bildeinnsettingskoden , tvungen linjemating , som spesifiserer basisfonten og andre. Ofte fra selve formålet med taggen kan du gjette om den trenger en etterfølgende.
Det er generelle regler for hvordan nettlesere tolker tagger. I motsetning til programmeringsspråk, der feilaktige utsagn fører til utstedelse av passende meldinger på kompileringsstadiet av programmet og krever redigering, er det ikke vanlig i HTML å svare på feil skriving av tagger. En feil skrevet kode eller dens parameter bør ganske enkelt ignoreres av nettleseren. Dette er en generell regel for alle nettlesere, som ikke bare gjelder feilskrevne tagger, men også tagger som ikke gjenkjennes av denne versjonen av nettleseren. Et eksempel kan være koder foreslått og implementert for en bestemt nettleser og ukjent for en annen. For eksempel tagbeholder , som tjener til å gi alternativ informasjon til nettlesere som ikke gir støtte for rammestrukturer, vil ikke bli gjenkjent av slike nettlesere. En nettleser som støtter rammer når du møter taggen , hopper over all informasjonen den inneholder. Og en nettleser som ikke er kjent med rammer, vil selvfølgelig ikke forstå taggen ... Imidlertid, i henhold til regelen ovenfor, vil denne taggen ganske enkelt hoppes over, men all etterfølgende informasjon vil vises.
Tagger kan skrives med parametere eller attributter (fra engelsk, attributt). Gjennom denne boken vil vi bruke begrepet parameter oftest. Settene med tillatte parametere er individuelle for hver tag. De generelle reglene for å skrive parametere er som følger. Tagnavnet kan følges av parametere, som er atskilt fra hverandre med mellomrom. Rekkefølgen på tag-parameterne er vilkårlig. Mange parametere krever at verdiene deres spesifiseres, men noen parametere har ingen verdier eller kan skrives uten dem, forutsatt standardverdiene. Hvis en parameter krever en verdi, vises den etter parameternavnet med et likhetstegn. Parameterverdien kan skrives i anførselstegn eller uten dem. Det eneste tilfellet der du ikke kan klare deg uten anførselstegn er tilfellet når det er mellomrom i parameterverdien. I parameterverdier (i motsetning til navnene på tagger og selve parameterne), er skriveregisteret noen ganger viktig. Her er et eksempel på hvordan du skriver en tag med parametere:
Her for taggen
to parametere er gitt. Den første BORDER-parameteren er spesifisert uten verdi. Den andre ALIGN-parameteren er igjen.
De påfølgende kapitlene i den første delen av boken vil beskrive formålet med HTML-tagger og deres parametere. Generelt kan tagger ha forskjellige parametere, men det finnes en rekke parametere som er like for nesten alle tagger. Vi vil her nevne de generelle parametrene til tagger, for ikke å snakke om dem lenger når vi beskriver hver tag.
Alle tagger som kan brukes i seksjonen
HTML-dokument kan ha parametere CLASS, ID, LANG, LANGUAGE, STIL og TITLE. Bruken av disse parameterne er nyttig, først og fremst, når du styler dokumenter, som vil bli diskutert i den andre delen av boken.
Parameterne CLASS, ID, STYLE støttes av Internet Explorer 3.0 og nyere og Netscape 4.0 og høyere. Disse parameterne er nødvendige når du bruker stiler.
LANG, LANGUAGE, TITLE parametere - støttes kun av Internet Explorer, fra og med versjon 4.0. Disse parameterne indikerer henholdsvis språket som brukes (for eksempel for Russland: LANG = ru), skriptspråket (for eksempel LANGUAGE = JavaScript), samt teksten til verktøytipset som vises når musepekeren holder over dette element (TITLE).
I moderne HTML, i tillegg til språkkoder og deres innhold, er skriptkoder (javascript eller VBScript) også skrevet i HTML-kildekode. I den første delen av boken er dette praktisk talt ikke nevnt noe sted, men den andre delen er helt viet spørsmålene om bruk av manus.
Avslutningsvis en generell oversikt over HTML, merker vi at de enkleste HTML-dokumentene er ren tekstfiler, for visning og redigering som du kan bruke hvilken som helst tekstredigerer. Disse filene har vanligvis utvidelsen HTM eller HTML.
HTML-spesifikasjoner
HTML ble populær på midten av 90-tallet, takket være den eksponentielle veksten til Internett. På dette tidspunktet var det behov for å standardisere språket, siden ulike selskaper som utviklet programvare for tilgang til Internett tilbød sitt
flere og flere varianter av HTML-instruksjoner. Nå er det på tide å komme til en slags felles enighet om bruken av HTML-koder.
En organisasjon kalt World Wide Web Consortium (forkortet W3C) tok over HTML-spesifikasjonen. Hennes oppgave var å utarbeide en spesifikasjon som gjenspeiler det nåværende utviklingsnivået for språkets evner, under hensyntagen til de ulike forslagene fra nettleserselskapene. I november 1995 dukket således HTML 2.0-spesifikasjonen opp, designet for å formalisere praksisen med å bruke HTML som hadde utviklet seg mot slutten av 1994.
Godkjenningsordningen for spesifikasjoner er som følger. W3C-konsortiet utsteder et utkast til spesifikasjon, etter diskusjon av dette utstedes en såkalt utkastversjon av spesifikasjonen og foreslår den for diskusjon for en viss periode. Etter en periode med overveielse kan et arbeidsutkast til spesifikasjonen bli en anbefaling, det vil si en offisielt anerkjent versjon av HTML-spesifikasjonen.
Kort tid etter 2.0-spesifikasjonen ble en fungerende versjon av 3.0-spesifikasjonen utgitt, og diskusjonsperioden gikk ut i september 1995. Denne spesifikasjonen ble aldri akseptert som en formell anbefaling. Det var ment å inkludere et bredt utvalg av tagger og funksjoner spesifikke for individuelle nettlesere, men W3C klarte ikke å utvikle en god spesifikasjon for et så stort antall instruksjoner.
Etter mye omtanke ble utkast til HTML 3.2 utgitt i mai 1996. Prosjektet var basert på noen av taggene tilgjengelig i versjon 3.0, som viste stabilitet i arbeidet. I september 1996, etter måneder med diskusjon, ble versjon 3.2 en foreslått spesifikasjon, og i januar 1997 ble den en offisiell anbefaling.
I juli 1997 ble den foreslåtte HTML 4.0-spesifikasjonen utgitt, som ble en offisiell anbefaling i desember 1997. Dette er den siste vedtatte spesifikasjonen til dags dato.
I denne korte oversikten over historien til utviklingen av HTML-språket er det neppe verdt å beskrive funksjonene til forskjellige spesifikasjoner i detalj, spesielt siden utviklere i det virkelige liv ikke alltid følger konsortiets anbefalinger. Her er bare noen av ideene bak den siste spesifikasjonen.
I HTML 4.0-spesifikasjonen var nøkkelideen å skille beskrivelsen av strukturen til dokumentet fra beskrivelsen av presentasjonen på skjermen. Erfaring har vist at å skille struktur og presentasjon av et dokument reduserer kostnadene for å støtte et bredt spekter av plattformer, miljøer og lignende, og gjør det også enklere å korrigere dokumenter. I samsvar med denne ideen bør man i større grad bruke metodene for å beskrive presentasjonen
dokument ved hjelp av stilark, i stedet for å spesifisere presentasjonsdata ispedd innholdet i dokumentet. For å implementere denne ideen i HTML 4.0-spesifikasjonen, er en rekke tagger som brukes til å spesifisere presentasjonsformen for HTML-elementer, fjernet. Tagger som er kansellert av denne grunn inkluderer
, , ,
, , ... Blant andre kansellerte tagger, merker vi , , , ... I stedet for de kansellerte taggene, foreslås alternative alternativer for å implementere de tilsvarende egenskapene, som vi understreker i denne boken.
Konseptet med en utdatert tag er som følger. Hvis en kode er erklært foreldet i denne språkspesifikasjonen, betyr det at nettlesere bør fortsette å støtte slike tagger inntil videre, men bruken frarådes. I de følgende spesifikasjonene kan disse taggene gjøres foreldet. Utdaterte tagger støttes kanskje ikke lenger av nettlesere. Bare tre tagger er avviklet i HTML 4.0-spesifikasjonen:<ХМР>,
OG ... Informasjon om hvilke av brikkene som inngår i spesifikasjonen kan fås fra tabellen i vedlegg A1.
Offisiell informasjon om HTML-spesifikasjonen kan alltid fås fra W3C-nettstedet på http://www.w3.org/TR/ ... 4.0-spesifikasjonen er kl http://www.w3.org/TR/REC-htmI40-971218 .
Merk at logisk sett bør den offisielle spesifikasjonen spille rollen som en veiledende og styrende kraft, og sikre samme form for presentasjon av informasjon av forskjellige nettlesere. Dette er det ideelle alternativet å strebe etter. I virkeligheten er ting ikke så bra. Nye ideer dukker stadig opp, implementert av utviklingsselskaper i deres nettlesere og promotert av dem. Vellykkede ideer slår rot og blir deretter plukket opp av andre utviklere. Noen av funksjonene forblir spesifikke for en bestemt nettleser. Vellykkede design havner i spesifikasjonen og blir generelt akseptert. Dermed er prosessen med å forbedre funksjonene til nettlesere og avgrense spesifikasjonen en pågående prosess som påvirker hverandre.
Dokumentstruktur
Den første taggen å begynne å beskrive HTML-dokumenter med er ... Den skal alltid starte dokumentbeskrivelsen, og avslutte dokumentbeskrivelsen med taggen... Disse kodene indikerer at linjene mellom dem representerer et enkelt HTML-dokument. Selve dokumentet er en vanlig ASCII-tekstfil. Uten disse kodene kan det hende at nettleseren eller andre seere ikke kan identifisere dokumentformatet og tolke det riktig.
Oftest taggen brukes uten parametere. Tidligere versjoner brukte VERSJON-alternativet, som ble avviklet av HTML 4.0-spesifikasjonen. Denne parameteren ble erstattet av taggen.
De fleste moderne nettlesere kan gjenkjenne dokumentet og inneholder ikke tagger og, men deres bruk er svært ønskelig.
Mellom et par tagger og selve dokumentet er lokalisert. Et dokument kan bestå av to seksjoner - en overskriftsseksjon (som starter med taggen
) og delen av innholdsdelen av dokumentet (begynner med taggen ). For dokumenter som beskriver rammestrukturer, i stedet for BODY-delen, brukes FRAMESET-delen (med taggen ). Deretter vil vi vurdere reglene for å komponere delene av dokumentet HODE og KROPP. Konstruksjonen av dokumenter som inneholder rammer er omtalt i kapittel 5.
Del av HEAD-dokumentet
HEAD-delen av et dokument definerer overskriften og er ikke en obligatorisk kode, men en velskrevet overskrift kan være ganske nyttig. Hensikten med overskriften er å gi nødvendig informasjon for programmet som tolker dokumentet. Tagger som er inne i HEAD-delen (bortsett fra navnet på dokumentet som er beskrevet med taggen
) vises ikke på skjermen.
Titteldelen åpnes med tag
... Vanligvis følger denne taggen umiddelbart etter taggen ... Slutt-tag viser slutten av denne delen. Mellom taggene som er nevnt er resten av overskriftsseksjonstaggene.
Dokumentets navn
Tagbeholder
er den eneste nødvendige tittelkoden og brukes til å gi dokumentet en tittel. Det vises vanligvis i overskriften til nettleservinduet. stikkord ikke å forveksle med navnet på dokumentfilen; tvert imot er det en tekststreng helt uavhengig av filnavn og plassering, noe som gjør den ganske nyttig. Navnet på filen er stivt bestemt av operativsystemet til datamaskinen den er lagret på. Du bør også skille navnet på dokumentet (med taggen ) fra overskrifter i dokumentet, vanligvis merket .
Merk
Generelt sett har den obligatoriske tittelen på dokumentet karakter av en hasteanbefaling. Umerket dokument vil også vises av nettlesere. I dette tilfellet vil forskjellige nettlesere vise forskjellig informasjon som vindustittel. Dette er hvordan tidlige versjoner av Netscape-nettleseren ville vise linjen "Ingen tittel". Andre nettlesere viser enten ingenting, eller viser URL-en til den nedlastede filen, og gjenspeiler informasjonen i nettleserens plasseringslinje.
Navnet på dokumentet er skrevet mellom tagger
og og er en tekstlinje. I prinsippet kan navnet være av ubegrenset lengde og inneholde alle tegn, bortsett fra noen reserverte. I praksis bør du begrense deg til én linje, med tanke på at tittelen vises i tittellinjen i nettleservinduet. Du bør også huske hva som gjenstår av dokumenttittelen når du minimerer nettleservinduet. Det anbefales å begrense lengden på dokumentnavnet til 60 tegn. Du kan se hvordan tittelen vises i nettleservinduet i et hvilket som helst bilde i denne boken, som gir et eksempel på visning av et dokument.
Som standard brukes teksten i tittelen på dokumentet når du oppretter et bokmerke for dokumentet. Derfor, for mer informasjonsinnhold, unngå ansiktsløse navn (hjemmeside, indeks osv.). Slike ord som brukes som navn på et bokmerke er vanligvis helt ubrukelige. Tittelen på dokumentet skal kort beskrive innholdet. Merk at når dokumenter med rammestruktur vises på skjermen, når et separat dokument med eget navn lastes inn i hver av rammene, vil kun navnet på hoveddokumentet være synlig på skjermen. Det anbefales imidlertid også sterkt å navngi de individuelle dokumentene som skal lastes inn i rammer. Kapittel 5 diskuterer dette spørsmålet mer detaljert.
Viktigheten av tittelen på dokumentet bestemmes av følgende faktum. Siden taggen
er plassert nesten helt i begynnelsen av HTML-filen, så etter starten av innlasting av dokumentet, er det denne filen som vises først. Deretter lastes hovedinnholdet i dokumentet, mens nettleseren begynner å formatere dokumentet i vinduet. Denne prosessen, generelt sett, avhengig av innholdet og strukturen til dokumentet, samt hastigheten på forbindelsen, kan bli forsinket. I ganske lang tid vil brukeren tenke på en tom skjerm, hvor den eneste informative linjen vil være navnet på dokumentet. Ganske ofte (når tilkoblingen er brutt, eller hvis brukeren ikke vil vente på at dokumentet skal fullføres), slutter all informasjon om dokumentet der.
Forholdet til andre dokumenter
Ofte er HTML-dokumenter koblet, det vil si at de har lenker til hverandre. Koblinger kan enten være absolutte eller relative. Begge har ulemper. Absolutte koblinger kan være for tungvinte og slutte å fungere hvis du flytter et dokument lavere i hierarkiet. Relative lenker er lettere å legge inn og oppdatere, men denne koblingen brytes også hvis det høyeste dokumentet i hierarkiet flyttes. Begge typer koblinger kan brytes når du overfører et dokument fra en datamaskin til en annen.
Det hender ofte at en bruker har lastet ned et stort dokument til maskinen sin og koblet fra nettverket for å studere det i detalj. Alle lenker i den lokale kopien av dokumentet slutter å fungere. For å "reanimere" dem, må du igjen referere til originaldokumentet som ligger på den eksterne datamaskinen.
Heldigvis forutså HTML-utviklerne dette problemet og la til to tagger, og , som inngår i overskriften slik at koblingen mellom dokumenter ikke brytes.
stikkord
stikkord tjener til å spesifisere den fullstendige basis-URLen til dokumentet. Med dens hjelp fortsetter den relative koblingen å fungere hvis dokumentet overføres til en annen katalog eller til og med til en annen datamaskin. stikkord fungerer på en lignende måte som MS-DOS-banekommandoen, som lar seeren finne en kobling til dokumentet den leter etter, selv om den er i et eldre dokument som ligger på en annen datamaskin.
stikkord har én nødvendig parameter, HREF, etterfulgt av hele URL-en til dokumentet. Nedenfor er et eksempel på bruk av taggen .
Angi baseadressen
stikkord forteller nettleseren hvor den skal lete etter filen. Hvis brukeren arbeider med en lokal kopi av filen og maskinen hans ikke er koblet fra nettverket, vil nyhetsikonbildet bli funnet og vist i nettleservinduet.
stikkord
Selv om taggen lar deg finne en fil, spørsmålet om dokumentforhold forblir åpent. Betydningen av disse relasjonene øker i forhold til kompleksiteten til dokumentene dine. For å opprettholde en logisk forbindelse mellom dem, introduserte HTML taggen .
stikkord indikerer forholdet mellom dokumentet som inneholder denne taggen og et annet dokument eller objekt. Den består av en URL og parametere som konkretiserer dokumentrelasjoner. Dokumenttittelen kan inneholde et hvilket som helst antall tagger ... Tab. 1.1 beskriver parametrene til taggen og deres funksjoner.
Tabell 1.1. Tag-parametere
Her er noen eksempler på taggen med parametere:
Den første linjen indikerer en lenke til dokumentets innholdsfortegnelsesfil (toc.html - innholdsfortegnelse) med en direkte relasjon til innholdet. Den andre linjen beskriver forholdet til URL-en til forfatteren av dokumentet (med den omvendte relasjonen).
Mange forskjellige relasjoner kan eksistere mellom dokumenter. Eksempler på andre verdier for REL-parameteren: bokmerke, opphavsrett, ordliste, hjelp, hjem, indeks, toc, neste, forrige. REV-parameteren kan også ha følgende verdier: forfatter, redaktør, utgiver, eier.
stikkord
Utviklingen av nye spesifikasjoner for hypertekst-markeringsspråket tar lang tid, og i løpet av denne tiden klarer selskapene som produserer nettlesere å gi ut flere versjoner av produktene sine. Derfor kan en annen kode legges til titteldelen som lar dokumentforfattere definere ikke-HTML-informasjon.
Denne informasjonen brukes av nettleseren for handlinger som ikke dekkes av gjeldende HTML-spesifikasjon. stikkord Du trenger det ikke for å lage dine første HTML-dokumenter, men du vil sikkert trenge det ettersom sidene dine blir mer komplekse.
Eksempel:
<МЕТА HTTP-EQUIV="refresh" CONTENT="60"
RL="www.my_host.ru/homepage.html">
Nettleserne Netscape Navigator og Internet Explorer vil tolke denne oppføringen som en instruksjon om å vente 60 sekunder og deretter laste inn et nytt dokument. Denne instruksjonen brukes ofte når du endrer plasseringen av dokumenter. Et lite dokument med en gitt streng kan stå på den gamle plasseringen av dokumentet for automatisk å koble til den nye plasseringen.
Neste linje:
<МЕТА HTTP-EQUIV="refresh" CONTENT="60">
instruerer nettleseren om å laste inn siden på nytt hvert 60. sekund. Dette kan være nyttig hvis dataene på siden oppdateres ofte, for eksempel ved sporing av aksjekurser.
Bruken av elementet har blitt veldig populært for noen typiske oppgaver. Et eksempel er indikasjonen av søkeord som brukes av søkemotorer. Denne metoden gjør det mulig å inkludere flere ord i dokumentets indeks, som kanskje ikke er eksplisitt inkludert i innholdet. For å gjøre dette, i taggen navnet på en egenskap er spesifisert som verdien til NAME-parameteren. Og ved å bruke CONTENT-parameteren indikeres verdien av denne egenskapen, for eksempel:
<МЕТА NAME="author" CONTENT="Александр
Сергеев">
HTML-spesifikasjonen definerer ikke noen spesifikke egenskapsnavn skrevet i taggen ... Det er imidlertid flere ofte brukte egenskaper, for eksempel beskrivelse, nøkkelord, forfatter, roboter og andre:
<МЕТА NAME="description" CONTENT="Описание
возможностей языка HTML 4.0">
<МЕТА NAME="keywords" CONTENT ="тэг,
гипертекст, HTML, браузер">
Gitt tagger kunne godt vært indikert for eksempel for den elektroniske versjonen av denne boken.
stikkord kan ha parametrene som er angitt i tabellen. 1.2.
Tabell 1.2. Tag-parametere
En annen viktig bruk av taggen er en indikasjon på tekstkodingen. Så for tekst på russisk i Windows-koding, må du skrive følgende linje:
<МЕТА HTTP-EQUIV="Content-Type" CONTENT="text/html;
charset=UTF-8">
Andre overskriftselementer
To flere tagger kan være til stede i titteldelen av dokumentet -