Mikä on Web-sivuston? Luetella tärkeimmät elementit Web-sivun

Suurin osa sisällöstä esitetään Internetissä - Web-sivun. Tämä on historiallisesti ensimmäinen laji tarkoitettujen asiakirjojen sijoitettavaksi virtuaaliverkko tilaa, mutta ne ovat edelleen merkityksellisiä ja käytännössä ei ole kilpailevia formaatteja. Mikä rakenne verkkosivujen? Avulla joidenkin web kehitystyökaluja ne luodaan?

Mikä on Web-sivuston?

"Listaa pääkohdat Web-sivun" - kertoo tutkijan luokkahuoneessa tietojenkäsittelytieteen. Mitä voimme sanoa vastaukseksi? Ensinnäkin, kertoo siitä, mitä web-sivun periaatteessa.

Yleisesti hyväksytyillä keskuudessa IT-asiantuntijoiden määritelmä, asiakirja, joka on suunniteltu avautumaan erityinen ohjelma - selain ja sisältää näytettävät tiedot tietokoneen näytöllä avulla sopiva tyyppi eri hyödyllistä sisältöä - tekstiä, linkkejä, grafiikkaa, videoita, musiikkia, ja .. jne nettisivustolla - tekstiasiakirjamuoto. Merkitykselliset tiedot selaimen ovat kirjaimia, numeroita ja erikoismerkkejä, joita käytetään osia markup language - HTML. Se on kanssa avulla hänen luoja "selittää" web-sivun selaimen miten näyttö ruudulla tai muuta sisältöä.

Paikka ja rooli verkkosivut sivuston rakenteen

Voimme sanoa, että web-sivusto - se on tärkein osa verkkosivuilla? Tämä on osittain totta. Koska kuitenkin edellä todettiin, verkkosivu - se on vain tekstiä asiakirjaan. Sivusto, pääsääntöisesti sijaitsevat myös kuvia, videoita ja muuta multimediaa elementit. Web-sivujen sijaan tölkki, mutta sen rakenteissa, se voi sisältää viittauksia niihin. Siten web-sivu voidaan kutsua tärkeä osa verkkosivuilla näkökohta hallitseva rooli kartoitus virtuaalisen sisällön käyttäjille.

Harvoissa tapauksissa, tietenkin, kyseinen asiakirja on ainoa osa sivuston - jos se jostain syystä ei tarjoa näyttögrafiikkaa, videota ja muuta multimediaa elementit. Erityisesti ensimmäinen sivustoja - kun Web-sivut markup language näkyvät vain - ei kuulunut asiaan sisältöä. vain tekstiä ja linkkejä oli ennen käyttäjän silmät.

Periaate osallistuminen hypertekstin

Siten web-sivu kutsutaan laatima asiakirja HTML-kieleen, jonka kautta hypertext markup. Mutta mikä on tämän ilmiön? Mikä on hypertekstin? Menemättä paljon teoriaan, toteamme, että tämä teksti, joka jollain tavalla mahdollistaa nopean pääsyn toiselle - viittaamalla. Tyypillisessä kirja tämä ei ole mahdollista - on "pelkkää tekstiä." Siirry haluamaasi sivua, lukija joutuu tekemään joitakin käännetään, ennen lukemista sisällöstä tai alaviitteet. Kun "hyperteksti" -tilassa, suurin osa työstä tehdään tietokoneella - kustannuksella tiedot näkyvät sivun HTML-elementtejä.

Jos tietokone tiedeopettaja kertoo meille: "Listaa pääkohdat Web-sivun", voimme aivan oikein voi aloittaa tarinan komponenteista kuin kyseisen asiakirjan, joka on luotu käyttämällä HTML markup. Siksi ensimmäinen harkita joitakin teoreettisia seikkoja, jotka koskevat HTML.

Rakenne HTML: tagit

Miten selain lukee tarvittavat tiedot web-sivun asiakirjan, joka on laadittu kielellä HTML? Hyvin yksinkertaista.

Peruselementit kielen - se tageja. Ne ovat useimmiten miehiä - on avaaminen ja sulkeminen siellä. Ensimmäinen on merkitty kulma suluissa. Toinen - sama, mutta vinoviiva on sijoitettu eteen toisen kiinnikkeen - symboli /. Selain voi tunnistaa ne, ja siksi ei ole ongelma näyttää verkkosivuja mukaisesti algoritmien luoma kehittäjä asiakirjan.

