Hirdetés
A 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.
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:
Kimenet:
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:
- Első tétel
- Második tétel
Kimenet:
- Első tétel
- 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
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.