HTML ile CSS Arasındaki Farklar

HTML ile CSS Arasındaki Farklar : Html ile Css arasındaki temel fark başlangıçta sizlere bahsetmek istiyorum. Şöyle düşünelim HTML bir web sitesinin kurallarını, içinde olması gereken bilgileri ve tanımlamaları içinde barındırmaktadır. CSS ise HTML içinde belirlenmiş kuralları ve tanımlamalara uygun şekilde stil vermek için kullanılmaktadır. Arasındaki temel fark biri tanımları diğeri de tanımlamalara uygun stilleri verme işlemi yapmasıdır.

HTML Nedir? CSS Nedir?
HTML Nedir? CSS Nedir?

HTML Nedir?

HTML Web sitesi oluşturabilmemiz için yapılmış geliştirilmeye oldukça uygun sunucu dilidir. Hayal gücünüzün sınırlarını özgürce kullanıp dilediğiniz projeyi & Web sitesini yapabilirsiniz.

  • HTML etiket yapısındadır.
  • HTML içindeki etiketler tanımlama almaya müsaittir.
  • Her etiketin kendine özgür tanımlaması vardır.

Bir HTML etiketi üzerinden sizlere örnek vermek istiyorum. Temel link verme etiketi üzerinden gidelim.

...
<a href="http://www.google.com" title="Google Linki" target="_blank">Google Sitesine Git!</a>
...

Yukarıdaki örnekte HTML bir link oluşturmuş olduk link üzerindeki tanımlamaları sizlere açıklayayım.

  • href : Oluşturulan etiketin nihai hedef linkini belirlediğimiz tanım.
  • title : Link üzerinde gözükmeyen ancak linkin üzerine gelince gözüken tanım.
  • target : Link’e tıklandıktan sonra hangi pencerede açılacağını belirlemek için kullanılır. Örn : aynı pencere, farklı pencere vb..

CSS Nedir?

CSS etiketlerinin temel amacı HTML etiketlerine veya tanımlamalarına stil vermedir. Stil verme işlemleri oldukça basittir ve temel olarak 3 ayrı sınıfa ayrılır. Ana konusu HTML 3 ana konusuna görsellik sağlamaktır. Bunun dışında bazı aksiyonlar da da işlem belirtilebilir.

  • id (sabit) : #sabit
  • class (sınıf) : .sinif
  • element name (nesne adı) : input, div

Yukarıdaki 3 temel stil belirleyicileri için sizlere kod örneği yapmak istiyorum. Bunları oluşturmadaki temel amaç bu nesnelere veya tanımlamalara görünüş olarak değişiklik yapmaktır.

ID (sabit) Örneği

Aynı sayfa sadece 1 kere kullanılabilir stildir.

#sabit{
	Gerekli tanımlamalar bu alana virgülle yazılır.
}

 

Class (sınıf) Örneği

Aynı sayfada birden çok tanımlama yapabilirsiniz.

.sinif{
	Gerekli stilleri bu alana girebilirsiniz.
}

Element Name (nesne adı)

Nesne isimlerini kullanarak stil verme işlemini gerçekleştirebilirsiniz. Bunun içinde ayrıca id veya class kullanmanıza bazı durumlarda gerek kalmaz. Özel tanımlamalar dışında kolayca kullanılabilir.

Örnek:

input{
	...tanımlamalar...
}
textarea{
	...tanımlamalar...
}
div{
	...tanımlamalar...
}

Html ve Css hakkındaki tüm konular hakkında ve Tüm Web tasarım sorularınızı aşağıdaki form üzerinden bana gönderebilirsiniz. Sizlere mümkün olduğu kadar kısa sürede cevap vermeye çalışacağım. Hepinize iyi çalışmalar diliyorum.

HTML ile CSS Arasındaki Farklar
Etiketlendi: