Hypertext markup language HTML5 - rakenne ja työn perusteet. HTML:n perusteet, Hyper Text Markup Language

Hypertext Markup Language (HTML)

World Wide Web, tai jotain samaa kuin World Wide Web, WWW on maailmanlaajuisen tietokoneverkon Internetin pääkomponentti. 60-luvulta peräisin olevaa Internetiä käytti pitkään vain kapea asiantuntijapiiri tietojen vaihtamiseen sähköpostitse. Verkkoa ohjasi UNIX-käyttöjärjestelmä - tämä soveltui tieteellisiin tarkoituksiin, mutta melko monimutkainen UNIX-tekstirajapinta rajoitti merkittävästi verkkoteknologioiden käyttöaluetta. World Wide Webin syntymävuodeksi pidetään vuotta 1989 - tämä vuonna keksittiin kieli, josta tuli myöhemmin verkkodokumenttien pääkieli - Tämä kieli on HTML (HyperText Markup Language).

HTML-kielen kirjoittaja on Oxfordin yliopistosta valmistunut Tim Berners-Lee, joka työskenteli tuolloin sopimuksen perusteella Genevessä Euroopan hiukkasfysiikan laboratoriossa (CERN, Conseil Europeen pour la Recherche Nucleaire) ohjelmistokonsultti. CERN on melko suuri organisaatio, ja siksi Tim Berners-Lee kehitti Inquire-ohjelman henkilökohtaiseen käyttöönsä, jotta se voisi paremmin navigoida sen rakenteessa eikä tallentaa tietoja suuresta määrästä projekteja, virkamiehiä jne. muistiin. jonka pohjalta muutama vuosi myöhemmin luotiin laboratoriolle eräänlainen tietotila. Inquire-ohjelma mahdollisti niin sanotun "epälineaarisen" asiakirjojen haun - ts. siirtyä asiakirjasta toiseen viittaamatta sisällysluetteloon tai viitekirjaan.

HTML-kieli muodostaa hypertekstitekniikan perustan. Hypertekstidokumentti sisältää ns. hyperlinkkejä.

Asiakirjan merkintäkieli on joukko erityisiä ohjeita, joita kutsutaan tunnisteiksi ja jotka on suunniteltu muodostamaan asiakirjoihin rakenne ja määrittelemään tämän rakenteen eri elementtien väliset suhteet. Kielitunnisteet tai ohjaustunnisteet, kuten niitä joskus kutsutaan, on jollakin tavalla koodattu tällaisiin asiakirjoihin, erotettuna asiakirjan pääsisällöstä ja toimivat ohjeina ohjelmalle, joka näyttää asiakirjan sisällön asiakaspuolella. Varhaisimmat järjestelmät käyttivät symboleja "<” и “>”, jonka sisään sijoitettiin ohjeiden nimet ja niiden parametrit. Nyt tämä tapa määrittää tunnisteet on vakio.

Tekstidokumentin hypertekstierittelyn käyttö nykyaikaisissa tietojärjestelmissä johtuu suurelta osin siitä, että hypertekstin avulla voit luoda mekanismin tietojen epälineaariseen katseluun. Tällaisissa järjestelmissä dataa ei esitetä jatkuvana tekstitiedon virtana, vaan joukkona toisiinsa kytkettyjä komponentteja, joita navigoidaan hyperlinkkien avulla.

HTML ei ole itse ohjelmointikieli; se on tapa kuvata dokumentin rakennetta, tyyliä ja sen yhteyksiä muihin asiakirjoihin. Web-asiakirjojen katseluun käytetään erityisiä ohjelmia - ns. selaimia (englanniksi: selata - 1) laiduntavat, poimivat versoja; 2) lue, opiskele satunnaisesti, heti alkuun.) Itse asiassa selainten ominaisuudet ovat paljon laajemmat, mutta toistaiseksi rajoitamme niiden määritelmään verkkodokumenttien katselun välineenä. Internetin suosio johtuu selaimista.

Nykyaikaiset Web-tietotekniikat muuttavat maailmaamme nopeasti ja vaikuttavat suoraan verkkoteknologioiden kehitykseen. Tämä teknologinen vallankumous on vaikuttanut suuresti paitsi liike-elämään myös henkilökohtaiseen ja työelämään. Uusimmat verkkoteknologiat tunkeutuvat kaikille yhteiskunnan aloille, muuttavat viestintämenetelmiä ja nykyaikaisten yritysten verkkoprojektien toteuttamisperiaatteita määrittäen jälkimmäisten kohtalon. Nykyaikaisten verkkotietoteknologioiden sisäinen monimutkaisuus ja käytön äärimmäinen yksinkertaisuus tekee niistä kaikkien saatavilla, jotka päivittäin kohtaavat niiden käytön ammattitoiminnassaan.

Sekä arjessa että liiketoiminnassa, kirjeenvaihdossa ja kaupassa ihmiset ja organisaatiot käyttävät verkkoa, luovat omia web-sivustoja, joissa ne tarjoavat tietoa, tavaroita ja palveluita. Verkkoresurssien luomiseen tarvittavat työkalut kehittyvät nopeasti ja pysähtymättä. Niiden avulla voit luoda monimutkaisia ​​verkkodokumentteja ilman erityistä tietoa niiden rakenteesta ja ulkonäöstä, mikä vapauttaa aikaa tuottavaan luovaan toimintaan. Web-teknologioiden tärkein etu nykyaikaisissa olosuhteissa on niiden yksinkertaisuus ja sen seurauksena niiden käytön tehostaminen.

Hypertext Markup Language HTML

Internetin suosio johtuu suurelta osin World Wide Webin (WWW) syntymisestä, sillä se oli ensimmäinen verkkotekniikka, joka tarjosi käyttäjälle yksinkertaisen, nykyaikaisen käyttöliittymän erilaisten verkkoresurssien käyttöön. Yksinkertaisuus ja helppokäyttöisyys ovat johtaneet WWW-käyttäjien määrän kasvuun ja herättäneet kaupallisten rakenteiden huomion. Sitten käyttäjien määrän kasvuprosessista tuli lumivyöry, ja tämä jatkuu tähän päivään asti. Perustuen tarpeeseen yhdistää kaikki tietoresurssit, alkoi kehittyä tekniikka, jonka avulla määritellään hypertekstinavigointijärjestelmä. Tästä tekniikasta tuli HTML-kieli. HTML-tekniikka oli alkuvaiheessa erittäin yksinkertaista, ja lähes kaikilla verkon käyttäjillä oli samanaikaisesti mahdollisuus kokeilla itseään World Wide Webissä julkaistujen tietomateriaalien luojina ja lukijoina. Tosiasia on, että teknologian eri komponentteja kehitettäessä oletettiin, että tietoresurssien tekijöiden ja heidän laitteidensa pätevyys tietokonetekniikalla olisi minimaalinen.

HTML (HyperText Markup Language) on yksi niin sanotuista merkintäkielistä. Termi "merkintä" viittaa yleisiin palvelutietoihin, joita ei näytetä asiakirjan mukana, mutta jotka määrittelevät; miltä tiettyjen asiakirjan osien tulisi näyttää. Voit esimerkiksi haluta, että sana on lihavoitu tai kursivoitu, kappale näytetään tietyllä kirjasimella tai otsikot suuremmalla kirjasimella.

Nykyään on saatavilla monia erilaisia ​​merkintäkieliä. Esimerkiksi viestintäohjelmissa erityinen merkintämuoto määrittää jokaisen Internetiin lähetetyn ykkösten ja nollien paketin merkityksen. Minkä tahansa merkintäkielen on kuitenkin ratkaistava kaksi tärkeää ongelmaa:

1) kieli määrittää merkintäsyntaksin;

2) kieli määrittää merkinnän merkityksen.

Web-sivujen yleisin merkintäkieli on HTML. Tämä merkintäkieli luotiin ja sitä mainostettiin SGML:n osajoukkona. SGML (Standard Generalized Markup Language) on metakieli, jota Charles Goldfarb ehdotti ensimmäisen kerran vuonna 1974 ja hyväksyttiin myöhemmin viralliseksi ISO-standardiksi merkittävien parannusten jälkeen. Se on metakieli - järjestelmä muiden kielten kuvaamiseen.

SGML-standardin syntymisen taustalla oli tarve jakaa tietoa eri sovellusten ja käyttöjärjestelmien välillä. Jo 60-luvulla tietokoneen käyttäjillä oli monia yhteensopivuusongelmia. Analysoituaan monien epästandardien merkintäkielten puutteet kolme IBM:n tutkijaa - Charles Goldfarb, Ed Mosher ja Ray Lorie - muotoilivat kolme yleistä periaatetta, jotka varmistavat kyvyn tehdä yhteistyötä asiakirjoissa eri käyttöjärjestelmissä.

1) Käytä yhtenäisiä muotoiluperiaatteita kaikissa asiakirjoja käsittelevissä ohjelmissa. Täysin looginen vaatimus - me kaikki tiedämme, kuinka vaikeaa eri kieliä puhuvien ihmisten on olla samaa mieltä keskenään. Yhden syntaktisten rakenteiden ja yhteisen semantiikan joukon läsnäolo yksinkertaistaa merkittävästi ohjelmien välistä vuorovaikutusta.

2) Muotoilukielten erikoistuminen. Koska ohjelmoija pystyy rakentamaan erikoiskielen vakiosääntöjen perusteella, hän lakkaa olemasta riippuvainen ulkoisista toteutuksista ja heidän ideoistaan ​​loppukäyttäjän tarpeista.

3) Asiakirjan muodon selkeä määritelmä. Asiakirjan muodon määrittävät säännöt määrittelevät dokumentissa käytettävien kielirakenteiden lukumäärän ja merkinnät. Vakiomuodon käyttäminen varmistaa, että käyttäjä tietää tarkasti dokumentin sisällön rakenteen. Huomaa: tässä ei ole kyse dokumentin näyttömuodosta, vaan sen rakenteellisesta muodosta. Tätä muotoa kuvaavaa sääntöjoukkoa kutsutaan asiakirjatyypin määritelmäksi (DTD).

Nämä kolme sääntöä olivat perusta SGML:n edeltäjälle, GML:lle (Generalized Markup Language). GML:n tutkimus- ja kehitystyö jatkui noin kymmenen vuotta, kunnes SGML-standardi syntyi kansainvälisen kehittäjäryhmän tekemän sopimuksen tuloksena.

HTML (Hypertext Markup Language) on World Wide Webin taustalla oleva tietokonekieli. HTML perustuu SGML-standardiin, hypertekstin merkintäkieleen dokumenttien esittämiseen verkossa. W3C-konsortio kehittää ja ylläpitää HTML-kielistandardeja, jotka ovat yksi tärkeimmistä Web-standardeista. Tämän kansainvälisen konsortion perustaja on Tim Berners-Lee. Muotoilustandardien luomisen lisäksi konsortio on semanttisen verkon (semanttisen verkon) kehittämisen keskus. HTML-kieli tarjoaa muotomerkinnät asiakirjoille ja määrittää hyperlinkkejä asiakirjojen ja/tai niiden fragmenttien välillä.

HTML-koodin kirjoittamisen pohjaksi valittiin tavallinen tekstitiedosto. WWW-käsitteen hypertekstitietokanta on siis joukko HTML:llä merkittyjä tekstitiedostoja, jotka määräävät tiedon esitysmuodon (markup) sekä näiden tiedostojen ja muiden tietoresurssien välisten yhteyksien rakenteen (hypertekstilinkit).

HTML-kehittäjät pystyivät ratkaisemaan kaksi ongelmaa:

· tarjota hypertekstitietokannan suunnittelijoille yksinkertainen tapa luoda asiakirjoja;

· Tee tästä työkalusta tarpeeksi tehokas heijastamaan silloin olemassa olevia ajatuksia hypertekstitietokantojen käyttöliittymästä.

Ensimmäinen ongelma ratkaistiin valitsemalla asiakirjan kuvaukselle merkintämalli. HTML-kielen avulla voit merkitä näytöllä näkyvän sähköisen asiakirjan painotason suunnittelulla; tuloksena oleva asiakirja voi sisältää laajan valikoiman tarroja, piirroksia, ääni- ja videopätkiä ja niin edelleen. Kieli sisältää kehitettyjä työkaluja eritasoisten otsikoiden, fonttivalintojen, erilaisten luetteloiden, taulukoiden ja paljon muuta luomiseen.

Toinen tärkeä seikka, joka vaikutti HTML:n kohtaloon, oli se, että pohjaksi valittiin tavallinen tekstitiedosto. HTML-muokkausympäristö on ei-kenenkään maa yksinkertaisen tekstitiedoston ja WYSIWYG-sovelluksen (mitä näet, sitä saat) välissä. Muokkausympäristön valitseminen antaa sinulle kaikki tekstinmuokkauksen edut.

Hypertekstilinkit, jotka luovat yhteyksiä tekstidokumenttien välille, alkoivat vähitellen yhdistää monenlaisia ​​tietoresursseja, mukaan lukien ääntä ja videota. HTML-hyperlinkkijärjestelmän avulla voit rakentaa järjestelmän toisiinsa yhdistetyistä asiakirjoista eri kriteerien mukaan. HTML-kieli sisältää komentoja (tageja), joiden avulla voit hallita kirjasinten muotoa ja kokoa, kuvien kokoa ja sijaintia sekä siirtyä teksti- tai kuvapalasta muihin HTML-dokumentteihin - ns. hypertekstilinkkiin. . Html-muotoinen asiakirja on tekstitiedosto, joka sisältää kaikki tarvittavat tiedot näytöllä näkyvistä tiedoista. Voit käyttää komentosarjakieliä, kuten JavaScript, Java ja VBScript, hallitaksesi verkkosivustojen selausskriptejä (World Wide Webissä isännöity hypertekstitietokanta). Myöhemmin käsiteltävät lomakkeet käyttäjän syöttämiseksi ja muut tiedot voidaan käsitellä erityisillä palvelinohjelmilla (esim. PHP:ssä tai Perlissä). HTML:n avulla voit sisällyttää sivuillesi hypertekstilinkkejä ja napsautettavia painikkeita, jotka yhdistävät Web-sivusi muihin saman Web-sivuston sivuihin sekä muihin Web-sivustoihin ympäri maailmaa.

HTML on tekstinkuvauskieli, ei ohjelmointikieli, joka on vain yksi työkaluista (tarkemmin sanottuna sivunkuvauskieli), jota käytetään Web-sivujen luomiseen. HTML:llä on rajoitetut tekstin muotoiluominaisuudet verrattuna julkaisuohjelmien ominaisuuksiin, varsinkin kun julkaistaan ​​monimutkaisia ​​elementtejä sisältävää tekstiä.

Vielä ei ole olemassa niin käteviä HTML-editoreja, että voit tehdä ilman tekstieditoria ja tunnisteiden manuaalista sijoittamista. Tämä hankaloittaa kielen kanssa työskentelyä ja tekee heidän hallitsevan toimintoja, jotka ovat heille täysin epätavallisia.

Analysoimalla HTML-kielen ominaisuuksia ja arvioimalla sen kehitystasoa, voimme päätellä, että tulevina vuosina on odotettavissa siitä kehittyneempiä modifikaatioita, uusia kieliä ja sovelluspaketteja web-sivujen kanssa työskentelemiseen. .

Dynaamiset ja staattiset HTML-asiakirjat

HTML-dokumentteja on kahdenlaisia ​​- staattisia ja dynaamisia. Staattiset asiakirjat tallennetaan sen tiedostojärjestelmän tiedostoihin, jota verkkopalvelin tai selain käyttää paikallisia tiedostoja katsellessaan. Kun lähetät tietoja verkkopalvelimelle, voit käyttää dynaamisia asiakirjoja - niitä, jotka eivät ole pysyvästi olemassa tiedostoina, mutta jotka luodaan asiakkaan pyynnöstä. Lisäksi loppukäyttäjälle ei ole väliä, esitetäänkö asiakirjat dynaamisesti vai staattisesti.

Dynaamisen HTML-dokumentin luomiseen tarvitaan erityisesti kirjoitettu ohjelma web-palvelimen määrittelemien sääntöjen mukaisesti. Suunniteltaessa tietojen sijoittamista verkkopalvelimelle, jotta minkä tahansa tyyppisen asiakirjan käyttö voidaan määrittää oikein, on otettava huomioon tietojen päivitysaste, sen määrä ja käyttötiheys.

Dynaaminen menetelmä määrittää tietojen tallennuksen formalisoidussa muodossa, esimerkiksi tietokantaan.

Jos tiedot tallennetaan formalisoidussa muodossa, staattiset dokumentit luodaan dokumenttipohjien avulla, joihin on tehty muutoksia. Staattisten asiakirjojen luomiseen voit käyttää mitä tahansa tietokannan hallintajärjestelmässä (DBMS) saatavilla olevia raportointityökaluja, joilla tiedot käsitellään ja muotoillaan.

HTML-näkymät

HTML-kielestä ei tule uusia versioita, mutta HTML:ää kehitetään edelleen nimellä XHTML (englanniksi Extensible Hypertext Markup Language). Vaikka XHTML on ominaisuuksiltaan verrattavissa HTML:ään, sillä on tiukemmat syntaksivaatimukset. Kuten HTML, XHTML on SGML-kielen osajoukko, mutta XHTML, toisin kuin edeltäjänsä, noudattaa XML-spesifikaatiota. World Wide Web Consortium (W3C) hyväksyi XHTML 1.0:n suosituksena 26. tammikuuta 2000. On kuitenkin tarpeen ottaa huomioon yksi vakava yksityiskohta - tähän muotoon on luotu suuri määrä tietoresursseja, joita verkkoselaimet "ymmärtävät" pitkään ja käyttävät alkuperäisessä muodossaan. Lisäksi kaikkia uusia formaatteja kehitetään (ja kehitetään jo - esimerkiksi XML) HTML-tekniikoiden tuella.

Tapamme työskennellä muuttuvat, ja niin ovat myös sisällön käyttötavat. HTML-kieli luotiin alun perin alustasta riippumattomaksi kieleksi. Uusia tekniikoita käytetään melkein kaikkialla, ja melko pian World Wide Web -tila ei ole enää vain pöytätietokoneiden käyttäjien omaisuutta, osa käyttäjistä käyttää aktiivisesti sokeille tarkoitettuja tai Broglie-aakkosia käyttäviä selaimia sisältöä ei näytetä tietokoneen näytöllä, vaan televisiossa, kun käytetään digisovittimia, joilla on pääsy verkkoon tai teletyyppiin, tai erilaisten hakulaitteiden järjestäjien ja muiden yksivärisille näytöille.

HTML-dokumentin rakenne

HTML 4 -dokumentti koostuu kolmesta osasta:

• merkkijono, joka sisältää HTML-versiotiedot,
• otsikkoosion ilmoittaminen (HEAD-elementin rajoittama),
• itse asiakirjan sisältävä runko.

Runko voi sisältyä BODY- tai FRAMESET-elementteihin. Välilyönnit(välilyöntejä, rivinvaihdot, sarkainmerkit ja kommentit) voivat näkyä ennen tätä osaa tai sen jälkeen.

Hei maailma!

Dokumentti alkaa elementillä tyyppi asiakirja tai asiakirjatyyppi. Se kuvaa, minkä tyyppistä HTML-koodia käytetään, jotta käyttäjän asiakassovellus voi määrittää, kuinka dokumentti tulkitaan, ja päättää, noudattaako se sääntöjä, joita se väittää noudattavansa.

Tämän jälkeen näet html-elementin avaustunnisteen. Tämä on kääre koko asiakirjan ympärillä. Päättävä html-tunniste on viimeinen objekti missä tahansa HTML-asiakirjassa.

html-elementin sisällä on head-elementti. Se sisältää tietoja asiakirjasta (metadata). Inside head on otsikkoelementti, joka määrittää "Yksinkertaisen sivun" otsikon valikkorivillä.

Head-elementin jälkeen tulee body-elementti, joka on sivun varsinaisen sisällön sisältävä wrapper - tässä tapauksessa vain ensimmäisen tason otsikkoelementti (h1), joka sisältää tekstin "Hei maailma!" .

Elementit sisältävät usein muita elementtejä. Asiakirjan runko sisältää aina monia sisäkkäisiä elementtejä.

Sivuosat luovat asiakirjan yleisen rakenteen ja voivat sisältää alaosia. Ne voivat sisältää myös otsikoita, kappaleita, luetteloita jne. Kappaleet voivat sisältää elementtejä, jotka luovat linkkejä muihin elementteihin, lainauksia, korostuksia jne.

HTML-elementin syntaksi

