Html

Web Sayfalarında Kullanılan Yerleşim Elemanları

HTML etiketlerinin etiket türüne bağlı olarak varsayılan iki tip görüntüleme değeri vardır. Bunlar, blok düzeyinde etiketler ve satır içi etiketlerdir.

Blok Düzeyinde Etiketler

Blok düzeyinde etiketler, her zaman yeni bir satırdan başlar. Blok etiketler, mevcut tam genişliği kaplar. Blok düzeyinde etiketlerin bir alt ve bir üst bir kenarı vardır. Blok etiketler, kapama etiketleri ile kullanılır. <div> etiketi blok düzeyinde bir etikettir.

Satır İçi Etiketler

Satır içi etiketler yeni bir satırdan başlamaz, yalnızca gerektiği kadar genişlik kaplar. Satır içi etiketlerin blok düzeyi etiketlerinde olan alt ve üst kenar bulunmaz. <span> etiketi, satır içi etikettir.

<div> Etiketi

<div> etiketi, yerleşim elemanı olarak kullanılan ve diğer HTML etiketlerini içine alabilen bir kutu olarak kullanılır. <div> etiketi ile style, class, id özellikleri kullanılır. Bu özellikleri kullanmak zorunlu değildir. <div> HTML belgesindeki verilerin konumlarını (yukarı, aşağı, sağa ve sola) CSS

yardımı ile hizalar. CSS ile kullanıldığında <div> etiketi, içerik bloklarına stil uygulamak için kullanılır. Metinler, resimler ve videolar div içine yerleştirilir. <div> etiketi tablolara benzerlik gösterir fakat tablolar katı, esnek olmayan ve ızgara şeklindedir. <div> etiketleri ile oluşturulan CSS tabanlı tasarımlar ise daha esnek, akışkan ve genişletilebilir yapıdadır.

<span> Etiketi

<span> etiketi, metin veya HTML belgesinin bir bölümünü işaretlemek için kullanılan satır içi kapsayıcıdır. Yapısal ve görsel olarak bir katman oluşturur. <span> etiketi ile style, class, id özellikleri kullanılır. Bu özellikleri kullanmak zorunlu değildir. CSS ile kullanıldığında <span> etiketi paragraf metinlerine stil uygulamak için kullanılır. <span> etiketi, <div> etiketinden farklı olarak satır içi eleman olduğundan paragraf içinde kullanıldığında ilgili paragrafı keserek alt satıra geçmez.
İlgili Makaleler
Cimbomun Yer Aldığı 2023 Uefa Şampiyonlar Ligi A Grubundaki Takımları Table Etiketiyle Gösterimi
Web Sayfalarına Youtube Videolarını Ekleme
TrendYol 2023 - 2024 Süper Lig Fikstür Çekimini Yapan BootStrap Html Uygulaması-1
Web Tabanlı Uygulama Geliştirme Dersi Birinci Dönem Birinci Yazılı Çalışma Soruları
Jquery Uygulamalarında Ajax İsteği Yapılınca Oluşabilecek Hataları Yakalama
Form Bloğu İçinde Kullanılan fieldset ve legend Etiketleri
2022 Katar Dünya Kupasında Belirlenen Grupları Liste Etiketini Kullanarak Web Sayfasında Görüntüleme
BootStrap Temayla Kullanıcı Adı ve Şifre Girişi Kontrolü
Visual Studio 2022 Programında Table Etiketini Kullanarak Hesap Makinesi Tasarımını Web Sayfasında Yapma
Failed to load resource: the server responded with a status of favicon.ico 404 (Not Found) Hatasını Düzeltme
Birden Fazla Tanımlanan Div Etiketlerini Aynı Sütunda Gösterme İşlemi Nasıl Yapılır
2022 Katar Dünya Kupasında Belirlenen Grupları Table Etiketini Kullanarak Web Sayfasında Görüntüleme
Web Sayfasına Eklenen Resmi Gösterip Gizleyen Uygulamayı Javascript Kodlarıyla Gerçekleştirme
Cimbomun Yer Aldığı 2023 Uefa Şampiyonlar Ligi A Grubundaki Takımların Div Etiketiyle Gösterimi
Visual Studio 2022 Programında Takımlarımızın Uefa Avrupa Ligi Maç Özetlerini Gösteren Web Sayfası Uygulaması
Form Elemanlarını Kullanarak Web Sayfasında Kayıt Formu Tasarımı
Form Bloğu İçinde Kullanılan Meter Etiketi ve Özellikleri
Form Bloğu İçinde Form ve Veri Giriş Özellikleri
Jquery Ajax 200 OK JSON ParseError Hatasını Düzeltme
Visual Studio 2022 Programında Takımlarımızın Uefa Avrupa Ligi Puan Durumunu Div Etiketiyle Listeleyen Web Sayfası Uygulaması

Yorum Ekle
   
Kötü
İyi