logo

HTML-tunnisteet

HTML-tunnisteet ovat kuin avainsanoja, jotka määrittelevät, miten selain muotoilee ja näyttää sisällön. Tunnisteiden avulla verkkoselain voi erottaa HTML-sisällön yksinkertaisesta sisällöstä. HTML-tunnisteet sisältävät kolme pääosaa: aloitustunnisteen, sisällön ja sulkevan tagin. Jotkut HTML-tunnisteet ovat kuitenkin sulkemattomia tageja.

Kun verkkoselain lukee HTML-dokumenttia, selain lukee sen ylhäältä alas ja vasemmalta oikealle. HTML-tageja käytetään HTML-dokumenttien luomiseen ja niiden ominaisuuksien hahmontamiseen. Jokaisella HTML-tunnisteella on erilaiset ominaisuudet.

HTML-tiedostossa on oltava joitain tärkeitä tunnisteita, jotta verkkoselain voi erottaa yksinkertaisen tekstin HTML-tekstistä. Voit käyttää niin montaa koodia kuin haluat koodivaatimuksen mukaan.

  • Kaikki HTML-tunnisteet on suljettava näiden hakasulkeiden sisällä.
  • Jokainen HTML-tunniste suorittaa erilaisia ​​tehtäviä.
  • Jos olet käyttänyt avointa tunnistetta , sinun on käytettävä suljettua tunnistetta (paitsi joitain tageja)

Syntaksi

sisältö


Esimerkkejä HTML-tunnisteista

Huomautus: HTML-tunnisteet kirjoitetaan aina pienillä kirjaimilla. HTML-perustunnisteet on annettu alla:

Kappaleen tunniste

Otsikkotunniste

Lihavoitu Tag

python kirjoittaa json tiedostoon

Kursivoitu Tag

Alleviivaa tunniste

Testaa nyt

Suljemattomat HTML-tunnisteet

Jotkut HTML-tunnisteet eivät ole suljettuja, esimerkiksi br ja hr.


Tag
: br on lyhenne sanoista break line, se katkaisee koodin rivin.


Tag: hr on lyhenne sanoista Horizontal Rule. Tätä tunnistetta käytetään lisäämään rivi verkkosivun poikki.


HTML-sisällönkuvauskentät

DOCTYPE, otsikko, linkki, meta ja tyyli


HTML-tekstitunnisteet

,

Otsikko taso 2

Otsikko taso 3

Otsikkotaso 4

Otsikko taso 5
Otsikkotaso 6

Neljä viisi.
:

Tämän tagin avulla voimme jakaa verkkosivun. Se tarkoittaa horisontaalista sääntöä tai teemakatkoa.

Syntaksi:

<hr>

46.:

Tämän tagin avulla kaikki muut elementit sisältyvät siihen. Se tunnetaan myös HTML-elementin juurena.

Syntaksi:

 

47. :

Tämän tagin avulla voimme kursivoida minkä tahansa sisällön. Se korostaa tärkeää termiä, ilmausta tai teknistä termiä.

Syntaksi:

 <i>Italicized Text</i> 

48.

Tämän tagin avulla voimme upottaa toisen HTML-sivun nykyiselle verkkosivulle.

Syntaksi:

 <iframe src="url"></iframe>

49. :

Tämän tagin avulla voimme upottaa kuvan nykyiselle verkkosivulle. Se linkittää kuvan kuvaan lisäämättä sitä suoraan verkkosivulle.

Syntaksi:

viisikymmentä.

Tämän tagin avulla voimme ottaa interaktiivisen ohjauksen käyttöön lomakkeessa. Se riippuu myös attribuuttityypin eri kentistä.

Syntaksi:

51. :

Tämän tagin avulla voimme määrittää lisätyn tekstin lohkon. Se tarkoittaa myös, että asiakirjaan on lisätty tietty tekstialue.

Syntaksi:

Inserted Text

52. :

Tämän tagin avulla voimme viitata tekstin tekstiosaan, joka edustaa käyttäjän näppäimistöä, ääntä tai mitä tahansa muuta tekstinsyöttölaitetta.

Syntaksi:

Keyboard Input

53. :

Tämän tunnisteen avulla voimme parantaa hiiren käyttäjien käytettävyyttä, eli tarraa napsauttamalla vaihtuu ohjaus.

Syntaksi:

Label Text

54. :

Tämän tunnisteen avulla voimme määrittää lapsen sisällölle otsikon. Legendat ovat kaikkien alielementtien yläelementti. Voimme määrittää nämä elementit avulla.