HTML:n peruselementti koostuu kahdesta tekstilohkon ympärillä olevasta tagista. On elementtejä, jotka eivät rivitä tekstiä, ja lähes joka tapauksessa elementit voivat sisältää alielementtejä (kuten html sisältää head ja body yllä olevassa esimerkissä).

Tuotteet voivat myös olla attribuutteja, joka voi muuttaa elementin käyttäytymistä ja tuoda lisäarvoa.

Tässä esimerkissä div-elementtiin (sivun osa, tapa, jolla asiakirjat jaetaan loogisiin lohkoihin) on lisätty id-attribuutti, joka on asetettu mastopää. Div-elementti sisältää h1-elementin (ensimmäinen eli tärkein tason otsikko), joka puolestaan ​​sisältää jonkin verran tekstiä. Osa tästä tekstistä on kääritty elementtiin lyhenne(jota käytetään lyhenteen määrittämiseen), jolla on otsikko-attribuutti, jonka arvo on asetettu Hypertext Markup Language.

Monet HTML:n attribuutit ovat yhteisiä kaikille elementeille, mutta jotkut ovat ominaisia ​​tietylle elementille tai elementeille. Niillä kaikilla on muoto:

avainsana="arvo"

Arvo tulee laittaa kerta- tai kaksoislainausmerkkeihin (joissakin tilanteissa lainausmerkit saattavat puuttua, mutta tämä ei ole kovin hyvä ennustettavuuden, ymmärryksen kannalta).