Aukko tunniste kirjoitetaan yleensä suurin kirjaimin kattaa - pieni. Tämä on - standardi vakiintunut keskipitkällä IT-asiantuntijoita. Selaimen varmasti tunnistaa HTML-osoita mitään kirjeitä, mutta web-kehittäjien pitäisi silti noudattaa merkitty piiri kirjallisesti tageja. Tämä helpottaa esimerkiksi tarkistamista verkkosivuja muita asiantuntijoita.

määritteet

Muita keskeisiä elementtejä HTML-kielen - määritteitä. Niiden avulla luoja sivun sisältöä muuttaa ominaisuuksia - kuten fontin korkeus, sen väri, sijainti suhteessa sivulle. Sama koskee kuvia, videoita ja muuta multimediaa komponentteja. Attribuutteja kirjoitetaan olevaan aukkoon tunnisteen.

sisältö

Välillä avaaminen ja sulkeminen tag on seuraavat keskeiset osat verkkosivun - sisällön. Se on, itse asiassa sama sisältö näytetään käyttäjälle näytöllä. Tämä voi olla tekstiä, linkkejä, kuvia, videoita tai muuta multimediaa elementit.

Verkkosivun elementit

"Niin, luetella peruselementit Web-sivuja, vihdoinkin!" - toistaa opettaja. "Mielelläni," - me vastata siihen. Mikä osa rakennetta tämäntyyppisen asiakirjoja? Olemme samaa mieltä, että harkitsemme tätä näkökohtaa yhteydessä vain HTML-sivun elementtejä. Eli ne näkyvät selaimessa - mitä käyttäjä näkee näytöllä - olemme kiinnostuneita vähemmässä määrin. Se, että asiaa HTML-algoritmeja, johon ohjelma näyttää saman sisällön voi olla erilainen. Ja tämä ominaisuus HTML: Voit katsoa haluttu kuva Web-sivun eri tavoin. Siten ne voivat olla sekä vastaavat toisiaan sivun luoja merkitsee työvoiman ja ottaa eri määrän aikaa ja vaivaa niiden toteuttamiseksi.

Verkkosivun elementit: title

Vakioelementit Web-sivuja, ikään kuin se saattaakin kuulostaa yllättävä, kun otetaan huomioon hyvin pieniä määriä. Itse asiassa on vain kaksi - otsikko ja tärkein osa asiakirjaa. Kuitenkin jokainen niistä voi olla melko monimutkainen rakenne.

Mikä on spesifisyys otsikon? Se sijaitsee hyvin alkuun sivun. HTML-koodia, joka luo otsikon, pääsääntöisesti odotetaan "salaus" vain tekstiä, mutta voit myös tehdä pieni graafinen insertti tarvittaessa vastaavassa elementin. Ja se on itse asiassa kaikki mitä voidaan sanoa otsikko. Näyttää siltä, että hänen roolinsa rakenteessa asianomaisten asiakirja on merkityksetön. Mutta tämä ei pidä paikkaansa. Web-sivun otsikot ovat erittäin merkittäviä kannalta sivuston indeksointi hakukoneisiin - Yandex, Google. Tämä elementti on oltava täysin on merkitystä sisällön Web-sivun, sekä niche sivustoja yksityiskohtia.

Miten sivun nimikettä tallennetaan HTML kieltä? Hyvin yksinkertaista. Ensimmäinen kirjallinen -tunnisteen että aina näkyy HEAD kanssa kulmaraudat, ja sitten - sisältö otsikon, jälkeen - päättävä tunniste. Ne on kirjoitettu, tietenkin huipulla web asiakirjan.

Otsikossa Verkkoasiakirjan voi sisältää useita muita elementtejä. Joskus Web-sivun muodossa saattaa edellyttää tekstin näyttämistä tietyn koodausta. Miten varmistetaan, että Web-asiakirja, joka kriteeri? Hyvin yksinkertaista. Asiakirjassa otsikkorakenteessa se sijoitetaan HTML-algoritmit määrättäessä selaimen käyttämään tiettyä koodaus kieli - kuten kyrillisiä. Asianmukaiset komennot on sijoitettu metatagin, joka, kuten muut, on avaaminen ja sulkeminen.

Suurin osa web-sivun

Suurin osa rainan asiakirja avataan tag BODY, sulkee avulla vastaavan elementin, joka käsittää vinoviivalla. Samalla välillä avaaminen ja sulkeminen tunnisteita voi olla valtava määrä muita hypertext markup language komentoja. Tämä johtuu siitä, että suurin osa siitä sijoitettava hyödyllinen web-sivun sisällön - tekstiä, linkkejä, grafiikkaa, videota, erilaisia täyttämään lomakkeita.

