HTML öğrenmek, blogunuzun kontrolünü elinize almanıza yardımcı olabilir

italik html etiketiBlog yazıyorsanız ve biraz HTML bilmiyorsanız, kendinize zarar veriyorsunuz. HTML, bir web tarayıcısına web sayfanızdaki metin öğelerini nasıl görüntüleyeceğini söyler. HTML’yi öğrenmek ve kullanmak oldukça sezgiseldir; Bence öğrenmesi çok kolay olacak. HTML’yi kendi web sitenizde veya blogunuzda nasıl kullanacağınızı bilmek, kendi gönderilerinizi geliştirmenize ve ortaya çıkan küçük sorunları (örneğin, gönderilerinizin istediğiniz gibi görünmemesi gibi) düzeltmenize yardımcı olacaktır.

Bilgisayarlarla ilgili ironik olan şey, görünürdeki tüm zekalarına rağmen, söylenmiş ne yapmalıyız. Ve bir bilgisayara ne yapacağını söylemek için onun dilini konuşmanız gerekir. Tarayıcıların web sitelerini yorumlamasına veya işlevsel hale getirmesine yardımcı olan birçok programlama dili vardır, ancak bugün için web sitenizi kodlamanın en temel düzeyinden bahsediyoruz: HTML. HTML, Köprü Metni İşaretleme Dili anlamına gelir ve tarayıcınıza web sayfanızdaki metin öğelerini nasıl okuyacağını ve görüntüleyeceğini söyleyen koddur.

HTML oldukça sezgiseldir. Blogunuzun oluşturma düzenleyicisindeki HTML sekmesini kullanırsanız, gönderilerinizin HTML koduyla nasıl işaretlendiğini görebilirsiniz. Yakından bakarsanız, tekrar eden birkaç şey göreceksiniz:

  1. HTML etiketleri genellikle (ancak her zaman değil) çiftler halinde gelir. Bu çiftler, açılış etiketi (yazılıma bir işin yaklaştığını söyler) ve bir kapanış etiketidir (yazılıma işin tamamlandığını söyler). Örneğin, paragraflar genellikle şu şekilde kodlanır:

    (açma komutu) başında ve

    sonunda. /, yazılıma komutu sonlandırmasını söyler.

  2. Referanslar (veya URL’ler) her zaman tırnak içine alınır. Bir bağlantı için HTML’ye bakarsanız, şöyle bir şey görürsünüz: Blog Yazmanın Temelleri 101. Bu bağlantı, sayfanızda şöyle görünecektir: Bloglama Temelleri 101. Tarayıcının bağlantıyı doğru okuduğundan emin olmanın anahtarı, bağlandığınız URL’nin tırnak içinde olduğundan emin olmaktır. Ve sadece alıntı değil. Akıllı alıntılar (yani, kıvrık tırnaklar) kullanırsanız, tarayıcı bunları her zaman okumaz ve bağlantınız çalışmaz. Kıvrımlı tırnaklardan kaçınmak için Microsoft Word veya Mac Sayfalarında HTML yazmayın. Blogunuzun düzenleyicisini, hatta TextEdit veya Not Defteri’ni kullanabilirsiniz.

Çevrimiçi birçok iyi basit HTML öğreticisi var, bu yüzden burada her şeyi anlatmak yerine sizi onlara yönlendireceğim:

  • HTML astarı acemi veya ileri düzey kullanıcılar için öğreticiler sunar.
  • W3 okulları size HTML hakkında bilmeniz gereken her şeyi ve biraz daha fazlasını verir.
  • Tizag HTML öğrenmeye ilişkin öğreticiler içerir, ancak aynı zamanda öğrenmeye devam edebilmeniz için CSS, PHP, komut dosyası oluşturma ve veritabanları için öğreticiler sunar.

