HTML'de, önce kelimeler yazarsınız, daha sonra sayfanızda görünecek öğelere veya etiketlere eklenir. Bu sayede tarayıcı sayfanın başlığını, paragrafın başlangıcını ve bitişini vb.
CSS'de, kurallar CSS özellikleri kullanılarak kullanılır. CSS özellikleri genellikle iki geniş kategoride sınıflandırılır. Birincisi, metnin rengini, yazı tipini, yazı tipi boyutunu, arka plan renklerini, arka plan görüntülerini vb. Belirten sunumdur. İkincisi ise düzen, ekrandaki farklı öğelerin konumunu tanımlar.
Hem HTML hem de CSS kullanılarak, eksiksiz bir web sayfası arayüzü yapılır.
Karşılaştırma Tablosu
| Karşılaştırma için temel | HTML | CSS |
|---|---|---|
| Temel | Web sayfalarının içeriğini ve yapısını belirler. | HTML öğelerinin tasarımını ve gösterimini değiştirir. |
| ilgi | CSS, HTML dosyalarında kullanılabilir. | HTML, CSS stil sayfalarında kullanılamaz. |
| Oluşmaktadır | Çevreleyen içeriği etiketler. | Seçiciler bir bildiri bloğuyla başarılı oldular. |
| Kullanma yöntemleri | Tanımlanmış bir yöntem yoktur. | Satır içi CSS kodu, Dahili ve harici stil sayfası kodu uygulamak için herhangi bir yöntem kullanılabilir. |
HTML'in tanımı
HTML, web belgelerini (web sayfaları) tanımlamak için bir işaretleme dilidir. HTML, Hiper Metin İşaretleme diline genişler, Standart İngilizce metinlere “ işaretlemeler ” ekler. “ Köprü metni ”, web sayfalarını birbiriyle ilişkilendiren bağlantıları ( Köprü bağlantıları) belirtir.
Bir işaretleme dili, sayfa yapısını tanımlayan bir işaretleme etiketi grubudur. Her HTML etiketi farklı belge içeriğini açıklar. HTML, sıklıkla değişen dil büyüyor ve daha cazip ve daha işlevsel sitelerin oluşturulmasına olanak tanıyan gözden geçirilmiş bir standartlar ve özellikler grubu getiriliyor.
HTML, büyük / küçük harfe duyarlı değildir.
Örnek:
- HTML etiketleri temelde köşeli parantez içine alınmış ve genellikle bir çift olarak gelen anahtar kelimelerdir (etiket adları).
içerik
- HTML öğesi, bir web sayfasındaki belirli bir bölümü açıklar.
- İçerik, web sayfanızda görüntülenen metinler, bağlantılar, resimler veya diğer bilgilerdir.
- Başlangıç etiketi, öğenin başlangıcını belirtmek için kullanılan bir HTML öğesidir.
- Bitiş etiketi, tek tek öğeleri ayırt etmek için HTML öğesini kapatır.
CSS'un tanımı
CSS, Basamaklı Stil Sayfalarının kısaltmasıdır. Ekrandaki HTML öğelerinin temsilini belirten kurallar oluşturmanıza izin verir. Web sayfalarınıza stil vermeyi sağlayan temel HTML’ye bir ektir.
CSS, bir kerede birkaç web sayfasının düzenini kontrol ederek çok fazla çalışma tasarrufu sağlar. CSS stilleri web sitenize üç farklı şekilde uygulanabilir: satır içi, dahili ve harici stil sayfaları.
Örnek:
- CSS bildirimleri küme parantezleri içinde bulunur ve her biri iki bölümden oluşur: özellik ve değeri, iki nokta üst üste ile ayrılmış. Bir bildirimde, her biri noktalı virgülle ayrılmış sayısız özellik tanımlayabilirsiniz.
- Seçiciler, hangi HTML öğesine stil vermek istediğinizi belirtir.
- Deklarasyon, iki nokta ile ayrılmış özellik ve değerleri içerir. Ek olarak, tüm bildirimleri çevreleyen küme parantezleri, Bildirge bloğu olarak bilinir.
- Özellikler, değiştirmek istediğiniz öğelerin özelliklerini belirtir.
- Değerler, seçilen özelliklerde uygulamak istediğiniz ayarları belirtir.
HTML ve CSS Arasındaki Anahtar Farklılıklar
- HTML, web sayfalarının içeriğini ve yapısını tanımlayan temel biçimlendirme dilidir. Öte yandan, CSS, web sayfalarının tasarımını ve görüntüsünü değiştiren HTML'in uzantısıdır.
- HTML dosyası CSS kodu içerebilirken CSS stil sayfaları asla HTML kodu içeremez.
- HTML, içeriği çevreleyen etiketlerden oluşur. Buna karşılık Bir bildiri bloğuyla başarılı olan seçicilerden oluşan CSS .
HTML'nin Avantajları
- Kullanımı kolay ve gevşek sözdizimi (her ne kadar çok esnek olmak standartlara uymayacaksa).
- Yaygın olarak kullanılır, hemen hemen her web sitesinde kurulur ve her tarayıcı tarafından desteklenir.
- Veri depolama için gittikçe artan oranda kullanılan XML sözdizimine benzer.
- Herhangi bir yazılım satın almanız gerekmediğinden ücretsizdir.
- Yeni başlayanlar için bile öğrenmesi ve kodlaması kolaydır.
CSS'nin Avantajları
- CSS, bir kez CSS yazarak ve aynı sayfayı birkaç sayfada yeniden kullanarak zamanınızı korur.
- Sayfalar daha az kod nedeniyle yükleme için daha az zaman harcarlar.
- Bakımı kolay, küresel değişikliklerin kullanımı kolaydır.
- CSS, HTML'ye göre daha iyi stillere ve daha geniş bir nitelik aralığına sahiptir.
- Birden fazla cihaz uyumluluğu sağlanması.
- Şimdi, HTML özellikleri açıklanmaktadır ve gelecekteki tarayıcılarla uyumlu hale getirmek için tüm HTML sayfalarında CSS kullanmanız önerilir.
- Çevrimdışı önbellek yardımı ile çevrimdışı göz atmayı destekler.
- Komut kalıcı platform bağımsızlığı sağlar ve en son tarayıcıları da destekleyebilir.
HTML'nin Dezavantajları
- Statik bir dil olduğu için dinamik çıktı üretemez.
- Sınırlı güvenlik özellikleri sunar.
CSS Dezavantajları
Parçalanma - CSS her tarayıcıda farklı boyutlar oluşturur. Programcılar herhangi bir web sitesine girmeden önce birden fazla tarayıcıdaki tüm kodları göz önünde bulundurmalı ve test etmelidir.
Sonuç:
HTML ve CSS her iki istemci tarafında da web komut dosyası dilleri web sayfaları oluşturmak için kullanılır. Sözdizimsel yapı, uygulama yöntemleri, kullanım kolaylığı ve dilin desteklediği nitelikler gibi özellikler gibi pek çok açıdan farklı olsalar da. Ancak, CSS, daha fazla özellik ve esneklik sunduğu için HTML'nin yerini almaktadır.