Attribuutit ja niiden mahdolliset arvot määritellään ensisijaisesti HTML-määrittelyissä (http://www.w3.org/TR/html401/index/attributes.html), joten et voi luoda omia attribuuttejasi. Ainoat todelliset poikkeukset ovat id- ja class-attribuutit, joiden kokonaisarvot on tarkoitettu lisäämään asiakirjoihin oma merkitys ja semantiikka.

Toisen elementin sisällä olevaa elementtiä kutsutaan "jälkeläinen" tämä elementti. Yllä olevassa esimerkissä lyhenne on h1:n lapsi, joka puolestaan ​​on div:n lapsi. Päinvastoin div on h1-elementin "esi-isä".

Lohkotason elementit ja rivielementit

HTML:ssä on kaksi pääluokkaa elementtejä, jotka vastaavat sisältötyyppejä ja rakennetta, jota nämä elementit edustavat - lohkotason elementit ja rivielementit.

Estä taso tarkoittaa korkeamman tason elementtiä, joka yleensä kertoo dokumentin rakenteesta. Lohkotason elementtejä voidaan ajatella elementeinä, jotka alkavat uudelta riviltä irtautuen sitä edeltäneestä. Yleistä lohkon elementtejä ovat kappaleet, luettelomerkit, otsikot ja taulukot.

Merkkijonoelementit sisältyvät lohkotason rakenneelementteihin ja kattavat vain osia dokumentin tekstistä, eivät kokonaisia ​​alueita. Sisäinen elementti ei johda uuden rivin ilmestymiseen asiakirjaan, koska ne ovat elementtejä, jotka näkyvät tekstikappaleessa. Yleistä merkkijonoelementtejä ovat hypertekstilinkkejä, korostettuja sanoja tai lauseita ja lyhyitä lainauksia.

Otsikko

HTML-dokumentin otsikko on valinnainen merkintäelementti. Aluksi otsikon olemassaolo määräytyi tarpeen mukaan selainikkunan nimeäminen. Tämä saavutettiin kautta merkintäelementti TITLE:

... ...

Toinen HTML-dokumentin otsikon tehtävä on ohjata HTTP-liikennettä kautta merkintäelementti META. Nykyisellä käytännöllä isännöidä yrityksen Web-sivustoja palveluntarjoajan palvelimilla, näiden sivustojen järjestelmänvalvojat eivät ehkä pysty hallitsemaan palvelinohjelmaa. Tässä tapauksessa on vain yksi vaihtoehto ohjata vaihtoa - HTML-dokumentin otsikon kautta.

HTML-dokumentin otsikko on tarkoitettu myös kuvaamaan asiakirjan hakukuvaa, jota tarvitaan hakukonerobottien indeksoimiseksi dokumenttiin. META-elementin avulla voit tallentaa avainsanaluetteloita ja dokumenttien kuvauksia, joita käytetään hakukonehakemiston kokoamiseen ja jotka näkyvät asiakirjan kuvauksena, jos avainsanahaussa palautetaan linkki siihen.

Perusotsikkotunnisteet ovat HTML-merkintäelementtejä, jotka löytyvät useimmiten HTML-dokumentin otsikosta, ts. sisällä merkintäelementti PÄÄ:

• TITLE (asiakirjan nimi);
• BASE (URL-pohja);
• ISINDEX (hakumalli);
• META (metatiedot);
• LINKKI (yleiset linkit);
• TYYLI (tyylikuvaajat);
• SCRIPT (skriptit).

Yleisimmin käytetyt elementit ovat TITLE, SCRIPT, STYLE. META-elementin käyttö kertoo tekijän tietoisuudesta asiakirjojen indeksoinnin säännöistä hakukoneissa ja kyvystä hallita HTTP-tiedonvaihtoa. BASE ja ISINDEX ovat olleet vähäisessä käytössä viime aikoina. LINK määritetään vain, kun käytetään asiakirjan ulkopuolisia tyylisivukuvauksia.

Merkintäelementti HEAD sisältää HTML-dokumentin pään. The merkintäelementti on valinnainen. Jos on aloitustunniste merkintäelementti On suositeltavaa käyttää myös lopputunnistetta merkintäelementti. Oletusarvoisesti HEAD-elementti suljetaan, jos joko BODY-säilön aloitustunniste tai FRAMESET-säilön aloitustunniste löytyy.

Otsikkosäiliötä käytetään koko asiakirjaan liittyvän tiedon tallentamiseen.

Merkintäelementti TITLE käytetään nimeämään asiakirja World Wide Webissä. Kun valitset tekstiä TITLE-säilön sisällölle, muista, että se näkyy järjestelmän fontti, koska se on selainikkunan otsikko.

Säilön TITLE yleinen syntaksi on seuraava:

Otsikko ei ole pakollinen asiakirjasäilö. Se voidaan laskea alas. Monien hakukoneiden robotit käyttävät TITLE-elementin sisältöä luodakseen asiakirjasta hakukuvan. Nimikkeen TITLE sanat sisältyvät hakukonehakemistoon. Näistä syistä on aina suositeltavaa käyttää TITLE-elementtiä Web-sivustojen sivuilla.

Merkintäelementti BASE-arvoa käytetään epätäydellisessä (osittaisessa) muodossa määritettyjen dokumenttien hypertekstilinkkien perus-URL-osoitteen määrittämiseen. Lisäksi BASE antaa sinun määrittää oletusarvoisen asiakirjan latauskohdeikkunan, kun valitset hypertekstilinkin nykyiselle asiakirjalle. BASE löytyy useimmiten sellaisten sivustojen sivuilta, joilla on "peilejä". Joitakin pääpalvelimen asiakirjoja ei siirretä "peilipalvelimelle" eri syistä. Tässä tapauksessa asiakirja, jolla on pakotettu perus-URL, linkittää aina pääpalvelimeen.

Säilön aloitustunniste sisältää yhden pakollisen HREF-attribuutin ja voi sisältää yhden valinnaisen TARGET-attribuutin. BASE-säilön yleinen syntaksi on seuraava:

Merkintäelementti ISINDEXia käytetään hakumallin määrittämiseen, ja se on peritty aiemmista HTML-versioista. HTML 4.0:ssa tätä säilöä ei ole määritetty.

META-merkintäelementti

META sisältää ohjaustiedot, joita selain käyttää dokumentin rungon sisällön näyttämiseen ja käsittelemiseen oikein, esimerkiksi Content-type-attribuutin avulla voit määrittää dokumentin uudelleenkoodauksen asiakaspuolella.

Voit myös määrittää muita operaattoreita META:n avulla. Esimerkiksi poista asiakirjojen välimuisti käytöstä. Voit poistaa välimuistin käytöstä lisäämällä seuraavanlaisen tagin META-otsikkoon:

HTTP-protokollan uudessa versiossa (HTTP 1.1) välimuistia ohjataan Cache-Control-käskyn kautta. Saadaksesi saman tuloksen kuin tapauksessa Pragma, HTML-dokumentin otsikossa riittää, että ilmoitetaan:

Voit kieltää asiakirjan tallentamisen edelleenlähetyksen jälkeen.

3. Hypertekstikieli HTML

Hypertekstien tulee alkaa sanalla ja päättyä sanaan. Kulmasulkeissa olevia sanoja kutsutaan HTML:ssä tageiksi ja ohjelmoinnissa kuvailijoiksi. Lähes kaikki HTML-tunnisteet on yhdistetty - ja, ja jne.

Parilliset tagit korostavat tiettyä hypertekstin fragmenttia - "otsikko", "teksti" jne. Ensimmäinen tagi aloittaa fragmentin ja toinen päättää sen. Päättävät kuvaajat edeltävät nimeä murto-osalla / .

HTML-kielellä kirjoitettujen hypertekstien yleinen rakenne:

hyperteksti::= otsikon runko

otsikko::= otsikko

otsikko::= otsikko

body::= teksti

HTML-sääntöjen mukaan hyperteksteillä on oltava "otsikko" ja "teksti". Julkaisuina hypertekstit voivat sisältää ja niiden pitää sisältää tietoa tekijöistä ja tekijänoikeuksien haltijoista (sivustoista).

Hypertekstin otsikossa on oltava "otsikko", joka näkyy selaimissa tietokoneen näytön ylimmällä rivillä. Otsikon tulee ilmaista julkaisun pääidea (sivu). Hyperteksti ilman otsikkoa on kuin artikkeli ilman otsikkoa.

Hypertekstin ”runko” sisältää tekstejä, taulukoita, valokuvia ja kuvia. Ero sähköisten hypertekstien ja tavallisten paperitekstien välillä on hyperlinkkien sisällyttäminen, joiden napsauttaminen aiheuttaa uusien hypertekstien lataamisen.

Esimerkki hypertekstistä ja sen tulos, jonka selain näyttää tietokoneen näytöllä:

Hyperteksti: Tulos:

Selaimen tulos on verkkosivustolle tallennetun hypertekstin lataaminen ja näyttäminen selainikkunassa määritettyyn osoitteeseen. Jos hyperteksti on liian suuri, selain näyttää hypertekstin vetämispainikkeet näytön oikealla tai alareunalla.

Tietokonenäyttöjen koot ovat seuraavat. Näytön vähimmäiskoko on 640 x 480 pikseliä. Muita vakionäyttökokoja ovat 800 x 600, 1024 x 768 ja 1280 x 1024 pikseliä. Siksi hypertekstit voivat näyttää erilaisilta eri näytöillä.

Hypertekstien yleinen rakenne ja niiden näyttäminen tietokoneen näytöllä:

Hyperteksti: Tulos:

Tekstiosa voi koostua riveistä ja kappaleista otsikoineen ja ilman, luetteloineen, taulukoineen ja valikoineen.

leipäteksti

teksti::= otsikko ( teksti ) |

luettelo(teksti) |

taulukko(teksti) |

Hypertekstien otsikot muotoillaan seuraavasti:

otsikko::=

Nimi

otsikko::=

Nimi

otsikko::=

Nimi

jossa tagit H2, ..., h6 asettavat otsikoiden koon suhteessa päätekstiin.

Hypertekstien kappaleet alkavat kuvauksella

hyperteksti |

Siirtyminen uudelle riville ja kappaleille osoitetaan kuvauksella . Kappaleen p> loppu on valinnainen, mutta pakollinen käytettäessä parametreja kappalekuvauksessa.

Kappaleiden pääparametri on tasaus - tekstien tasaus tietokoneen näytöllä. Selaimet suorittavat tekstin tasauksen automaattisesti tietokoneen näytön koon mukaan:

align=center - keskitä näyttö:

align=left- vasempaan reunaan;

align=right - oikeaan reunaan;

align=justify - koko näyttö.

Kappaleiden tasaamiseksi on valittava yksi yhteinen tyyli ja käytettävä sitä kaikissa sivuston hyperteksteissä.

Hypertekstien suunnittelua varten HTML-kuvauskielellä on runsaasti fontteja, tyylejä ja resursseja. Yksinkertaisin suunnittelukeino on sanojen korostaminen, jotta sivuston lukijoiden huomio saadaan kiinnitettyä tekstin yksittäisiin osiin.

Voit käyttää lihavointia tai alleviivausta korostaaksesi sanoja hypertekstissä käyttämällä seuraavia tunnisteita:

Suuret symbolit

lihavoitu kirjasin

kursivoitu i>

alleviivaus

yliviivaus

pieniä hahmoja

Fontin korostus hyperteksteissä määritellään tagilla :fonts::=tekstin fontti>

Fonttiparametrit - niiden koko ja tyyppi. Fonttikoot määritetään parametrilla koko = koko.

Koko ilmaistaan ​​nimenomaisesti 1:stä 6:een, joko korotuksena +1, +2 tai vähennyksenä - 1, -2.

Fonttityyppi määritetään parametrilla

kasvot = fontti

Tässä fontti on yksi vakiofonteista: "Times", "Courier" jne.

Fontin väri määritellään parametrilla co1og = color, jossa väri on valitun hypertekstifragmentin väri. Esimerkiksi tekstin korostaminen punaisella:

tekstin fontti >

Värien vakionimet HTML-kielellä:

punainen - punainen, vihreä - vihreä, sininen - sininen, musta - musta,

valkoinen - valkoinen, kulta - kultainen, keltainen - keltainen jne.

Hypertekstien suunnittelussa on parasta ottaa malliksi ammattikustantamon julkaisema hyvä kirja tai aikakauslehti tai jonkun ammattimaisesti suunniteltu e-kirja, sanomalehti tai Internet-sivusto.

Yhtenäinen suunnittelutyyli on tärkeä ominaisuus kaikissa julkaisuissa kirjoissa, aikakauslehdissä ja verkkosivustoissa. Jatkossa on parasta noudattaa hyväksyttyä standardia ja suunnittelutyyliä koko sivuston luomisen ja ylläpidon ajan.

Hypertekstien fragmentit voivat sijaita samalla sivustolla tai useilla sivustoilla tai jopa useilla palvelimilla. Ulkoiset hyperlinkit osoittavat vastaavien tiedostojen nimet sivustolla, palvelimella tai Internetissä:

Ulkoisten hyperlinkkien yleinen muoto on:

jossa "osoite" on hypertekstin osoite sivustossa tai toisessa Internet-palvelimessa.

Esimerkkejä ulkoisista hyperlinkeistä:

a) Internet-sivuston osoite:

http://bak2.nagod.gu

b) sivun osoite verkkosivustolla:

http:// bak2.nagod.gu/inrogl.html.

c) sivun osoite sivustokansiossa;

http://bak2.nagod.gu/tests/test2.html.

testit 2 a>

Hyperlinkkien avulla järjestetään kaikkien piirustusten, valokuvien ja muiden graafisten kuvien sijoittaminen sivustoille. Tätä varten kaikki graafisilla kuvilla varustetut tiedostot tallennetaan valmiiksi sivustolle.

Grafiikkatiedostot sijoitetaan yleensä verkkosivustoille ja erilliseen kansioon nimeltä kuva. Kuvien lataaminen käyttäjien tietokoneiden näytöille tapahtuu selaimilla operaattoreiden avulla :

Operaattoreiden yleinen muoto graafisten kuvien lataamiseen:

Kuvien sijainti tietokoneen näytöllä määräytyy kohdistusparametrien mukaan: align=left - vasenta reunaa pitkin, align=right - näytön oikeaa reunaa pitkin. Teksti virtaa sitten kuvien ympärillä oikealla tai on sokea.

Kuvia voidaan painaa näytön ylä- tai alareunaan, joka asetetaan parametreilla: align =top - yläreunaan, align=bottom - näytön alareunaan tai tasataan näytön keskelle - tasaa = keskellä.

Kuvien sijoittamiseksi tietokoneen näytölle niiden leveys ja korkeus voidaan määrittää latauslausekkeessa:

korkeus:= korkeus = "korkeus"

leveys:= leveys= "pituus"

Kuvien mitat määritetään näytön pikselien lukumäärän (pikseleinä) tai prosentteina tietokoneen näytön korkeudesta tai leveydestä. Jälkimmäisessä tapauksessa kuvilla on eri kokoja eri näytöillä. Laskemalla kuvien sijoittelun vähimmäisnäytön kokoille voit olla varma niiden sijoituksesta minkä tahansa muun kokoisille näytöille.

Kuvien koot valitaan yleensä siten, että ne näkyvät kokonaisuudessaan myös pienikokoisilla tietokoneen näytöillä. Jos tietokonenosturi on suurempi, kuvat kattavat vain osan siitä.

Hypertekstiluettelot ovat luetteloita, joissa luettelon elementit on numeroitu tai korostettu. Kaikki elementit alkavat tunnisteilla

Hypertekstin merkintäkieli(HTML) – hypertekstin merkintäkieli – on tarkoitettu World Wide Webissä julkaistujen hypertekstidokumenttien kirjoittamiseen.

Hypertekstiasiakirja on tekstitiedosto, jossa on erityisiä tunnisteita, jotka selain tunnistaa myöhemmin ja käyttää tiedoston sisällön näyttämiseen tietokoneen näytöllä. Näiden merkkien avulla voit korostaa asiakirjojen otsikoita, muuttaa kirjainten väriä, kokoa ja tyyliä sekä lisätä grafiikkaa ja taulukoita. Mutta hypertekstin tärkein etu tavalliseen tekstiin verrattuna on kyky lisätä asiakirjan sisältöä hyperlinkkejä– erityisiä HTML-kielirakenteita, joiden avulla voit tarkastella toista asiakirjaa napsauttamalla.

Hypertekstiasiakirjoja voidaan luoda kahdella tavalla. Voit käyttää jotakin WYSIWYG HTML -editorista (esimerkiksi Microsoft FrontPage jne.), joka ei vaadi erityistä tietoa luotavan asiakirjan sisäisestä rakenteesta. Tämän menetelmän avulla voit luoda asiakirjoja WWW-verkkoa varten ilman HTML-tietoa. HTML-editorit automatisoivat hypertekstiasiakirjojen luomisen ja poistavat rutiinityöt. Niiden ominaisuudet ovat kuitenkin rajalliset, ne lisäävät huomattavasti tuloksena olevan tiedoston kokoa, ja heidän avullaan saatu tulos ei aina täytä kehittäjän odotuksia. Mutta tietysti tämä menetelmä on välttämätön aloittelijoille hypertekstiasiakirjojen valmistelussa.

Vaihtoehtona on luoda ja merkitä asiakirja tavallisella tekstieditorilla (NotePad). Tällä menetelmällä HTML-komennot lisätään tekstiin manuaalisesti. Luomalla asiakirjoja tällä tavalla tiedät tarkalleen, mitä olet tekemässä.

Kuten jo todettiin, HTML-dokumentti sisältää merkkitietoja. Yksi osa sitä on itse teksti eli data, joka muodostaa dokumentin sisällön. Toinen - tunnisteet(merkintätunnisteet), kutsutaan myös merkintäliput, ovat erityisiä HTML-kielirakenteita, joita käytetään asiakirjan merkitsemiseen ja sen näytön ohjaamiseen. HTML-kielitunnisteet määräävät, missä muodossa teksti esitetään, mitkä sen komponenteista toimivat hypertekstilinkkeinä ja mitkä grafiikka- tai multimediaobjektit dokumenttiin tulee sisällyttää. HTML-dokumenttiin sisältyvät grafiikka- ja äänitiedot tallennetaan erillisiin tiedostoihin. HTML-dokumenttien katseluohjelmat (selaimet) tulkitsevat merkintäliput ja järjestävät tekstin ja grafiikan näytöllä sen mukaisesti. HTML-dokumentteja sisältäville tiedostoille hyväksytään tunniste .htm tai .html.

Tunnisteita kirjoitettaessa ei ole eroa isojen ja pienten kirjainten välillä. Useimmissa tapauksissa tunnisteita käytetään pareittain. Pari koostuu aloittavasta (aloitustagi) ja päättävästä (lopputunniste) -tagista. Avaavan tagin syntaksi:

<имя_тега [атрибуты]>

Syntaksikuvauksessa käytetyt suorat sulkeet osoittavat, että elementti saattaa puuttua. Päättävän tagin nimi eroaa avaavan tagin nimestä vain siten, että sitä edeltää kauttaviiva:

Tunnisteen attribuutit kirjoitetaan seuraavassa muodossa:

