Jos päätät luoda verkkosivuston, niin ilman kieltähtml-hypertekstin merkinnät et mene pitkälle. Tietysti on edelleen CSS-, PHP- ja muita skriptikieliä, ilman joita täysimääräinen sivusto, kuten aiemmin näit, ei toimi. Se on kuitenkin tärkeimmät html-tunnisteet, joiden avulla voit luoda perustan sivustollesi.

Tärkeimmät tunnisteet, ilman joita missään

Kun avaat html-asiakirjan taiWeb-sivulla näet valtavan määrän erilaisia ​​tunnisteita. Jos tarkastellaan tarkkaan, suurin osa niistä toistuu, koska ne kuvaavat samoja elementtejä. Tärkeimmät html-tunnisteet sisältävät esimerkiksi tunnisteita, kuten asiakirjatyyppi , , , ,

tunniste

Html-sivuston päätagi, koska se on hänSe sisältää kaikki sivun näkyvät elementit - kaiken tekstin, kaikki kuvat ja muut tiedot. Pohjimmiltaan, kuten -tagi, se on säiliö muille tunnisteille. Esimerkki:

Näkyvä verkkosivun sisältö

Otsikot ja kappaleet

Kaikki yllä olevat tunnisteet ovat perustietojahtml-kielitunnisteet. Hypertekstin merkinnän kielellä on kuitenkin edelleen valtava määrä muita elementtejä. Esimerkiksi kappale- ja otsikkotunnisteet. Niiden avulla voit jäsentää tekstin, jakaa sen erillisiin kappaleisiin ja korostaa. Joten kappaleissa käytetään

-tagia, se on paritunniste, jonka aloitus- ja sulkuelementtien välillä on tekstiä. Esimerkki:

Kappaleteksti

Kappaleiden lisäksi teksti voi sisältääotsikot. Ne muuttavat kuitenkin myös sisällä olevan tekstin ulkonäköä, lisäävät sen kokoa ja korostavat lihavoituna. Otsikoita on 6 tyyppiä, joiden koko vaihtelee. Esimerkiksi otsikko

on suurin ja otsikko

on pienin.

Kuvien käyttö

Kukaan sivusto ei voi tehdä ilman kuvia,kuvia ja valokuvia. Itse asiassa, ilman tätä, verkkosivut olisivat kuiva teksti, mielenkiintoisia tutkimusta varten. Minkä tahansa kuvan upottamiseksi sivustoon -tagia käytetään hypertekstin merkintäkielellä. On tärkeää huomata, että tätä tunnistetta ei ole muodostettu pariksi, joten koodissa se kirjoitetaan nimellä .

Hyperlinkit tekstissä

Usein tekstin ja erilaisten kuvien lisäksisivustot käyttävät linkkejä. Ne voivat ohjata uudelleen kolmannen osapuolen resursseille tai toiselle sivustosi sivulle. Linkin olemassaolon osoittamiseksi käytetään -tunnistetta.

Mitä ovat ominaisuudet?

Tajusimme vähän perustunnisteita.Useimmissa tunnisteissa on kuitenkin myös määritteitä. Ne on merkitty aukkoelementtiin ja koostuvat kahdesta osasta. Ensimmäinen on itse määritteen nimi, toinen on tämän ominaisuuden arvo, joka on kirjoitettu "=" -merkin jälkeen ja on lainausmerkeissä.

HTML-tunnisteiden pääominaisuudet

Monilla tunnisteilla on määritteitä.Joillekin tunnisteille niiden esiintyminen on kuitenkin valinnaista, jos et halua muokata elementtejä millään tavalla. Muille tunnisteille määritteiden esiintyminen on pakollista, kuten esimerkiksi -tunniste (hyperlinkkien luomiseen) ja -tunniste (kuvien lisäämiseen sivulle). Asia on, että jos emme ilmoita määritteitä ja niiden arvoja näissä html-perustunnisteissa, emme näe niitä sivustosivulla.

-tunnisteen määritteet

Jos ilmoitat koodissa, tunnisteen suljettu teksti, et näe mitään tämän tekstin lisäksi verkkosivustolla. Itse tunniste puhuu itse asiassa vain aikomuksesta luoda hyperlinkki, ja tarvitset attribuutin, jotta se todella luodaan. Tämä ominaisuus on href, ja tämän määritteen arvo on tietty resurssiviite. Siksi, jos haluamme luoda linkin fb.ru-sivustoon, se näyttää tältä:

Linkki fb.ru-sivulle

Joten kaikki -tunnisteiden väliin jäävä teksti on hyperlinkki, ja href-määrite, joka on suljettu kaksinumeroisiin lainausmerkeihin, on osoite, johon menemme napsauttamalla tekstiä.

Tilanne on samanlainen -tunnisteen kanssa.Jos emme ilmoita ominaisuutta ja sen arvoa sen kanssa, verkkosivun kuvia ei tule näkyviin. Kuten -tagin tapauksessa, -tagin olemassaolo tarkoittaa vain sitä, että aiomme lisätä kuvan koodiin. Jotta tämä kuva tulisi näkyviin, sinun on kuitenkin määritettävä kuvan osoite. Näitä tarkoituksia varten sinun on käytettävä src-määrite, jonka arvo on kolmannen osapuolen resurssissa tai tietokoneellasi olevan kuvan osoite.

Alt-attribuutti -tunnisteelle

Lisäksi -tunnisteessa on vielä yksimäärite. Sitä ei pidetä pakollisena, mutta se tunnustetaan käytettäväksi. Tämä ominaisuus on alt text -attribuutti. Tämän ominaisuuden arvo on teksti, joka vastaa kuvan tai kuvan kuvausta. Tämä teksti tulee näkyviin, jos kuvaa ei ladata mistään syystä. Lisäksi tämän ominaisuuden käyttäminen auttaa näkövammaisia ​​ihmisiä, jotka käyttävät näytönlukijoita. Siten -tagi yhdessä kahden esitetyn määritteen kanssa näyttää tältä:

alt = "kuvan kuvaus" />

Mitä muita ominaisuuksia siellä on?

Ominaisuuksia on valtava määrä,luettelo on yhtä suuri kuin html-tunnisteiden luettelo. On kuitenkin ominaisuus, joka kuuluu luonnostaan ​​useisiin tunnisteisiin kerralla. Tämä on linjassa. Sitä voidaan käyttää -tagin kanssa sekä

-tagin kanssa. Sen ydin on, että se asettaa kuvan tai tekstin sijainnin sivulla. Tämän ominaisuuden perusarvot ovat oikea ja vasen, jotka merkitsevät kohdistusta oikealle ja vasemmalle (vastaavasti). Jos lisäät sen kuvaan, koodi näyttää tältä:

alt = "kuvan kuvaus"

kohdista = "oikea" />

Tyylien käyttäminen

On kuitenkin huomattava, että viime aikoinajoitain näistä määritteistä ei käytetä, ja CSS (CSS) käytetään sen sijaan. Tyylien käyttämiseksi html-tiedostossa kirjoitetaan -tunniste, joka on suunniteltu yhdistämään tyylejä ja joka sijaitsee -tunnisteessa.