Her Blogger ve Web Sitesi Sahibi Bilmeli İlk 11 HTML Etiketi

İlan

Dünya çapında ağ birçok dili biliyor ve birkaç farklı dilde kodlanıyor. Bununla birlikte, her yerde bulunabilen ve web sayfalarının icadından beri var olan tek dil, daha iyi HTML olarak bilinen HyperText Markup Language'dir. Adından da anlaşılacağı gibi, HTML bir programlama değil, bir biçimlendirme dilidir. İşaretlemeler, web sitelerindeki içeriği görselleştirmek için tarayıcılar tarafından yorumlanır. HTML en basit haliyle metni formatlamak, medya dosyalarını gömmek ve bir web sayfasında içerik düzenlemek için kullanılır. Başka bir deyişle, HTML web sayfalarını açıklar ve bu açıklamaya dayanarak tarayıcı bir 'görüntü' oluşturur.

Ücretsiz web sitesi oluşturucular sayesinde artık kimsenin HTML kodlamasıyla uğraşmasına gerek yok. Ancak, zaman zaman HTML etiketleri, örneğin bir web sitesinde hızlı değişiklikler yapmak, bir yorumda köprü metni eklemek veya bir forum yayını için metin biçimlendirmek için kullanışlı olabilir. Bu yazıda günlük kullanım için size birkaç, muhtemelen rastgele, ama kesinlikle yararlı ve basit etiketler göstermek istiyorum.

Başlamadan önce, umarım HTML etiketlerinin anlaşılmasını kolaylaştıracak bazı temel kuralları tanıtayım:

• HTML, köşeli ayraç içine alınmış biçimlendirme etiketlerini kullanır, örneğin:
• Yukarıdaki örnekteki gibi görünen etiketlere başlangıç ​​etiketi denir. Her başlangıç ​​etiketinin ardından, aşağıdaki gibi bir noktada bir bitiş etiketi gelmelidir:
• Bazı etiketler içeriği tanımlamaz. Bununla birlikte, mevcut standartlara uymak için hala sona ermeleri gerekir. Sonuç olarak, başlangıç ​​ve bitiş etiketini birleştirirler, örneğin:
  

Metin Biçimlendirme

HTML etiketleri genellikle basittir. Metni kalın, italik veya altı çizili yapmak için kullanılan etiketler ilgili kelimeden türetilir.

Giriş:cesur
Çıktı: kalın

Giriş:italik
Çıktı:italik

Giriş:Altı çizili
Çıktı:Altı çizili

Giriş:metinle vurmak
Çıktı:metinle vurmak

Köprü Metni Oluşturma

Düz URL'ler oldukça çirkin görünebilir. Metne köprü eklemek, yani köprü metni oluşturmak çok daha şıktır ve özellikle bağlantı çok uzunsa yerden tasarruf sağlar.

Giriş:Faydalanmak
Çıktı:Faydalanmak

Gördüğünüz gibi bu HTML etiketi biraz daha karmaşık, bu yüzden ayrıntılı olarak inceleyelim. Gerçek etiket ve ek elemanlar, diğer karakteristikleri belirten özelliklerdir. Özellik href = bağlantıyı belirtir ve başlıktaki = fareyle üzerine gelme araç ipucunu tanımlar. Bağlantıyı ve başlığı kapsamak için tırnak işaretleri kullandığınızdan emin olun, aksi takdirde kopuk bir bağlantıyla karşılaşabilirsiniz.

Görüntüleri Gömme

Bir resim binden fazla kelime söyleyebilir. Onları daha sık kullanmalıyız. HTML kullanarak manuel olarak şu şekilde ekleyebilirsiniz:

Giriş:
Çıktı:

Bu etiketi de analiz edelim. Yine, gerçek etiket ve gerekli özellikler src = ve alt =. Birincisi görüntünün konumunu, yani URL'sini gösterir ve ikincisi, görüntülerin görüntülenmesinin engellenmesi veya bağlantının kesilmesi durumunda görüntülenen alternatif bir metin sağlar. Yine, kopuk bağlantıları önlemek için tırnak işaretleri kullanın.

etiketi ayrıca "sona ermesi" gerekmeyen bir etikete bir örnektir ve bu nedenle başlangıç ​​etiketindeki ileri tire ile kapanır, yani. ziyade .

Aralar ve Paragraflar

Yapılandırılmış bir metin oluşturmak için satır sonlarını ve paragrafları kullanmanız gerekir. Ve bunlar bilmeniz gereken etiketler:

Giriş:

Çıktı: Bu etiket bir satır sonu oluşturur. Bunun, başlangıç ​​ve bitiş etiketlerini bir arada birleştiren başka bir etiket olduğunu unutmayın.

Giriş:

Paragrafınızın içindeki metin.

Çıktı: Önceki etiketin aksine, paragraf etiketi standart bir başlangıç ​​ve bitiş etiketine sahiptir. İki etiket arasındaki metin paragrafa sarılır, yani önce ve sonra boş bir satır vardır.

Listeler

Esasen iki tür liste vardır: sıralı ve sırasız listeler, daha iyi numaralandırılmış ve madde işaretli listeler olarak bilinir. Her ikisini de oluşturmak için iki farklı etiket bilmeniz gerekir, ancak toplamda yalnızca üç etiket gerekir. Önce örneklere bakalım:

Giriş:

1. Birinci Öğe


2. İkinci madde

Çıktı:

1. Birinci Öğe
2. İkinci madde

Giriş:

• Birinci Öğe


• İkinci madde

Çıktı:

• Birinci Öğe
• İkinci madde

Sıralı bir liste oluşturmak için etiketini kullanın ve sırasız bir liste için etiket. Her iki durumda da,

etiketi, listedeki bir öğeyi tanımlamak için kullanılır.

Artık HTML'nin ne kadar basit ve mantıksal olduğunu gördüğünüze göre, temel bilgilerin ötesine geçmek ve biraz daha fazla bilgi edinmek isteyebilirsiniz. Daha fazla HTML ipucu için şu makalelere göz atın:

• Temel HTML Kodunu Anlamak için 5 Adım Temel HTML Kodunu Anlamak için 5 AdımHTML, her web sayfasının bel kemiğidir. Başlangıç ​​seviyesindeyseniz, HTML'yi anlamanın temel adımlarında size yol gösterelim. Daha fazla oku
• Hızlı Yükleme Ücretsiz Web Sitesi Oluşturmak için 5 HTML İpucu Hızlı Yükleme Ücretsiz Web Sitesi Oluşturmak için 5 HTML İpucu Daha fazla oku
• Herkesin Web Sitesine Ekleyebileceği 7 Harika HTML Etkisi Herkesin Web Sitelerine Ekleyebileceği 8 Harika HTML EtkisiSüslü bir site oluşturmak için CSS veya PHP bilmek zorunda değilsiniz. Harika efektler oluşturmak için bu harika HTML numaralarını kullanın. Daha fazla oku

Şimdi HTML etiketlerini kullanma konusunda biraz daha emin misiniz? Daha önce rutin olarak "el kodlaması" yaptıysanız, hangi etiketlerin eksik olduğunu düşünüyorsunuz?

Resim kredileri: kentoh