nimi[="arvo"]

Lainausmerkit argumentin arvoa määritettäessä ovat valinnaisia ​​ja ne voidaan jättää pois. Joillekin määritteille arvoa ei ehkä ole määritetty. Päättävällä tunnisteella ei ole määritteitä.

Minkä tahansa pariksi liitetyn tagin toiminta alkaa kohdasta, jossa avaustunniste kohdataan, ja päättyy, kun vastaava sulkeva tagi kohdataan. Usein kutsutaan paria, joka koostuu avaus- ja sulkemistunnisteesta kontti, ja tekstin osa, jota reunustavat avaus- ja sulkemistunnisteet elementti.

Tekstin muodostava merkkijono voi koostua välilyönnistä, sarkaimista, rivinvaihdoista, rivinvaihdoista, kirjaimista, välimerkeistä, numeroista ja erikoismerkeistä (esimerkiksi +, #, $, @), lukuunottamatta seuraavat neljä merkkiä, joilla on erityinen merkitys HTML:ssä:< (меньше), >(suurempi kuin), & (ampersend) ja " (kaksoislainaus). Jos sinun on sisällytettävä jokin näistä merkeistä tekstiisi, sinun on koodattava se erityisellä merkkijonolla.

HTML-dokumentin rakenne

HTML-tunnisteista tärkein on samanniminen tagi - . Sen pitäisi aina avata asiakirjasi, aivan kuten tunniste täytyy ehdottomasti näkyä sen viimeisellä rivillä. Nämä tunnisteet osoittavat, että niiden väliset viivat edustavat yhtä hypertekstiasiakirjaa. Ilman näitä tunnisteita selain tai muu katseluohjelma ei pysty tunnistamaan asiakirjan muotoa ja tulkitsemaan sitä oikein.

Lopputunniste on yhtä tärkeä kuin aloitustunniste. Jos esimerkiksi sähköpostiin sisältyy dokumentti, tunniste kehottaa katsojaa lopettamaan tekstin tulkitsemisen HTML-koodina.

HTML-dokumentti koostuu kahdesta osasta: pää ja runko, jotka on järjestetty seuraavassa järjestyksessä:

Voit sisällyttää HTML-dokumenttiin kommentit, jonka avulla voit piilottaa osan tekstistä selaimelta. Mikä tahansa merkkijonojen välissä oleva, jää näkymättömäksi sivua katseltaessa. Kommentteja ei voi laittaa sisäkkäin

Otsikon lisääminen asiakirjaan on valinnaista. Otsikon tehtävänä on esittää tarvittavat tiedot selaimelle ja HTTP-palvelimelle. Asiakirjan otsikon sisällä olevat tiedot eivät yleensä näy näytöllä (paitsi asiakirjan otsikko).

Asiakirjan otsikko avataan tunnisteella , joka yleensä seuraa tunnistetta välittömästi . Sulkeva tagi näyttää tämän osan lopun ja loput asiakirjan otsikkotunnisteet niiden välissä.

Useimmiten parillinen tunniste sisältyy asiakirjan otsikkoon , joka määrittää asiakirjan otsikon. Monet katsojat käyttävät sitä sen ikkunan otsikkona, jossa asiakirja näytetään. Internetissä olevia asiakirjoja indeksoivat ohjelmat käyttävät otsikkoa sivun tunnistamiseen. Hyvän otsikon tulee olla riittävän pitkä tunnistamaan vastaava sivu oikein, mutta samalla sen tulee mahtua ikkunan otsikkoon. Asiakirjan otsikko mahtuu avaus- ja sulkemistunnisteen väliin. Asiakirjan runko

Toisin kuin otsikko, dokumentin runko on pakollinen elementti, koska se sisältää kaiken asiakirjasi materiaalin (on vain yksi poikkeus, johon tulemme tutustumaan myöhemmin - kun dokumentissa on rungon sijaan kehyksiä ryhmä ). Asiakirjan runko sijoitetaan tunnisteiden väliin Ja. Selain tulkitsee kaiken näiden tunnisteiden väliin HTML-kielen sääntöjen mukaisesti, mikä mahdollistaa sivun näyttämisen oikein näytön näytöllä.

Tag ei vain merkitse asiakirjan sisällön alkua, vaan asettaa myös sen perusominaisuudet: taustavärin, tekstin ja paljon muuta. Nämä ominaisuudet määritetään käyttämällä taulukossa esitettyjä attribuutteja.

Runkoasiakirja

Asiakirjan osien värin määrittäminen on yksi ensimmäisistä vaiheista asiakirjan luomisessa. Jos näin ei tehdä, käytetään selaimen asetusten määrittämiä oletusvärejä. Tasapainoisen asiakirjan väripaletin luomiselle ei ole sääntöjä. Sinun on vain varmistettava, että voit lukea tekstin ilman haittaa. Kun valitset väripalettia, yritä säilyttää suuri kontrasti tekstin ja taustan välillä ja välttää toistensa vieressä olevia samanvärisiä alueita.

Väri voidaan määrittää nimellä (esimerkiksi vihreä) tai heksadesimaaliluvulla, joka määrittää värin RGB-mallissa. Tämä värimalli perustuu värin määritelmään kolmen päävärisävyn yhdistelmänä: punainen (punainen), vihreä (vihreä) ja sininen (sininen). Jokainen komponentti määritellään kaksinumeroisella heksadesimaaliluvulla (eli vaihtelee välillä 00 - FF). Nämä arvot yhdistetään sitten yhdeksi numeroksi, jota edeltää #-symboli (useimmat nykyaikaiset selaimet voivat tunnistaa värin määrittämättä #-symbolia).

Alla on taulukko 16 vakioväristä sekä niiden heksadesimaalikoodit.

HTML olettaa, että dokumentin kirjoittaja ei tiedä mitään lukijan tietokoneesta. Lukijalla on oikeus asettaa minkä tahansa ikkunan koko ja käyttää mitä tahansa käytettävissään olevia fontteja. Tämä tarkoittaa, että se, missä riviviiva esiintyy, määräytyy yksinomaan katsojan ja loppukäyttäjän asetuksista. Alkuperäisen asiakirjan rivinsyöttömerkit jätetään huomioimatta, mikä voi johtaa siihen, että muokkausikkunassasi hienolta näyttävä teksti hahmonnetaan vain lukukelvottomana tekstinä katseluikkunassa.

Voit välttää tämän ongelman jakamalla kappaleisiin tunnisteen avulla<Р>.Aseta se jokaisen kappaleen alkuun ja katseluohjelma erottaa kappaleet tyhjällä rivillä. Sulkevan tagin käyttäminen

Joskus on tarpeen "katkaista" teksti siirtämällä loput uudelle riville valitsematta uutta kappaletta. Tämä tehdään rivinvaihtotunnisteen avulla.
.Se pakottaa katsojan näyttämään sitä seuraavat merkit uudelle riville. Toisin kuin kappaletunniste,
ei lisää tyhjää riviä. Tällä tunnisteella ei ole paria sulkevaa tunnistetta.

Esimerkki

Mistä talvi tuli?

Sinä et tiedä, kukaan ei tiedä.

Kaikki hiljeni. Hän itse

ei purista kylmiä huuliaan.

Jotkut selaimet tulkitsevat useita vierekkäisiä tunnisteita
yhtenä tunnisteena, joten sinun ei pitäisi käyttää sitä tyhjien rivien lisäämiseen.

Toinen tapa jakaa asiakirja osiin on piirtää vaakasuoria viivoja. Ne korostavat visuaalisesti sivun tietyn alueen täydellisyyttä. Tag

---

voit piirtää kohotetun vaakaviivan useimpien katseluohjelmien ikkunaan. Tämä tagi ei vaadi sulkevaa tunnistetta. Tyhjä rivi lisätään automaattisesti rivin eteen ja jälkeen.

Vaikka HTML sisältää tunnisteita erilaisten fonttitehosteiden aikaansaamiseksi (lihavoitu, kursivoitu, alleviivattu), kaikki selaimet eivät tue niitä. Kaikki selaimet tukevat kuitenkin tavalla tai toisella tekstin valintaa. Siksi loogisen tekstin muotoilun käyttö saa katsojan joka tapauksessa korostamaan tekstin eri osia ja paljastamaan dokumentin rakenteen.

Asiakirjan otsikko määritetty tunnisteella

Tason 1 otsikko

Tason 2 otsikko

Tason 3 otsikko

Tason 4 otsikko

Tason 5 otsikko

Tason 6 otsikko

Muista, että jos unohdat lisätä päättävän otsikkotunnisteen, sivu näyttää vääristyneeltä: mikä tahansa otsikkotunniste lisää automaattisesti tyhjän rivin ennen ja jälkeen itsensä.

Yksi eroista HTML-dokumentin ja kirjoituskoneella valmistetun asiakirjan välillä on kyky muotoilla tekstiä. HTML-kielen avulla dokumentin kirjoittaja voi valita haluamansa fontin, sopivan kirjainten koon, värin ja tyylin. Fyysiset muotoilutunnisteet ovat vastuussa kaikista näistä tekstin näyttövaihtoehdoista. Ne vaikuttavat kaikkiin merkkeihin avaus- ja sulkemistunnisteiden välissä.

Fyysiset muotoiluelementit voidaan sijoittaa sisäkkäin, vaikka lopputulos vaihtelee selaimittain. Tässä tapauksessa sinun on varmistettava huolellisesti, että yksi säiliö sijaitsee kokonaan toisessa astiassa, esim.

lihavoitu ja alleviivattu teksti

Yllä olevien tunnisteiden lisäksi dokumentissa voidaan käyttää tunnistetta , jonka avulla voit määrittää suoraan fontin koon ja värin. FONT-elementti on säilö, mikä tarkoittaa, että se vaatii sekä avaus- että sulkemistunnisteet, ja sitä voidaan käyttää minkä tahansa muun tekstisäiliön sisällä.

Aloitustunnisteen jälkeen on ilmoitettava attribuutit, joita ilman elementti ei vaikuta säilöön sijoitettavaan tekstiin.

FACE-attribuutilla voit määrittää fonttityypin, jota katselija käyttää tekstisi näyttämiseen (jos käyttäjällä on sellainen). Jos vaadittua fonttia ei ole saatavilla, ohjelma jättää pyynnön huomioimatta ja käyttää oletusfonttia.

Tämän määritteen avulla voit määrittää yhden tai useamman kirjasimen (pilkuilla erotettuna). Koko luettelo skannataan vasemmalta oikealle ja ensimmäistä käyttäjän koneessa olevaa luetteloa käytetään asiakirjan näyttämiseen.

SIZE-attribuuttia käytetään ilmaisemaan kirjasinkoko mielivaltaisina yksiköinä 1 - 7. "Normaalin" fontin koon katsotaan vastaavan numeroa 3. Koko voi olla joko absoluuttinen arvo (SIZE=5) tai suhteellinen arvo (KOKO=+2). Toisessa esimerkissä nykyistä fonttikokoa suurennetaan kahdella.

COLOR-attribuutti määrittää fontin värin, joka voidaan määrittää joko RGB-muodossa tai määrittämällä nimi.

Esimerkki

Teksti Punainen Ja

iso koko

Huolimatta siitä, että HTML-dokumentti sisältää useita osia, voimme sanoa sen hypertekstilinkkejä- WWW:n perusta. Jos Web-sivut eivät linkittäisi toisiinsa, verkkosisällöstä tulisi vain joukko toisiinsa liittymättömiä tiedostoja.

Tagiparia käytetään hypertekstilinkin luomiseen .... Tekstinpätkä, kuva tai mikä tahansa muu näiden tunnisteiden välissä oleva objekti näytetään selainikkunassa hypertekstilinkkinä. Tällaisen objektin aktivointi saa aikaan uuden asiakirjan lataamisen selainikkunaan tai nykyisen Web-sivun jonkin muun osan näyttämisen. Hypertekstilinkki muodostetaan lausekkeella

asiakirjan fragmentti

HREF on tässä pakollinen attribuutti, jonka arvo on pyydetyn resurssin URL-osoite. Lainausmerkit HREF-attribuutin arvon määrittämisessä ovat valinnaisia.

Tekstihakemistot, eli linkkeinä toimivat tekstifragmentit eivät eroa ulkonäöltään. Tyypillisesti tämä ilmaisin on sana tai sanat, jotka on alleviivattu suoralla viivalla. Osoittimen väriä voidaan säätää tekijän ja katsojan ohjelman asetuksista.

Graafiset osoittimet, eli linkkikuvat korostetaan samanvärisellä kehyksellä kuin tekstin ilmaisimet.

Esimerkki

HTML-standardit tukevat tällä hetkellä tunnisteita kolmelle eri listalle: numeroidut (järjestetty), luettelomerkitty (järjestämätön) ja määritelmäluettelot. Listat ja luetteloelementit ovat lohkoelementtejä. Tämä tarkoittaa, että tyhjät rivit lisätään automaattisesti ennen ja jälkeen niitä.

HTML-kieli mahdollistaa kaikentyyppisten luetteloiden sisäkkäisyyden. Voit tehdä tämän asettamalla yksi pari tunnisteita (alku ja loppu) toisen sisään. Muista, että kaikkien olemassa olevien luetteloiden on päätyttävä sulkevaan tunnisteeseen.

Numeroituja (järjestettyjä) listoja käytetään, kun listan elementtien näyttöjärjestys on tärkeä. Selain lisää automaattisesti elementtinumerot järjestyksessä numeroita ei tulosteta alkuperäiseen HTML-tekstiin. Jos luetteloelementtien lukumäärä muuttuu (poiston tai uusien elementtien lisäämisen seurauksena), numerointi päivittyy automaattisesti.

Koko numeroitu luettelo on suljettu tunnisteparin väliin, ja jokainen luettelon elementti on tagien välissä