Blogger vagy? Akkor haszonnal jár, ha ismeri a HTML kódot

Összezavarodott HTML kód? Nem te vagy az egyetlen.


Bevallom. Amikor elkezdtem írni az internetet, tudtam a zilchről HTML kód. És újra beismerem. Még mindig nem tudok sokat.

Megállapítottam azonban, hogy egy kissé HTML ismeretek sokkal könnyebbé tehetik az internetet írva.

megtanulja a hiper szöveg jelölőnyelvét

Persze, nem tudom, hogyan kell weblapot készíteni, de tudom, hogyan kell finomítani a kis összetevőket, és amikor szembesülök egy olyan HTML-kódot igénylő szerkesztőrendszerrel – amely valószínűleg szintén el fog futni -, tudom elég ahhoz, hogy a szöveget helyesen formázjam.

Szeretné kiküszöbölni ezt a zavart, és megtudhat egy kicsit a HTML kódolásáról? Kezdjük el.

Mi a HTML kód??

Látta már a környéken, de valószínűleg nem tudja, hogy mit jelent ez a HTML átélés.

Azt jelenti Hipertext jelölőnyelv. HTML egy szabványosított rendszer, amelyet a dokumentumok formázására használnak. A használt kódok – úgynevezett jelölőcímkék – formázhatják a betűtípust, a szöveg méretét, színét, hiperhivatkozásokat, bekezdéseket és egyebeket.

A böngészők HTML-t olvasnak, és a címkék használatával határozzák meg a tartalom megjelenítésének módját. Példa egy címkére, amely félkövér szöveget hoz létre, amely így néz ki:

Ez félkövér szöveg.

Az oldalon így néz ki:

Ez félkövér szöveg.

Az évek során számos HTML verzió létezett, de 2014 októberétől a HTML5 az internetes szabványos jelölőnyelv.

Miért jó, hogy a Bloggerek tudják?

Noha előfordulhat, hogy Blogger ismerete nélkül, mint blogger, és kicsit csalással cselekszik – például ha olyan programot használ, amely konvertálja a formázást HTML nyelvre -, néhány alapvető címke ismerete valóban segíthet, amikor blogolsz..

Íme néhány helyzet, amelyben személyesen hasznosnak találtam:

  • A vendég blogolás során néhány webhely azt akarja, hogy a szerző önéletrajzát HTML formátumban írják. Kis tudás mellett linkeket és dőlt betűket adhat hozzá, ahol szükséges.
  •  Amikor valami nem látható, átnézheti az oldal HTML-jét, és megnézheti, mi okozza a problémát.
  •  Az online hálózatépítés során HTML-címkéket használhat a blogbejegyzések és a fórum-megjegyzések formázására.
  •  Ha elég többet megtanul a HTML-ről, elkezdhet egy kicsit megtanulni a CSS-t, és kisebb javításokat végezhet webhelyén anélkül, hogy tervezőt felveszne.

Általános kódok Bloggerek használata

Mielőtt túl mélyen belépnénk, tudjuk, hogy a HTML-címkék szögletes zárójelbe bevont kulcsszavak. Ezek a címkék párban vannak, és a kezdőcímke és a végcímke közötti szöveg lesz az, amit érinteni fog. A végcímkét ugyanúgy írják, mint a kezdőcímkét, de perjelzést használ a címke neve előtt.

Zavaros? Könnyebb, ha néhány példát mutatok be. Vessen egy pillantást néhány általános HTML-címkére, amelyeket bloggerként ismernie kell.

Csontváz címkék

Először jön a csontváz címkék. Ezeket nem feltétlenül használja, de segít megismerni őket. Ezek a címkék alapozzák meg a dokumentumot, ezért a „váz tag” kifejezés. A weboldal elolvassa őket, ám ezeket nem konvertálják vizuális elemekké.

Ennek ellenére jó tudni. Például dolgozott már valaha olyan programmal, amely arra kéri, hogy illesszen be egy kódot a webhely „fej” részébe? Ezt meg tudja találni egy kis HTML ismerettel. Tehát itt van néhány csontváz címke, amelyet tudnia kell:

  • : Ez a szakasz a HTML dokumentumot írja le.
  •   : Ez a szakasz információkat nyújt a dokumentumról.
  •   : Ez biztosítja a dokumentum címét.
  •   : Ez leírja a vizuális oldal elemeit. Az oldal törzsrészében a bloggerek gyakran elvégeznek HTML-parancsokat, ha szükséges. Az említett címkék többi része a dokumentum törzsében található.
  •  

    : Ez a címke egy bekezdést ír le.

