Tunnisteiden lisääminen html:ään. HTML-perustunnisteet. Mitä musiikkitunnisteet ovat äänitiedostoissa?

Tarkastelimme esimerkkiä yksinkertaisen sivun luomisesta, jossa kommentteja annettiin joihinkin html-tageihin, koska minusta tuntuu, että on parempi näyttää ensin jotain esimerkillä ja siirtyä sitten yksityiskohtaisempaan kuvaukseen. Siksi sivun luomista käsiteltiin toisella oppitunnilla ja yksityiskohtaisemmin kolmannella.

Joten alla on kuvaukset yleisistä HTML-tageista, joita käytetään sivuston melkein kaikilla sivuilla. Uskokaa minua, niitä on jo tarpeeksi koko verkkosivuston kirjoittamiseen.

Luettelo html-tunnisteista 1. HTML-tunniste (kappaleille) - näyttää tekstikappaleen (sallii tyyli-, luokka-, id-attribuutit). Yleisin tunniste, koska siihen sijoitetaan useimmiten tekstiä (tätä varten se kuitenkin luotiin).

Esimerkiksi, html-koodi:

Teksti kappale numero yksi

Ja tämä on toinen kohta

Teksti kappale numero yksi

Ja tämä on toinen kohta

Voit myös lisätä tyyliparametrin tunnisteeseen:

Näillä eri arvoilla voit muokata ulkomuoto fontti. Voit lukea näistä parametreista erillisellä oppitunnilla: tyylit html:ssä ja css-fontin ominaisuus.

Voit myös määrittää CLASS- ja ID-attribuutit. Esimerkiksi:

2. HTML-tunniste ja (lihavoitu)

Ja - kaksi tunnistetta, joiden avulla voit lihavoida fontin. Näillä tunnisteilla ei ole eroa.

Otetaan esimerkki. HTML-koodi:

pikkukuva

Muuntaa sivulla seuraavaksi:

pikkukuva

Voit myös määrittää CLASS- ja ID-attribuutit (kuten huomautuksen tapauksessa

Näillä tunnisteilla on vain vähän vaikutusta asiakirjojen sijoitukseen hakukoneet, joten on parempi olla käyttämättä niitä tarkoituksettomasti.

3. HTML-tunniste (luo kursivoitu)

- kursivoitu fontti (sallii tyyli-, luokka- ja id-parametrit)

Esimerkiksi html-koodi:

kursivoitu teksti

Muuntaa sivulla seuraavaksi:

4. HTML-tunniste (alleviivattu teksti)

- alleviivattu fontti (sallii tyyli-, luokka-, id-parametrit)

Esimerkiksi html-koodi:

alleviivattu teksti

Muuntaa sivulla seuraavaksi:

alleviivattu teksti

5. HTML-tunniste (hyperlinkin luominen)

Luo linkin sivulle (sallii tyylin, luokan ja muut parametrit).

Esimerkiksi html-koodi:

linkin tekstiä

Muuntaa sivulla seuraavaksi:

Kaikki tunnisteen parametrit ja attribuutit käsitellään erillisellä oppitunnilla: html-tunniste.

6. HTML-tunniste (otsikot sisällössä)

,..., - otsikkotunnisteet sisällön sisällä (sallii tyyli-, luokka-, id-parametrin). Lisäksi mitä pienempi numero, sitä suurempi on näiden tunnisteiden sisällä olevan tekstin paino ja koko (oletuksena).

Esimerkiksi html-koodi:

Otsikko h1

Tunnistetta käytetään sivun otsikossa (sekä otsikossa)

Näitä tunnisteita saa käyttää vain niille tarkoitettuun tarkoitukseen, ts. vain silloin, kun artikkeli tarvitsee otsikon. Tämä johtuu siitä, että tunnisteilla... on suuri vaikutus hakukoneisiin. Jos käytät niitä oikein, mahdollisuudet päästä hakutulosten kärkeen ovat erittäin suuret.

7. HTML-tunniste (tasaus)

- Tasaa sisällön keskelle.

Esimerkiksi html-koodi:

Tämä teksti tulee olemaan keskellä

Muuntaa sivulla seuraavaksi:

Tämä teksti tulee olemaan keskellä

Huomautus
  • - tekstille
  • ... - kaikelle (esimerkiksi kuvalle)
8. HTML-tunniste (alaindeksiteksti)

- näyttää alaindeksifontin.

Esimerkiksi html-koodi:

Pelkkä teksti, interlineaarinen teksti

Muuntaa sivulla seuraavaksi:

Pelkkä teksti, interlineaarinen teksti

9. HTML-tunniste (yläindeksiteksti)

- näyttää yläindeksifontin.

Esimerkiksi html-koodi:

Pelkkä teksti, yläindeksiteksti

Muuntaa sivulla seuraavaksi:

Pelkkä teksti, yläindeksiteksti

10. HTML-tunniste,

, - näyttää fontin, joka on yhden pikselin suurempi/pienempi kuin nykyinen koko (tyyli-, luokka-, id-parametrin sallima).

Esimerkiksi html-koodi:

Tavallinen fontti, tämä fontti on yhden pikselin suurempi

Muuntaa sivulla seuraavaksi:

Tavallinen fontti, tämä fontti on yhden pikselin suurempi

11. HTML-tunniste