Her WordPress kullanıcısının bilmesi gereken temel HTML kodu

HTML, İnternet’teki neredeyse her şeyin temelidir. Bu, internet içeriğinin oluşturulduğu ve onlarca yıldır devam ettiği temeldir. HTML hakkında güçlü bir anlayış olmadan, WordPress veya diğer web tasarımı ve geliştirme ile yaptığınız her şey engellenecektir. Neyse ki sizin için, her WordPress kullanıcısı tarafından yeni başlayanlardan gazilere neredeyse her gün kullanılan birçok temel HTML kodu vardır. Onları yok edelim ve sizi hızlandıralım. YouTube kanalımıza abone olmak HTML nedir? Bu hızlı sürümdür: HTML, hipermetin işaretleme dilini temsil eder, yani bir programlama dili değildir. HTML, bilgisayarınıza komut dosyası aracılığıyla bir şey çalıştırmasını sipariş etmez. Tersine, sayfanızda sahip olduğunuz metne ihtiyacınız vardır ve bu da işaret eder. İtalik, cesur, hizalama, boyut vb. HTML ayrıca size resim ve bağlantılar ekleme olanağı sağlar ve HTML5 ile en son sürüm onu ​​ve metni ilginç bir şekilde manipüle eder.
HTML kodu bayraklarda bulunur ve okunması oldukça kolaydır. Basit HTML sayfası şöyle görünebilir:

Web sayfasının başlığı buraya gider.

Bu, insanlar için görünen sayfanın başlığı

İçerik
Daha fazla içerik
Daha fazla içerik

Bölüm Break

divi sayfamıza bir bağlantı

Tarayıcıda oluşturulduğunda, şöyle görünecektir: Gördüğünüz gibi, HTML çok kafa karıştırıcı değildir. Aslında, daha önce HTML kodunu hiç görmemiş olsanız bile, her etiketin anlamının bağlama dayandığını öğrenebilirsiniz. Kaçarak, kariyeriniz boyunca Web’de kullanacağınız en yaygın temel HTML koduna bakalım. Metni etiketine sardığınızda, tarayıcıya metni kalınlaştırmasını söylersiniz. Ayrıca da kullanabilirsiniz, ancak Google ve semantik kodlamayı tercih eden diğer arama motorlarıyla ile daha güvenlisiniz

Bu etiketi kullanarak metin kalın yapabilirsiniz.
Eğim, vurgu anlamına gelir ve bu, HTML’de italik kullanmanın anlamsal yoludur. Bunu yapmak için ‘i de kullanabilirsiniz. Bu etiketi kullanarak italiklere metin koyabilirsiniz.
Aynı şeyin altını çizin ve alt hatlar için de geçerlidir. Genel olarak, bu çok az kullanılır, çünkü bağlantı altı çizilir ve metin, kötü bir kullanıcı deneyimi sağlayamayacağınız altını çizer.
Başlık muhtemelen tüm temel HTML kodlarından en yaygın olarak kullanılan çeşitli başlıktır. İçeriğinizi birkaç parçaya bölmek için

,

,

,

,

,

,

kullanarak.
Hiyerarşik bir sırayla kullandığınızdan emin olun. Google bir başlık derlemenizi istiyor, bu yüzden

altında

altında,

altında değil, kullandığınızdan emin olun. Çoğu sayfanın sadece bir

olmasına rağmen, Google artık sizi cezalandırmıyor çünkü daha fazlası var.

kullanmanın sayfa (veya en azından sayfa) için yuvanızı sıfırlayacağını unutmayın.

h2 en sık kullanılan başlık etiketidir. Görüntü Ekleme Görüntüler HTML tarafından yapılan en kullanışlı şeylerden biridir. İnterneti acımasız tarzından kırdı ve bugünkü gibi bir yere gitti. Tek yapmanız gereken görüntü URL’sine sahip olmak ve bir

