HTML ve CSS - bunlar farklar
HTML ve CSS birbiriyle yakından ilişkilidir - ancak fark nedir? Geçmişte, ana sayfalar tamamen HTML'de oluşturulmuştu. Bugün, "Basamaklı Stil Sayfası" tasarımı "Köprü Metni Biçimlendirme Dili" (HTML) ile oluşturulan yapıdan ayırmaktadır.
HTML - yapı ve içerik dili
Bir ana sayfa oluşturun, içeriği HTML yoluyla sayfanıza getirin. Tablo gibi metinler, görüntüler ve yapılar HTML dosyaları kullanılarak tümleştirilir. HTML çeşitli görevleri üstlenir.
- Bir HTML dosyasında, önce belge türünü bildirirsiniz. Bu, hangi HTML sürümünü kullandığınızı gösterir.
- Aşağıdaki başlık alanında (başlık) teknik ayrıntıları belirtirsiniz, örneğin hangi CSS dosyasına bağlandığını. Ayrıca burada tarayıcı sekmesinde görünen başlığı da tanımlayabilirsiniz.
- HTML gövdesi bir web sitesinin içeriğini içerir. Ana sayfanıza eklediğiniz tüm metin ve resimler burada bulunur. Metinleri farklı hiyerarşilerin paragrafları ve başlıklarında yapılandırırsınız.
- Örneğin, komutla en yüksek önceliğe sahip bir tavan döşemesini biçimlendirebilirsiniz
birinci dereceden başlık. Komutlarla diğer başlıkları da yapılandırabilirsiniz
.
Bu komutlar doğrudan HTML başlığında tanımlanan CSS dosyası ile ilgilidir.
CSS - ana sayfanızın şekli ve rengi
HTML'den farklı olarak, CSS dosyası web sitenize dinamik içerik getirmez. Bir tarayıcının nasıl metin ve resim görüntülediğini belirlemek için kullanırsınız. Ayrıca ana sayfanızın temel yapısını tasarlamak için CSS'yi kullanırsınız.
- Kenar boşlukları, arka planlar ve altbilgiler veya üstbilgiler basamaklı stil sayfasında oluşturulur. Örneğin, bir blog için sayfayı iki sütuna bölün; biri yayınlar, diğeri bağlantılar, widget'lar veya sabit bilgiler için.
- Sabit metin biçimlendirmesini tanımlamak için CSS dosyasını da kullanabilirsiniz. HTML dosyasında başlık var
ve
başlangıçta değişmeden kalırlar. Şimdi bu komutlara CSS'de bir form verin, örneğin
yazı tipi boyutu 16 ve
14 firma.
Ayrıca CSS dosyaları olmadan bir ana sayfa da oluşturabilirsiniz. Bununla birlikte, CSS'nin avantajı, tüm ana sayfanızın tasarımını tek bir değişiklikle değiştirebilmenizdir. Başlıkları büyütmek istiyorsanız, biçim yeterlidir