Top 11 HTML Etiketleri Her Blogcu ve Web Sitesi Sahibi Bilmeli

Dünya çapında ağ birçok dili tanır ve birçok farklı dilde kodlanmıştır. Bununla birlikte, web sayfalarının icat edilmesinden bu yana her yerde bulunabilen ve etrafta bulunmakta olan 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. En basit haliyle HTML, metni biçimlendirmek, medya dosyalarını gömmek ve bir web sayfasındaki içeriği düzenlemek için kullanılır. Başka bir deyişle, HTML web sayfalarını açıklar ve bu açıklamaya göre, tarayıcı bir 'görüntü' oluşturur.

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

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

• HTML, aşağıdaki gibi köşeli parantez içine alınmış işaretleme etiketlerini kullanır:
• Yukarıdaki örnekteki gibi görünen etiketlere start etiketi adı verilir. Her başlangıç ​​etiketini aşağıdaki gibi bir noktada bir bitiş etiketiyle takip etmelisiniz:
• Bazı etiketler içeriği tanımlamaz. Bununla birlikte, mevcut standartlara uymak için yine de sona ermelidirler. Sonuç olarak, başlangıç ​​ve bitiş etiketini birleştirir, örneğin:
  

Metin Biçimlendirme

HTML etiketleri genellikle basittir. Metni kalın, italik veya altı çizili yapmak için kullanılan etiketler ilgili sözcükten türetilmiştir..

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

Giriş: italik
Çıktı: italik

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

Giriş: metin yoluyla vurmak
Çıktı: metin yoluyla vurmak

Köprü Metni Oluşturma

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

Giriş: Faydalanmak
Çıktı: Faydalanmak

Gördüğünüz gibi bu HTML etiketi biraz daha karmaşık, o yüzden ayrıntılı olarak inceleyelim. Gerçek etiket ve ek elemanlar başka özellikler de belirten niteliklerdir. Özellik href = bağlantıyı belirtir ve başlıktaki = Fare üstü araç ipucunu tanımlar. Bağlantıyı ve başlığı içine almak için alıntı işaretleri kullandığınızdan emin olun, aksi takdirde kesilmiş bir bağlantıyla sona erebilir.

Görüntüleri Katıştırma

Bir resim binden fazla sözcük söyleyebilir. Onları daha sık kullanmalıyız. Ve HTML kullanarak el ile nasıl ekleyeceğiniz budur:

Giriş:

Bu etiketi de analiz edelim. Yine, asıl etiket ve gerekli özellikler src = ve alt =. Birincisi, görüntünün yerine, yani URL'sine işaret eder ve ikincisi, görüntülerin engellenmesi veya bağlantının kopması durumunda görüntülenen alternatif bir metin sağlar. Yine, bağlantıların kopmasını önlemek için tırnak işaretleri kullanın..

etiketi aynı zamanda 'sona ermesi gerekmeyen' bir etiket örneğidir ve bu nedenle ilk etiketindeki ileri çizgi ile kapanır, yani. ziyade .

Sonları ve Paragrafları

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

Giriş:

Çıktı: Bu etiket bir satır sonu oluşturur. Bunun bir başlangıç ​​ve bitiş etiketini bir araya getiren başka bir etiket olduğunu unutmayın..

Giriş:

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

Listeler

Esasen iki tür liste vardır: numaralandırılmış ve madde imli listeler olarak bilinen sıralı ve sıralanmamış listeler. Her ikisini de oluşturmak için iki farklı etiket bilmeniz gerekir, ancak toplamda üç tane. Önce örneklere bakalım:

Giriş:

1. Öğe bir


2. Öğe iki

Çıktı:

1. Öğe bir
2. Öğe iki

Giriş:

• Öğe bir


• Öğe iki

Çıktı:

• Öğe bir
• Öğe iki

Sipariş listesi oluşturmak için etiketi kullanın.

ve sıralanmamış bir liste için
etiket. Her iki durumda da,
• etiketi listedeki bir öğeyi tanımlamak için kullanılır.

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

  • 5 Temel HTML Kodunu Anlama Adımları 5 Temel HTML Kodunu Anlama Adımları 5 Temel HTML Kodunu Anlama Adımları HTML, her web sayfasının bel kemiğidir. Eğer bir acemi iseniz, size HTML anlamak için temel adımları size yol gösterelim.
  • Hızlı Yükleme Ücretsiz Web Sitesi Oluşturmak için 5 HTML İpuçları Hızlı Yükleme Ücretsiz Web Sitesi Oluşturmak için 5 HTML İpuçları Hızlı Yükleme Ücretsiz Web Sitesi Oluşturmak için 5 HTML İpuçları
  • 7 Herkesin Web Sitesine Ekleyebileceği Serin HTML Etkileri 7 Herkesin Web Sitesine Ekleyebileceği Serin HTML Etkileri 7 Herkesin Web Sitesine Ekleyebileceği Serin HTML Etkileri Umutsuzluk! Süslü bir site oluşturmak için CSS veya PHP bilmeniz gerekmez. Bazı eski HTML'ler ve nasıl kopyalayıp yapıştırılacağını bilmek.

  Şimdi HTML etiketlerini kullanma konusunda kendinizden biraz daha emin misiniz? Daha önce rutin olarak 'elle kodlama' yapıyorsanız, hangi etiketlerin eksik olduğunu düşünüyorsunuz??

  Resim kredisi: kentoh