Arkadaşlar herkese merhaba öncelikle kendimi tanıtayım. Ben hakan budak. 23 yaşındayım. heybooster şirketinde “jr. frontend ve QA” işlerinde görev almaktayım. Bu yazıyı yazmamın amacı sizlerinde benimle birlikte kendi gelişim serüveninizi görmeniz. Her hafta cuma günleri yazılarımı düzenli olarak yayınıyor olacağım. **Bakalım bu yazıların sonunda hangi seviyeye geleceğiz?**
Kendimi geliştirmek istediğim yerler öncelikle Html, CSS , JS ve VUE bu yüzden önce Html, CSS’den başlamam gerektiğine karar verdim. Bu hafta video izledikten sonra anlamadığımız yerleri araştırmak olucak.
HTML Nedir ?
HyperTextMarkupLanguage
Html bir programlama dili değil biçimlendirme dilidir. Bir web sayfasındaki içeriği , formlar ve metin görüntüleri gibi şeyleri yapılandırmak için kullanırız. Html taglarını kullanarak içeriği yapılandırırız.
<p> content </p>
<a> link </a>
<img>
yukarıdaki örnekte etiketlerin açılış ve kapanış şekillerini görüyoruz. Kapatırken eğik çizgi ile kapatırız. Çoğu etiket bu açılış ve kapanış etiketi yapısını kullanıyor bazılarında ise yapı hiç kullanılmaz <img> de olduğu gibi .
Bunların bir sayfa da hayal edersek <p> paragraf şeklinde bir görüntü sunuyor.<a> etiketi Link etiketi çıkarıyor ve tıklanabiliyor. <img> etiketi ise görsel şekilde resim gösteriyor. HTML de kod üstten aşağı doğru okunur yani yukarıdaki örnekte açıklamak gerekirse aşağıdaki gibi bir görsel çıkacaktır.
CSS Nedir ?
Css ise web sayfaları söz konusu olduğunda yapbozun 2. kısmıdır. Basamaklı stil sayfaları anlamına gelir .
Sayfayı biçimlendirme ve daha iyi gözükmesi için CSS kullanırız HTML ise bir web sayfasında görmek istediğimiz içeriği yapılandırır. Sayfadaki renk , font, efekt gibi kısımları CSS ile veririz.