HTML CSS kullanımı

HTML ve CSS, web sitelerinin tasarımını ve görüntüsünü şekillendirmek için kullanılan iki ana dildir. HTML (Hypertext Markup Language), web sayfalarının yapısını oluştururken, CSS (Cascading Style Sheets) ise bu yapının nasıl görüntüleneceğini belirler. Bu blog yazısında, HTML ve CSS'nin kullanımıyla ilgili temel bilgileri ele alacağız. HTML ve CSS'yi kullanarak nasıl basit bir web sitesi oluşturabileceğinizi adım adım öğreneceksiniz. Hazırsanız, hemen başlayalım!

HTML (HyperText Markup Language) ve CSS (Cascading Style Sheets), web sayfalarının tasarımı ve düzenlemesi için kullanılan iki temel teknolojidir. HTML, web sayfalarını oluşturmak için kullanılan bir işaret dili olarak bilinirken, CSS ise web sayfalarının görünümünü kontrol etmek için kullanılan bir stil yapısıdır. Bu iki teknolojiyi bir araya getirerek, web siteleri daha estetik ve kullanıcı dostu bir görünüm kazanmaktadır.

HTML kullanımıyla başlayacak olursak, HTML etiketlerini kullanarak web sayfalarının yapısını belirleriz.

• html

etiketi, web sayfasının başlangıcını ve sonunu tanımlar.

• head

etiketi sayfa başlığını içerirken,

• body

etiketi sayfa içeriğini barındırır. Buna ek olarak,

• p

etiketiyle paragraf oluşturabilir,

• strong

etiketiyle metni kalınlaştırabilir ve

• li

etiketiyle liste oluşturabiliriz. HTML etiketleri sayesinde, sayfanın yapısını belirleyebilir ve metinleri biçimlendirebiliriz.

CSS kullanımı ise, HTML etiketlerine stil özellikleri ekleyerek web sayfalarını tasarlamamızı sağlar. CSS,

• style

etiketi içinde tanımlanan kurallarla web sayfasının görünümünü belirler. CSS özellikleri arasında renk, yazı tipi, arka plan, kenarlık gibi seçenekler bulunur. Örneğin,

• background-color

özelliği ile bir div'in arka plan rengini değiştirebilir veya

• font-family

özelliği ile metinlerin yazı tipini belirleyebiliriz. CSS kullanarak, web sayfalarına istediğimiz görsel efektleri uygulayabilir ve kullanıcı deneyimini artırabiliriz.