Web development, modern dünyada önemli bir yere sahip olan bir beceridir. Bir web geliştiricisi olarak, internetin gücünü kullanarak, insanlara değerli hizmetler sunabilirsiniz. Bu yazıda, web geliştirme hakkında temel bilgileri ve başlamanız için gereken araçları öğreneceksiniz.
HTML, Web sayfaları oluşturmak için kullanılan temel yapı taşıdır. HTML, "Hyper Text Markup Language" anlamına gelir ve web sayfalarının yapısını belirtmek için kullanılır. Bir HTML dokümanı, birkaç etiket ve içerikten oluşur. Etiketler, sayfanın nasıl görüneceğini belirleyen işaretlerdir.
İşte bir HTML örneği:
<!DOCTYPE html>
<html>
<head>
<title>Benim Web Sayfam</title>
</head>
<body>
<h1>Merhaba Dünya!</h1>
<p>Bu benim ilk web sayfam.</p>
</body>
</html>Bu kod, "Benim Web Sayfam" başlıklı bir HTML sayfası oluşturur.
etiketi, "Merhaba Dünya!" başlığına sahip bir HTML başlığı oluştururken,
etiketi, "Bu benim ilk web sayfam." cümlesini bir paragraf olarak biçimlendirir.
CSS, Cascading Style Sheets'in kısaltmasıdır ve HTML dokümanlarını biçimlendirmek için kullanılır. CSS, HTML etiketlerinin görünümünü değiştirir ve sayfanın nasıl görüneceğini belirler. Örneğin, CSS ile yazı tipi, renk, arka plan rengi, hizalama vb. gibi birçok şey ayarlayabilirsiniz.
İşte bir CSS örneği:
body {
background-color: #f1f1f1;
}
h1 {
color: blue;
font-size: 32px;
}Bu CSS kodu, bir HTML sayfasının arka plan rengini gri tonlu bir renge dönüştürürken, h1 etiketinin mavi renkli, 32 piksel boyutlu bir yazı tipi kullanmasını sağlar.
JavaScript, web sayfalarına etkileşimli özellikler eklemek için kullanılan bir programlama dilidir. JavaScript, HTML ve CSS ile birlikte kullanılır ve tarayıcının özelliklerini kullanarak, sayfada hareketli grafikler, düğmeler, animasyonlar, oyunlar vb. gibi birçok şey oluşturabilirsiniz.
İşte bir JavaScript örneği:
function sayHello() {
alert("Merhaba Dünya!");
}