Teknik olarak HTML bir bilgisayar programlama dili değildir; bir biçimlendirme dilidir. Bununla demek istediğim, bir tarayıcıda bir metin satırının başlık (veya kalın veya italik) olarak görünmesini istiyorsanız, tarayıcıya o metni görünmesini istediğiniz şekilde görüntülemesini söylemelisiniz – siz meli biçimlendirme Metin. Başlık olması durumunda, hangi başlık seviyesini görüntülemek istediğinizi belirleyin (örneğin, Başlık 1, 2 veya 3) ve ardından bu başlık için HTML’yi kullanın. Bir başlık 3 aşağıdaki gibi işaretlenir:

Başlık önizlemesi için metin

Bu metin şöyle bir tarayıcıda görünür:

Başlık Önizlemesi için Metin

HTML’yi öğrenip kullanmaya başladığınızda, metin vurgulama için birkaç işaretçi olduğunu göreceksiniz. Örneğin, bir kelimeyi kalın yapmak için işaretleri görebilirsiniz. metin veya metin. Ya da metninizi italik yapmak isterseniz, olarak işaretlendiğini görebilirsiniz. metin veya metin. Hangi HTML formatını kullandığınız gerçekten önemli mi? İyi evet. öyle Daha önce biriyle tartıştıysanız, muhtemelen konuşulan sözcük anlambiliminin önemini anlamışsınızdır. HTML’deki anlambilim de aynı derecede önemlidir. Virginia DeBolt gibi Web Öğretmeni açıklar,

etiketi gerçekten kalın harflerle yazılmıştır. Tamamen görseldir ve önemi veya vurguyu belirtmek için anlamsal bir anlamı yoktur. Bu nedenle, görsel olmayan tarayıcılar (ekran okuyucular gibi) etiket. Sanki yokmuş gibi. etiketler kuvvetle vurgulandığı anlamına gelir. Görsel olarak, farklı tarayıcılar tarafından farklı şekillerde, genellikle kalın olarak yorumlanır. bu etiket her zaman görsel olmayan tarayıcılar için bile anlamsal güçlü vurgu duygusu taşır.

kardeş etiketi vurgulanan anlamına gelir ve genellikle italik yazılır, ancak her zaman italik değildir. bu etiket her zaman vurgu için anlamsal anlam taşır. Tamamen görsel nedenlerle italik istiyorsanız (vurgu yok), kullanın . Bir kitap veya filmin adını verdiğiniz için italik istiyorsanız, italik kelimelerin bir alıntı olduğu anlamsal mesajını iletmek.

Ancak semantik, yalnızca metin dekorasyonunu doğru yorumlamak için önemli değildir. Anlamsal HTML, SEO’da da önemlidir. Laura Scott minibüsü Nadir desen açıklıyor:

“Anlamsal işaretlemeyi kullanmak, arama motorlarının içeriğinizi doğru bir şekilde dizine eklemesine yardımcı olur. arasında bir alt başlığınız varsa etiketleri, Google bunu biraz önemli *olabilir*, ancak Google bunu bir etiket kadar önemli görmeyecektir.

etiketi (genellikle bir alt başlığı görüntülemek için kullanılır). Eğer alıntı metniniz ve italik yazılacaktır, ancak alıntı metniniz ve gönderi, yalnızca görsel stil elde etmezsiniz, Google’a, Bing’e vb. bu metnin (veya bağlantının) bir alıntı olduğunu söyler. Arama daha gelişmiş ve daha akıllı hale geldikçe, tüm bunlar giderek daha önemli hale geliyor. Arama botlarına ne kadar ‘robot yiyeceği’ verebilirsek SEO için o kadar iyi.”

Blog yazmak için daha fazla zaman harcadıkça, bir küçük HTML’yi nasıl kullanacağınızı bilmek, web sayfalarınızın nasıl görüntüleneceğini belirlemenize yardımcı olacaktır. Lütfen bir dakikanızı ayırın ve bağlantısını verdiğim öğreticilere göz atın ve öğrendiğiniz bazı şeyleri deneyin, ardından size yardımcı olup olmadıklarını lütfen bana bildirin.

Creative Commons lisansı Fotoğraf kredi: Jesper Ronn-Jensen

Bu yazının bir versiyonu BlogHer.com’da yayınlandı.

  Facebook ilgi listesi nasıl oluştururum?