(görüntü etiketi için kısa.

Resim etiketini kapatmanız gerekmediğini ve görüntüleri görüntülemek için tırnak işaretlerine gerek olmadığını unutmayın. Birçok kişi hala kodun okunmasını kolaylaştırmak için kullanıyor. nitelikleri, erişilebilirlik amacıyla görünen ve ayrıca arama motorları tarafından dizine eklenen metinlerdir. Ekran okuyucuları ve diğer cihazları olan kişiler için, interneti kullanmak için alternatif metin kesinlikle gereklidir. Görüntünüz için alternatif bir metne sahip olmak her zaman en iyi uygulamadır.
Tamam bağlantı. Bağlantı. Bağlantılarda olan birçok şey var. Ya da daha doğrusu, bağlantılarla yapabileceğiniz birçok şey var. Temel olarak, etiketi ile birleştireceksiniz. Bir bağlantı olduğunu göstermek ve kelimenin tam anlamıyla bağlantılı olduğunuz yere hipermetin (URL) bir referansdır. Çapa metnidir. Aralarında istediğiniz metni kullanabilirsiniz. Kendisine tıklanabilecek ve çapa metni olarak adlandırılabilecek bir bağlantı olacaktır.
Şöyle bir sayfada gösterilir: Divi sayfamıza bağlantı ve bu bir çapa metnidir. Ayrıca, HTML kod yuvaları da yapabilirsiniz. Görüntünün bağlantılar arasına

etiketi ekleyerek tıklanabilir. “>
Tıklanan resim bağlantısının nasıl görüntülendiğini görebilirsiniz:
Diğer bağlantı öznitelikleri Ayrıca, bağlantıya birkaç farklı özellik ekleyebilirsiniz, böylece belirli şekillerde davranırlar (URL’nizi yönlendirmemek veya yeni bir pencerede bir bağlantı açmak için gizlemek gibi). Sizin için en yararlı olanlardan bazıları
Ray, bağlantı ve hedefi için bir tür ilişki gösterir. Tavsiye trafiğinin size geri izlenmesini önlemek için NoreFerrer gibi.
Tarayıcıya bağlantıyı nereden açacağını söyleme hedefi: _blank, örneğin boş bir sekmede açacaktır.

Nofollow raylarla uyumludur ve arama motoruna hedef siteye herhangi bir bağlantı suyuna devam etmek istemediğinizi söyler. Tartışmalı içeriğe bağlanırken bu iyidir. Ayrıca, insanların yorumlarınızdaki bağlantıya spam göndermesini önler ve içeriğinizin tarafsız görünmesini sağlar, çünkü pozlama ve tıklamanın yanı sıra görüntülemeniz gereken herhangi bir bonus vermezsiniz. Görüyorsun.
<a href="https://www.elegantthemes.com/blog/divi-resources/get-a-mortgage-broker-layout-sa
Benim gibiyseniz metin geçilir, bazen sert kelimeler kullanarak bir şaka yapmanız gerekir. Ya da belki listeden bir şey işaretlemeniz gerekir (veya kodun kendisinin söylediği gibi silin). Ya da ihtiyacınız olan her ne olursa olsun, satır metinden geçer. İşte o zaman, geçmek istediğiniz metnin etrafında kullanırsınız. Bazı insanlar için bu çok yaygın bir koddur, diğerleri ise asla kullanamaz. Ancak, hatırlaması kolaydır.
HTML’deki StrikeThrough metnini için bu kodu kullanabilirsiniz.
Liste, bugünün web içeriğinin bir başka ana parçasıdır. Size sadece çok fazla beyaz alan vermek ve metnin duvarlarını kırmakla kalmazlar, aynı zamanda zihninizi kolayca sindirilen parçalar halinde yönetmenize de izin verir. Temel HTML koduyla yapabileceğiniz iki tür liste vardır. 1, 2, 3 sayıları verilen listelerin sırası. Liste, sayılar yerine noktalar veya semboller (sitenizin tasarımına bağlı olarak) kullanılarak sırada değildir. Değerli veya sıralı bir liste için her listeyi
veya ile sararsınız. Ve listedeki her öğe
.
Bu, sıralanmamış bir listenin bir parçasıdır.
Bu da öyle.

Ve bu şekilde bir sipariş listesi oluşturdunuz.
bu bir listedeki bir bağlantı.
Ve bu bağlantı metni kalın , ancak bu kısım değil.

Ve kodlar farkı göstermek için böyle hale getirilir:
Bu gerçek dışı bir listenin bir parçasıdır.
Öyleyse bu.
Ve bu şekilde sıralanan listeyi ayarladınız.
Bu listedeki bir bağlantı.
Ve bu bağlantının metni kalın yazdırılır, ancak bu bölüm değildir.
Listede başka kodlanmış yuvalar da yapabilirsiniz. Böylece metni kalınlaştırabilir, bir bağlantı ekleyebilirsiniz vb. Alıntı bloğunuz, WordPress kariyerinizin belirli bir noktasında, diğer insanların web sitelerini teklif etmeniz gerekir.
‘nin girdiği yer burası. Kopyaladığınız/yapıştırdığınız (ve öznitelik) açılış etiketi ve kapak
ile çevrelediğiniz her türlü metni kuşatın ve bunu yapmaya hazırsınız. Bu sayfada gibi görünecektir: Bu metin, bir teklif olduğunu göstermek için özel bir tarzda görünecektir. HTML paragraf paragrafı oldukça garip. CMS’ye ve kullandığınız üreticiye bağlı olarak, bu her satır molasını otomatik olarak ayrı bir paragraf olarak yapabilir. WordPress bunu HTML yazdığınızda yaptı. Ancak, hepsi bunu yapmaz. Bu nedenle, paragrafları ayırmanız ve bir metin duvarınız yoksa, her paragrafı
ile sarın. Tarayıcı daha sonra her metin bloğunu sürdürülebilir bir blok değil, ayrı bir paragraf olarak göstermeyi bilir. Varsayılan olarak, tarayıcı tam tersi söylenmedikçe çizgilerin duraklamasını yok sayar.
Bu benim ilk paragrafım.
Bu benim ikinci paragrafım.

admin

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir