Hirdetés

html címkékA világháló sok nyelvet ismeri, és több különböző kódolással rendelkezik. Az egyetlen nyelv, amely mindenütt megtalálható és a weboldalak feltalálása óta fennáll, a HyperText Markup Language, más néven HTML. Ahogy a neve is sugallja, a HTML nem programozási, hanem jelölőnyelv. A jelöléseket a böngészők értelmezik a webhelyek tartalmának megjelenítéséhez. A legegyszerűbb formában a HTML-t szövegek formázására, médiafájlok beágyazására és weboldal tartalmának rendezésére használják. Más szavakkal, a HTML leírja a weboldalakat, és e leírás alapján a böngésző létrehoz egy „képet”.

Az ingyenes weboldal-készítőknek köszönhetően senkinek sem kell valójában zavarnia a HTML kódolását. Bizonyos esetekben azonban hasznos lehet a HTML-címkék, például gyors változtatásokhoz a webhelyen, hipertext hozzáadásához egy megjegyzésbe vagy formázáshoz a fórumbejegyzéshez. Ebben a cikkben néhány, esetleg véletlenszerű, de határozottan hasznos és egyszerű címkét szeretnék bemutatni a mindennapi használatra.

instagram viewer

Mielőtt elkezdenénk, hadd mutassam be néhány alapvető szabályt, amelyek remélhetőleg megkönnyítik a HTML címkék megértését:

  • A HTML jelölő címkéket használ, amelyek szögletes zárójelbe vannak zárva, például:
  • A fenti példában szereplőhöz hasonló címkéket indítócímkéknek hívják. Minden kezdőcímkét egy bizonyos ponton egy végcímkével kell követni, például:
  • Egyes címkék nem írják le a tartalmat. A jelenlegi szabványoknak való megfelelés érdekében azonban ezeknek még mindig véget kell vetni. Következésképpen egyesítik a kezdő és a végcímkét, például:

Szöveg formázása

A HTML-címkék általában egyértelműek. A vastag, dőlt vagy aláhúzott szöveget tartalmazó címkék a megfelelő szóból származnak.

Bemenet:bátor
Kimenet: merész

Bemenet:dőlt betű
Kimenet:
dőlt betű

Bemenet:aláhúzott
Kimenet:
aláhúzott

Bemenet:áttörni a szöveget
Kimenet:
áttörni a szöveget

Hipertext létrehozása

A sima URL-ek elég csúnyanak tűnhetnek. A hiperhivatkozás hozzáadása a szöveghez, azaz hipertext létrehozása sokkal stílusosabb és helytakarékos, különösen, ha a link nagyon hosszú.

Bemenet:Kihasználni
Kimenet:Kihasználni

Mint láthatja, ez a HTML címke egy kicsit bonyolultabb, ezért nézzük meg részletesebben. A tényleges címke és a kiegészítő elemek olyan attribútumok, amelyek további jellemzőket határoznak meg. Az attribútum href = meghatározza a linket és title = meghatározza az egérmutatót. Ne felejtsen el idézőjelekkel csatolni a linket és a címet, különben előfordulhat, hogy megszakad a link.

Képek beágyazása

Egy kép több, mint ezer szót mondhat. Gyakrabban használjuk őket. És így tudja manuálisan beszúrni a HTML használatával:

Bemenet:„Smiley”
Kimenet:html címkék

Elemezzük ezt a címkét is. A tényleges címke is és a szükséges attribútumok src = és alt =. Az előbbi a kép helyére, azaz annak URL-jére mutat, az utóbbi alternatív szöveget biztosít, amely akkor jelenik meg, ha a képek megjelenítése blokkolt vagy a link megszakad. Használjon ismét idézőjeleket a megszakadt hivatkozások elkerülése érdekében.

Az a címke egy példa egy olyan címkére is, amelyet nem kell „befejezni”, és így bezáródik az első címke előrejelző vonalával, azaz inkább mint .

Törések és bekezdések

Strukturált szöveg létrehozásához sorválasztásokat és bekezdéseket kell használnia. És ezeket a címkéket tudnod kell:

Bemenet:

Kimenet:
Ez a címke létrehoz egy sortörést. Vegye figyelembe, hogy ez egy másik címke, amely egyesíti a kezdő és a vég címkét egyben.

Bemenet:

Szöveg a bekezdésben.


Kimenet:
Az előző címkével ellentétben a bekezdéscímkének van egy standard kezdő és záró tagja. A két címke közti szöveget beillesztik egy bekezdésbe, vagyis üres sor van előtt és után.

List

Alapvetően kétféle lista létezik: rendezett és rendezetlen listák, jobban ismertek számozott és felsorolt ​​listákként. Bármelyik létrehozásához két különböző címkét kell ismernie, de összesen csak három. Nézzük először a példákat:

Bemenet:


  1. Első tétel

  2. Második tétel

Kimenet:

  1. Első tétel
  2. Második tétel

Bemenet:


  • Első tétel

  • Második tétel

Kimenet:

  • Első tétel
  • Második tétel

Rendezett lista létrehozásához használja a címkét és rendezetlen lista esetén írja be a címke. Mindkét esetben a

  • a címke egy elem meghatározására szolgál a listán belül.
  • Most, hogy meglátta, milyen egyszerű és logikus a HTML, érdemes lehet túlmenni az alapokon, és tanulni egy kicsit többet. További HTML tippekért olvassa el a következő cikkeket:

    • 5 lépés az alapvető HTML kód megértéséhez 5 lépés az alapvető HTML kód megértéséhezA HTML minden web gerince. Ha kezdő vagy, hadd vezesse át a HTML megértésének alapvető lépéseit. Olvass tovább
    • 5 HTML tipp egy gyorsan betöltő, ingyenes weboldal létrehozásához 5 HTML tipp egy gyorsan betöltő, ingyenes weboldal létrehozásához Olvass tovább
    • 7 remek HTML effektus, amelyet bárki hozzáadhat webhelyéhez 8 nagyszerű HTML effektus, amelyeket bárki hozzáadhat webhelyéhezNem kell tudnia a CSS-t vagy a PHP-t egy divatos webhely felépítéséhez. Használja ezeket a hűvös HTML trükköket fantasztikus effektusok előállításához. Olvass tovább

    Kicsit magabiztosabbnak érzi magát a HTML-címkék használatában? Ha Ön már korábban rendszeresen „kézzel kódolt”, akkor mit gondol, hiányoznak a címkék?

    Kép-jóváírások: kentoh

    Tina több mint egy évtizede ír a fogyasztói technológiáról. Természettudományi doktori fokozattal, Németországból diplomával és Svédországból diplomával rendelkezik. Analitikai háttere elősegítette, hogy kiemelkedjen a MakeUseOf technológiai újságírójaként, ahol jelenleg kulcsszó-kutatást és műveleteket irányít.