Ne feledje, hogy az oldalszöveg be van vonva a kezdő és a végcímkékbe. Íme egy példa:

Ez a bekezdések szövege.

Címsorok

A címsorok a dokumentum hierarchiájának megjelenítésére szolgálnak. Valószínűleg már használ fejléceket a blog formázásában, ám az 1-6 címsorok közötti különbség nem csupán a szöveg méretét és betűtípus súlyát jelenti. Ezenkívül hierarchiának adják a webböngészők és a keresőmotorok robotjait.

Az 1. címsort kell használni a dokumentum fő fejlécéhez, például a blogbejegyzés címéhez. A 2. rovatnak másodlagos információnak kell lennie, például az elsődleges alfejezeteknek. Használja a 3. címsort az alfejezetekhez, és így tovább a 6. címsoron keresztül. Ezek a címkék így néznek ki:

Íme egy példa a fordításról:

Ez az 5. fejezet

Ez az 5. fejezet

Inline szövegcímkék

Az inline szövegcímkék azok, amelyeket szövegek formázására használnak olyan blokk szintű címkékbe, mint például

és

. Íme néhány példa arra, amit általában használ.
  • : Ez határozza meg a kiemelt szöveget, amelyet a legtöbb böngésző dőlt.
  •   : Ez határozza meg az erősen hangsúlyozott szöveget, amelyet a legtöbb böngésző félkövér betűkkel jelöl.
  •   : Ez formázza az árajánlatot.
  •   : Ez a törölt szöveget mutatja, amely gyakran átváltásként fordul elő, mint ez.

Címkék listázása

Mint észrevetted, ebben a blogbejegyzésben számos felsoroláslistát használtam. De hogyan csináltam? Íme a címkék, amelyeket tudnia kell:

  • : Ez meghatározza a lista elemet.
  •  
      : Ez a címke rendezetlen listán megy körül, amely felsoroláspontként jelenik meg.
    •  
        : Ez a címke egy rendezett listán megy körül, amely számként jelenik meg.

    Íme egy példa arra, hogyan nézne ki a rendelt lista HTML kódja:

    1. 1. tétel felsorolása
    2. 2. tétel felsorolása
    3. 3. tétel felsorolása

    Így jelenik meg az oldalon:

    1. 1. tétel felsorolása
    2.  2. tétel felsorolása
    3.  3. tétel felsorolása

    Kép- és linkcímkék

    Mielőtt elválnánk, vessünk egy rövid pillantást a képek és linkek beillesztésére. Talán könnyebb egyszerűen megtekinteni a kódot, majd kitölteni az adatait, ha a címkéket használja:

    Link

    A SZERELŐ SZÖVEGE

    Ne távolítsa el az URL-je körüli idézőjeleket. Egyszerűen illessze be az URL-t a idézőjelek közé. A horgonyszöveg az az oldal, amely megjelenik az oldalon.

    Nézzünk meg egy példát. Ha szeretnék linket adni egy korábbi Hosting Kingdom cikkhez, a kód így néz ki:

    Ha regisztrálnia szeretne egy domaint a webgazda segítségével?

    A link így jelenik meg az oldalon:

    Ha regisztrálnia szeretne egy domaint a webgazda segítségével?

    Kép

    A kép kódja így néz ki:

    Vegye figyelembe, hogy ez egy nem tároló címke, tehát nem rendelkezik a végcímkével, de szükség van az src attribútumra. Extrákat adhat hozzá ehhez a címkéhez, például alternatív szöveget vagy méretmeghatározást. Ez így néz ki:

    ”YOUR

    Ismét ellenőrizze, hogy nem távolítja el az idézőjeleket.

    Jegyzet: Előfordulhat, hogy különböző kódokat lehet használni ugyanahhoz a dologhoz. Például, láttam a , , és a szöveg félkövér betűit használják, bár a böngészőkben eltérően jelenhetnek meg.

    A HTML-nek nem kell lennie olyan zavarónak, mint amilyennek látszik. A HTML gyakorlásához és annak jobb megértéséhez használja az interaktív webhelyeket, például Code Academy, és ossza meg velünk a komment komment szakaszban.

    Jeffrey Wilson Administrator
    Sorry! The Author has not filled his profile.
    follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map