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 nytSuljemattomat 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ä
- 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ä
Syntaksi:
<tr> <td>Table cell content</td> </tr>