Blogcular ve web sitesi olanlar için bilinmesi gereken temel HTML etiketleri

Bir blog veya web sitesi oluşturmak istediğinizde, önceki makalelerde görüldüğü gibi, bir profesyonel ödemek zorunda değilsiniz, çünkü zamanınız varsa ve özel gelişmiş özelliklere ihtiyacınız yoksa, sadece size izin veren ücretsiz çevrimiçi programlardan birini kullanın HTML kodu olmayan bir web sitesi oluşturun.
Bu çevrimiçi araçlar gittikçe daha güçlü ve kullanımı kolay olsa bile, HTML'nin ABC'sini veya web sitelerinin oluşturulduğu ana programlama dilini bilmeden bir siteniz olamaz .
HTML ( Köprü Metni Biçimlendirme Dili ) aslında bir programlama dili değildir, yani yönergeleri bir bilgisayara iletmek için kullanılan bir dil değil, bir Biçimlendirme Dili, yani web için biçimlendirilmiş metin yazmanın bir yoludur.
Firefox veya Internet Explorer gibi tarayıcılar bu HTML kodunu okur ve siteyi yapanların amaçladığı şekilde düzenlenmiş tüm nesnelerle düzenli olarak yazılanları gösterir.
Başka bir deyişle, HTML web sayfalarını açıklar ve bu açıklamaya dayanarak tarayıcı bir görüntü oluşturur.
Bunun bir makaleden daha fazlasını gerektireceği bir HTML kılavuzu olmadığı göz önüne alındığında, paylaşmak istediğim HTML etiketlerini daha iyi anlamak ve bunları gerektiğinde forumunuzda bir blogda kullanabilmek için temel kurallardır. veya bir web sitesinde değişiklik yapmak için.
HTML, köşeli parantez içine alınmış bir metnin davranışını tanımlamak için kullanılan etiketleri şu şekilde kullanır:
Parantez içindeki sözcük açılış etiketidir ve her açılış etiketinin ardından aşağıdaki gibi bir kapatma etiketi gelmelidir:
1) Web sitelerindeki metin biçimlendirmesi artık HTML'deki stilleri hatırlamak için bir web sayfasının grafik düzenini tanımlamanızı sağlayan başka bir biçimlendirme dili olan CSS kullanılarak yapılmıştır.
Ancak, gerektiğinde bazı temel biçimlendirme etiketlerini kullanabilirsiniz:
HTML: kalın (b yerine güçlü de kullanabilirsiniz)
Tarayıcılarda görüldüğü gibi: kalın
HTML: italik (i yerine en öğesini de kullanabilirsiniz)
Gördüğünüz gibi italik
HTML: altı çizili
Gördüğünüz gibi altı çizili
HTML: üstü çizili (s yerine ihtar da kullanabilirsiniz)
Gördüğünüz gibi çarpı
2) Köprü metni bağlantılarının oluşturulması, özellikle bağlantı çok uzunsa, çirkin bakmak için tüm adresi belirtmek zorunda kalmadan URL'leri veya site adreslerini açıklamanıza olanak tanır.
HTML: Navigaweb.net
Gördüğünüz gibi: Navigaweb.net
Bu HTML etiketi biraz daha karmaşıktır: köprüleri belirtmek için gerçek etiket diğer ek öğeler ise ek özellikleri belirten özelliklerdir.
Href = özniteliği adresi belirtirken, title = fare kelimenin üzerine geldiğinde ne görüneceğini tanımlar.
HTML'de, xHTML'de (Blogger düzenleyicisi tarafından da kullanılır) özellik değerlerini içine almak için tırnak işaretleri kullanıyoruz.
3) Resim veya fotoğraf eklemek, bilinmesi gereken en önemli şeylerden biridir, çünkü genellikle fotoğraf barındıran sitelerde, bloglarda veya forumlarda veya diğer sitelerde kullanılmak üzere HTML kodu sağlanır.
HTML:
Görüldüğü gibi:
Bu durumda, gerçek etiket gerekli öznitelikler src = ve isteğe bağlı olarak görüntüyü kelimelerle açıklayan alt = şeklindedir.
Yine, kopuk bağlantıları önlemek için tırnak işaretleri kullanın.
Gördüğünüz gibi etiketi img kelimesini tekrarlamadan a /> ile kapanır.
Görüntüyü metne sarılmak üzere sola veya sağa biçimlendirmek için float = "left" veya float = "right" özelliğini ekleyebilirsiniz.
Bir görüntüye köprü oluşturmak için görüntüyü kod olarak kullanabilirsiniz:
HTML:
Görüldüğü gibi:
4) Paragraflar ve satır kesmeleri
Yapısal metin oluşturmak ve kaydırmak için satır sonları ve paragraflar oluşturmak üzere etiketleri kullanmanız gerekir.
HTML'de, bir satırdan sonra yazabilirsiniz
dibe gitmek.
Bu aynı anda açılır ve kapanır, böylece tekrarlamanız gerekmez.
Paragraf oluşturmak için, önce ve sonra boş bir satır olduğu için, yazılı metni HTML etiketleri arasına almanız gerekir

ve

5) Listeler, numaralandırılmış listeler şeklinde sıralı bir şekilde yapılabilir veya madde işaretli listelerle sırasız yapılabilir.
Numaralı liste şöyle görünür:
HTML

1. Birinci Madde


2. İkinci Madde

Sonuç:

1. Birinci Madde
2. İkinci Madde

Madde işaretli liste yerine farklı bir etiket kullanır

kullanılır
:



• Birinci madde


• ikinci makale



Sonuç:

• Birinci madde
• İkinci madde
Her iki durumda da etiketi
• listedeki bir öğeyi tanımlamak için kullanılır.
  Sonuç: Bir etiket, yapılması gereken büyünün türünü belirterek, belgenin konumunu veya seçimini belirtmekten başka bir şey yapmaz.
  Her web sayfasında bazı etiketler bulunur ve bölümleri kapsar: ... sayfanın başlangıcını ve sonunu gösterir, ... belgenin başıdır, burada tiyol, açıklama, CSS ve komut dosyası belirtilir ve ... bunun yerine sayfa gövdesi.
  Bunlar sadece ön kavramlar olmasına rağmen, bir siteyle ilgilenen herkesin ve ayrıca forumlara ve bloglara katılarak internette sörf yapanların bilmesi gerekir.
  HTML konusu hakkında daha fazla bilgi edinmek için, başka bir makalede, testleri yapmak için örnekler ve çevrimiçi editörlerle birlikte HTML ve CSS kılavuzları içeren en iyi siteleri bildirdim.
  Sayfanın HTML kodunu görmek için farenin herhangi bir yerine basın ve HTML'yi görüntüleyin.
  Google Chrome kullanıyorsanız, ilham alıp sitenizde yeniden oluşturabilmeniz için belirli bir noktada hangi kodun kullanıldığını görmek için " Sayfayı incele " işlevini kullanabilirsiniz.
  Bu sayfada , blog yazarları için temel HTML etiketlerini içeren bir tablo indirebilirsiniz.
  Bununla birlikte, HTML Referans sitesinde, tümü bir sayfada kendileriyle birlikte gelen özelliklere ve özelliklere sahip tüm etiketler vardır.