Hepimizin bildiği gibi HTML ve CSS, yazılım eğitimi için vazgeçilmezdir. İnternetin hayatımıza girmesiyle birlikte web sitesi adı verilen bir kavram ortaya çıktı. Bu kavram zamanla değişip gelişerek internette yer edinebileceğimiz bir platform haline geldi. Web siteleri, kişi veya kurumların internette bulunmasını, hatta iletişim kurulmasını mümkün kıldı. Günümüz itibarıyla web sitesi olmayan kurum veya şirket neredeyse yok denecek kadar az. Hatta herkesin kişisel bir blog sitesi olduğunu söylesek yalan olmaz. Peki, konuya giriş yapacak olursak, bu web sitelerinde sıkça karşılaştığımız HTML ve CSS nedir? HTML nedir? HTML5 nedir? HTML, Hyper Text Markup Language (Hiper Metin İşaretleme Dili) açılımına sahip zengin bir metin işaretleme dilidir. Ancak HTML genel olarak bir dil olarak görülmez. Aslında bir etiket koleksiyonu olarak tanımlanan HTML, web siteleri oluşturmak için kullanılan bir betik dilidir. Uzantısı .html veya .htm olarak tanımlanır. HTML dili bir etiket yapısından oluştuğu için genellikle işaretleri arasında belirlenir. Burada dikkat edilmesi gereken nokta etiketin nasıl kapatılacağıdır. Örneğin, olarak açılan bu etiket tekrar olarak kapanmaz. Bunun yerine işaretleri kullanılmalıdır. İstisnalar olsa da etiketler genellikle bu şekilde kapatılır. HTML bir programlama dili olmadığı için derlemeye gerek yoktur. HTML kod satırlarını standart bir metin belgesine de yazabilirsiniz. Ardından, belgeyi .html olarak kaydettiğinizde, bu belgeyi tarayıcınızda açabilir ve yaptıklarınızı kolayca görebilirsiniz. Peki HTML neden kullanılır? Neden HTML Kullanmalıyız? HTML’yi bir web sitesinin iskeleti olarak düşünebilirsiniz. İskeletsiz bir web sitesi düşünülemeyeceği için HTML’nin aslında ne kadar önemli olduğunu görebiliriz. Bir web sitesi veya web sitesinin herhangi bir bölümü yazılacaksa, önce iskeleti oluşturulur. Ardından bu iskelet belirli kıyafetler ve parçalarla giydirilir. Sizinle basit bir HTML kod örneği paylaşalım. Basit HTML kod örneği
Gördüğünüz gibi, HTML etiketleri belirli bir sırayla açılır ve kapatılır. Aradaki dize verileri tarayıcıya basit içerik olarak yansıtılır. HTML, bu etiketlerin genellikle düzenlendiği ve çok daha derin hale getirmek için diğer programlama dilleriyle bağlandığı bir sistemdir. HTML kodlarını CSS ile renklendirebilir ve şekillendirebiliriz. Öyleyse CSS’nin ne olduğuna ve nasıl çalıştığına hızlıca bir göz atalım. CSS nedir? CSS nedir? En Çok Kullanılan CSS Kodları CSS, Cascading Style Sheets (Basamaklı Stil Sayfaları) açılımına sahip bir sayfa biçimlendirme sistemidir. En temel haliyle CSS, HTML etiketlerimizin görsel olarak çok daha detaylı olmasını sağlar. Etiketlerimizi biçimlendirmek için kullandığımız CSS kodları; renk, yazı tipi, arka plan rengi, genişlik, yükseklik, konum durumu, ızgara düzeni veya çeşitli animasyonlar gibi durumları yönetir. CSS’nin sahip olduğu bazı seçiciler vardır. Bunlar id ve class olmak üzere ikiye ayrılır. Bu seçicileri HTML etiketlerimize yerleştirir ve bu etiketleri CSS kodlarıyla biçimlendiririz. Örneğin,
Merhaba Dünya
.selici { font-size: 20px; color:red; width:100%; height:50px; } HTML etiketimizi .selici ile seçtik. Bu, CSS’ye “bu etiketi düzenlemek istiyorum” demektir. Ardından, font-size ile metin boyutunu, color ile metin rengini, width ile etiketin yatay boyutunu ve height ile etiketin yüksekliğini ayarladık. Peki CSS’yi neden ve nerede kullanıyoruz? Neden CSS Kullanıyoruz? CSS’yi çoğunlukla HTML ile oluşturduğumuz iskelet yapılarını görsel olarak iyileştirmek için kullanıyoruz. Etiketlerin rengini, boyutunu, açısını veya konumunu belirleyerek göze hoş gelen formlar oluşturuyoruz. Ayrıca bu etiketleri diğer programlama dilleriyle etkileşimli hale getiriyoruz. Peki bunlar için hangi programlama dilleri kullanılıyor? javascript
JavaScript nedir? En Çok Kullanılan JavaScript Kodları Javascript, front-end geliştiricileri tarafından sıkça kullanılan programlama dillerinden biridir. HTML ve CSS kodlarını müşteriyle etkileşimli hale getirmek için kullanılan bu programlama dili, size bir web sitesinde ulaşmak istediğiniz her türlü durumu sunar. Gelecekte bir front-end geliştiricisi olmak istiyorsanız, HTML, CSS, Javascript ve sonrasında Javascript framework’lerini öğrenebilirsiniz. Smartpro Yazılım Kursları Geleceğinize yatırım yapmak ve bu anlamda yazılım öğrenmek istiyorsanız, Smartpro harika bir seçenek olabilir. Her dönem birçok öğrenciyi yazılımla tanıştıran ve sonrasında aylarca kaliteli eğitim vererek iş sahibi olmalarını sağlayan Smartpro, yazılım kursları konusunda sektörün öncülerinden biridir. Yazılım kurslarını aldıktan sonra herhangi bir iş yerinde çalışabilirsiniz. Ancak öğrencilerin yazılım sektöründe kendilerini geliştirmeleri de çok önemli bir konudur. Kendi gelişiminizi ve pratiğinizi desteklemezseniz, öğrendiklerinizi hızlıca unutabilirsiniz. Bu nedenle, öğrendiklerinizi günlük olarak tekrar etmeniz ve hatta kendi planladığınız bir projeyi yazmanız faydalıdır. HTML ve CSS, pratik yapıldığında ve pratik yaparken bolca araştırma yapıldığında harika sonuçlar veren iki dildir. Bu konuyla ilgili herhangi bir sorunuz varsa, aşağıya yorum bırakabilirsiniz.