Kunkin vastaavan tyyppistä sisältöä on oma tunniste. Rakenteen tärkein osa web-asiakirja voi olla läsnä HTML-komentoa, jolla muotoilua tekstin suoritetaan myös - esimerkiksi antamalla fontti väri, koko ja muut ominaisuudet.

Mieti siis, mikä on spesifisyys joidenkin yleisesti käytettyjen HTML-tunnisteita. Oikeastaan, ne muodostavat myös peruselementit Web-sivun.

Basic HTML-tunnisteita

Joten, tarkoituksena yksityiskohtaisen tutkimuksen mitkä ovat elementtejä web-sivuja, tutkittu yksityiskohtaisesti ydin perus HTML-tunnisteita. Jotkut niistä olemme jo Mainituista - erityisesti jolla selain lukee sivun otsikot ja määrittää, mikä on tärkein osa asiakirjaa.

Melko yleinen tunniste P. Hän, samoin kuin muidenkin vastaavien elementtien hypertext markup language, voidaan avata ja sulkea. Tämän tunnisteen avulla voit muotoilla kappaleen asiakirjan erikseen. Voit esimerkiksi asettaa tietyn fontin ja värin häntä. Kuitenkin, tämä saadaan aikaan käyttämällä valinnainen koodi - FONT. Tässä tapauksessa, se sijoitetaan sisällä kohdassa, joka viittaa rajat - se ei jakaa HTML-komento näyttää tyyppi edullisen fontin muita elementtejä web-sivun.

Kanssa TAULUKKO tag luotu taulukko. Avulla sen vastaavat attribuutit määrittää tarvittava määrä sarakkeita ja rivejä, jotka määrittelevät niiden leveys spesifisyys rajoja, kokoa ja väriä tekstin fontin taulukossa.

IMG tag tehtävä on käsitellä selaimen kuvia. On myös mahdollista sijoittaa eri ominaisuuksia koskevat koko kuvan, sen sijaintia sivulla.

Linkkejä muihin web-asiakirjoja, on määritelty käyttäen tag A. Pääsääntöisesti sijaitsevat sisällä määritteet, mikä ilmaisee, ettei rakenteen verkkosivun - hyperlinkki. Se huomauttaa myös asiakirjan, tiedoston tai verkkosivuilla johon se johtaa.

Jakoi tag FRAMESET-. Sen avulla voi jakaa tilan sivun useisiin alueisiin - kehyksiä. Kussakin niistä voit lähettää linkkejä yksittäisiin verkkoasiakirjoihin. Eli Runko mahdollistaa asetettu oikein samalla näytöllä samaan aikaan kaksi tai useampia sivuja.

Tarina avaintekijöitä verkkosivuja ja myöhemmin tarina keinoja alustuksen käyttäen kieltä HTML - karkeasti algoritmi on meidän vastaus kysymykseen kysyimme tutkijalle. Jos hän puhui meille sanoen: "luetella tärkeimmät elementit Web-sivun", niin olemme asianmukaisia menetelmiä käyttäen, meillä on kaikki mahdollisuudet kehittyä teema. Eli termi "elementtejä" voimme ymmärtää avaintekijät Verkkoasiakirjan rakenteita, tai tyyppistä sisältöä - tekstiä, kuvia, taulukoita, kehyksiä, linkkejä, jotka webmaster luo käyttämällä työkalua, kuten HTML kieltä.

Erityisyys web kehitystyökaluja

Lisäksi edellä, voimme selventää, mitä tageja ja attribuutteja tarjoamia standardeja HTML - valtavasti. Lisäksi HTML lisävaroja alustus Hypertekstidokumenteissa voi käyttää web-kehittäjille. Esimerkiksi käyttämällä JavaScript skriptikieli, voit luoda dynaamisia Web-sivu - toisin sanoen ne, joissa sisältö päivitetään jatkuvasti (johtuen sekä käyttäjän toimia, ja noudattaen ennalta määrätty algoritmien skriptit).

On hyödyllistä lisätä, että web-kehittäjä voi käyttää työssään täysimittaiseen ohjelmointikieliä, kuten esimerkiksi Perl, PHP, Java, Python, jonka tulee vieläkin laajemmat mahdollisuudet työskennellä hypertekstidokumentit. Tarve tämä voi johtua siitä, että hakemus web teknologian tänään - hyvin erilaisia. Työsarkaa moderni kehittäjät, voi olla varsin monimutkainen. Esimerkiksi joskus se on tarpeen toteuttaa web-sivujen kääntäminen, kirjoitettu venäjäksi, Englanti. Tässä tapauksessa kehitystyökalut on monipuolisin.