Syntaksi:

 Fieldset Caption 

55.
  • :
  • Tämän tunnisteen avulla voimme edustaa verkkosivun kohteiden luetteloa. Se sisältää järjestetyn listan (järjestämättömän tai valikon) pääelementtinä.

    Syntaksi:

    <ul> <li>List Item 1</li> <li>List Item 2</li> <li>List Item 3</li> </ul>

    56. :

    Tämän tagin avulla voimme linkittää ulkoisia resursseja nykyiselle verkkosivulle.

    Syntaksi:

    57. :

    Tämän tagin avulla voimme tehdä tavallisesta elementistä tärkeimmän elementin. Meidän on kirjoitettava tämä tagi tagin sisään.

    Syntaksi:

     

    58. :

    Tämän tunnisteen avulla voimme määritellä karttakuvan. Kuvakartassa on myös klikattava alue.

    Syntaksi:

     

    59. :

    Tämän tagin avulla voimme esittää tekstin korostettuna, jota käytetään viittaus- tai merkintätarkoituksiin. Sisällön tärkeyden perusteella se korosti tekstiä.

    Syntaksi:

    Highlighted Text

    60. :

    Tämän tunnisteen avulla voimme esittää dokumentin metatiedot. Metatiedot sisältävät sivun kuvauksen, avainsanat, tekijänoikeudet, käytetyn kielen ja tekijän.

    Syntaksi:

    61. :

    Tämän tunnisteen avulla voimme esittää mittauksia tietyllä alueella tai murto-osissa. Se tunnetaan myös mittarina.

    Syntaksi:

    Fallback Content

    62. :

    Tämän tunnisteen avulla voimme esittää asiakirjan navigointilinkkien osion. Esimerkkejä navigointitunnisteista ovat valikot, sisällysluettelot, hakemistot jne.

    Syntaksi:

     

    63. :

    Tämän avulla voimme tarjota vaihtoehtoisen skriptin, kun käyttäjän selain ei tue kyseistä komentosarjaa. Se toimii myös aina, kun käyttäjän selain ei tue asiakaspuolen komentosarjaa tai ei tue mitään komentosarjakieltä.

    Syntaksi:

     

    64. :

    Tämän tunnisteen avulla voimme näyttää web-sivuilla multimediaa, kuten ääntä, videoita, kuvia, PDF-tiedostoja ja Flashia.

    Syntaksi:

    65.
      :

    Tätä tunnistetta käytetään järjestetyn luettelon luomiseen. Järjestetty luettelo voi olla numeerinen tai aakkosellinen. Sisällä

      -tunnistetta, voimme luoda luettelon käyttämällä
    1. tag. Se seuraa sitten järjestystä.

    Syntaksi:

    <ol> <li>First Item</li> <li>Second Item</li> <li>Third Item</li> </ol>

    66. :

    Tätä tunnistetta käytetään avattavan luettelon luomisessa. Tämän tunnisteen avulla voimme määritellä vaihtoehtojen ryhmän.

    Syntaksi:

     Option 1 Option 2 

    67. :

    Tämän tagin avulla voimme määrittää vaihtoehdon pudotusvalikosta käyttämällä tunnistetta.

    Syntaksi:

     Option Text 

    68. :

    Tämän tagin avulla voimme luoda säilön elementille, joka syöttää laskennan tuloksen.

    Syntaksi:

    69. :

    Tämän tagin avulla voimme määrittää kappaletunnisteen. Kappaletunnisteen avulla voimme esittää visuaalisen median tekstilohkoina, jotka on erotettu viereisistä lohkoista tyhjillä riveillä tai ensimmäisen rivin sisennyksillä.

    Syntaksi:

    Paragraph text goes here.

    70. :

    Tämän tagin avulla voimme määrittää objektin parametrin. Tämän avulla voimme välittää parametrin toiselle upotetulle objektille.

    Syntaksi:

     

    71. :

    Tämän tagin avulla voimme tarjota verkkosivulle joustavuutta määrittelemällä kuvan. Se sisältää myös tunnisteita, kuten ja .

    Syntaksi:

      

    72.
    :

    Tämän tagin avulla voimme määrittää verkkosivun esimuotoillun tekstin lohkon esimuotoilluksi merkiksi, kuten välilyönnit, rivinvaihdot, sarkaimet jne.

    Syntaksi:

    Esimuotoiltu teksti menee tähän.

    73. :

    Tämän tagin avulla voimme näyttää tehtävän etenemisen. Tämän avulla kehittäjä voi luoda etenemispalkin verkkosivulleen.

    Syntaksi:

    74. :

    Tämän tagin avulla voimme luoda verkkosivulle upotetun lainauksen. Teksti on lainausmerkeissä useimmissa nykyisissä selaimissa.

    Syntaksi:

    java-luettelosolmu
    Here is a short quotation within a sentence.

    75. :

    Tämän tagin avulla voimme käyttää sitä varasuluissa, kun selain ei tue rubiinimerkintöjä.

    Syntaksi:

     Base text (Ruby text) 

    76. :

    Tämän tagin avulla voimme määrittää rubiinimerkinnän sisällä olevan merkin ääntämisen.

    Syntaksi:

     Base text Ruby text 

    77. :

    Tämän avulla voimme määritellä itäaasialaisten hahmojen ääntämiset ja esittää pieniä merkintöjä perustekstin ylä-, ala- tai viereen.

    Syntaksi:

     Base text Ruby text 

    78. :

    Tämän tagin avulla voimme hahmontaa tekstin yliviivauksella tai sen läpi kulkevalla rivillä. Voimme käyttää tätä tunnistetta, kun asiat eivät ole enää tarkkoja tai oleellisia.

    Syntaksi:

    Struck-through text

    79. :

    Tämän tunnisteen avulla voimme määrittää tietokoneohjelman näytetulosteen. Tämän tunnisteen sisältö näytetään selaimessa yksivälisellä fontilla.

    Syntaksi:

    Sample text or code goes here

    80. :

    Tämän tagin avulla voimme lisätä asiakaspuolen komentosarjat. Se mahdollistaa myös skriptin lisäämisen HTML-verkkosivulle.

    Syntaksi:

    81. :

    Tämän tagin avulla voimme luoda sivulle ylä- ja alatunnisteen tai minkä tahansa muun osion.

    Syntaksi:

     

    82. :

    Tämän tunnisteen avulla voimme määrittää luettelon vaihtoehtojen luettelon.

    Syntaksi:

     Option Text 

    83. :

    Tämän tagin avulla voimme pienentää fonttikokoa yhden koon sen peruskokoa pienemmäksi, esimerkiksi suuresta pieneen.

    Syntaksi:

    Small text goes here

    84.

    Tämän tunnisteen avulla voimme linkittää useita mediaresursseja, kuten ja ,

    Syntaksi:

    85.

    Tämän tunnisteen avulla voimme määritellä sisällön erittäin tärkeäksi. Selain näyttää kyseisen elementin lihavoituna.

    Syntaksi:

     <strong>Emphasized text</strong> 

    86.:

    Se on HTML-koodin yleisin elementti. Voimme soveltaa tyyliä ryhmittelemällä elementit.

    Syntaksi:

    <span>Text or content goes here</span>

    87. :

    Tämän tunnisteen avulla voimme toimittaa asiakirjan tyylitiedot.

    Syntaksi:

     CSS rules go here 

    88.:

    Tämän tagin avulla voimme näyttää alaindeksielementin vain typografisista syistä.

    Syntaksi:

    <sub>Subscript text</sub>

    89. :

    Tämän tunnisteen avulla voimme luoda laatikon elementin avulla, joka sisältää yhteenvedon, kuvatekstin tai selitteen. Kun napsautamme yhteenvetopainiketta, se suorittaa ylätason * tiedot> -elementin auki/suljetun tilan.

    Syntaksi:

     Summary text 

    90.:

    Tämän tagin avulla voimme näyttää minkä tahansa tekstin rivielementin yläindeksinä.

    Syntaksi:

    <sup>Superscript text</sup>

    91. :

    Tämän tagin avulla voimme upottaa SVG-kaaviot verkkosivulle. Tämän tagin avulla voimme myös määritellä vektorigrafiikkaa XML-muodossa.

    Syntaksi:

     

    92.:

    Tämän tagin avulla voimme määrittää tiedot taulukkomuodossa HTML:ssä. Se luo kaksiulotteisen taulukon, jossa on joitain rivejä ja sarakkeita.

    Syntaksi:

    <table class="table"> </table>

    93.:

    Tämän tagin avulla voimme kapseloida taulukon rivit, jotka liittyvät taulukon runkoon.

    Syntaksi:

    <table class="table"> <tbody> </tbody> </table>

    94.:

    Tämän tagin avulla voimme määritellä taulukon solun. Taulukon rivi voi koostua useammasta kuin yhdestäelementti. Oletuskohdistus jätetään tähän elementtiin.

    Syntaksi:

    <tr> <td>Table cell content</td> </tr>