HTML5 ve CSS Üzerine Genel Bilgiler

-

HTML5 ve CSS Üzerine Genel Bilgiler

Bir web sayfası oluşturmak için ihtiyacımız olan bileşenlerden ikisi, HTML5 ve CSS'tir. HTML5 ile temel yapıyı tanımlarken, CSS ile kullanıcı arayüzünü oluşturup, stil, biçim ve sunumları hazırlarsınız. Bu bileşenlerden ilki olan HTML5'e bakalım.

HTML5 nedir?


HTML5, bildiğiniz gibi HTML standardının en son sürümüdür ve en az önümüzdeki 10 yıl boyunca bu konuda ağırlığını sürdüreceği öngörülmektedir. Basit bir yazım kuralları (syntax) ve yeni eklenen özelliklerle daha kolay web tasarımı, daha hızlı ve etkili web sayfalarının hazırlanması amaçlanmıştır. 

Bilinmesi gereken önemli nokta, tüm tarayıcı sürümlerinin HTML5'i desteklemediğidir. HTML5 ile çalışmaya başlamadan önce web tarayıcınızı en güncel sürüme güncellemenizi, size şiddetle tavsiye ediyoruz!

CSS nedir?


CSS, Cascading Style Sheets (Basamaklı Biçim Sayfaları) ifadesinden oluşturulmuş bir kısaltmadır. Biçimler (style), HTML elemanlarının nasıl görüntüleneceğini tanımlar. HTML'de, bir belgeyi biçimlendirmek için kullanılabilecek etiketler mevcut değildir çünkü HTML etiketleri, bir belgenin içeriğini tanımlamak için kullanılır. CSS öğrenmeye başlarken önkoşul, temel düzeyde HTML bilgisine sahip olunmasıdır.

Yorumlar

Yorum Gönder

Bu blogdaki popüler yayınlar

İç İçe Döngüler

-
Resim
İç İçe Döngüler Bir döngü yapısının içine başka bir döngü yapısının yerleştirilmesiyle elde edilen yapıya iç içe döngü (nested loop) adı verilir. JavaScript dilinde, if deyimlerini herhangi bir derinliğe kadar iç içe kullanmak nasıl mümkünse, döngü deyimlerini de iç içe kullanmak mümkün olacaktır. İç içe döngülerde hatırlanacak anahtar bilgi, önce en içteki döngülerin tamamlanması gerektiğidir. Bu konuda aşağıdaki kural iç içe döngüler için daima geçerlidir: İç içe döngülerde en içteki döngü en önce tamamlanır. İç İçe Döngüler Aşağıdaki programda, dış döngü olan i parametreli döngü beş kez çalışacaktır (i=1,2,3,4,5). i'nin her değeri için ise içteki döngü üç kez çalışacaktır (j=1,2,3). Böylece aşağıdaki çıktı elde edilecektir: <html> <head> <TITLE>Nested</TITLE> </head> <body bgColor="pink" > <FONT FACE="Comic sans MS"> <SCRIPT LANGUAGE="javaSCRIPT"> var i,j; for(i=1;i<=
Devamı

CSS Bir Elemanın Genişliği ve Yüksekliği

-
CSS Bir Elemanın Genişliği ve Yüksekliği Bir elemanın genişlik ve yüksekliğinin bütün tarayıcılarda doğru çalışmasını garantilemek için kutu modelinin nasıl çalıştığını bilmek gerekir. Bunun için aşağıdaki örnek üzerinden bir hesaplama yapalım: div {     width: 320px;     padding: 10px;     border: 5px solid gray;     padding: 0; } Genişlik hesaplama Bir elemanın genişliği şu şekilde hesaplanmalıdır: Toplam eleman genişliği  = Genişlik+Sol boşluk+sağ boşluk+sol sınır+sağ sınır+sol marjin+sağ marjin Toplam yükseklik hesaplama Toplam yükseklik aşağıdaki gibi hesaplanmalıdır: Toplam eleman yüksekliği  = Yükseklik+Üst boşluk+alt boşluk+üst sınır+alt sınır+üst marjin+alt marjin
Devamı

JavaScript Dilinde Fonksiyon Çağırma Teknikleri

-
Resim
JavaScript Dilinde Fonksiyon Çağırma Teknikleri JavaScript dilinde çağıran fonksiyon ile çağrılan fonksiyon arasındaki veri değişimi ya da paylaşımı iki farklı teknikten biri ile gerçekleştirilir. Bunlar, Değer ile Çağırma (Call by Value) Referans ile Çağırma (Call by Reference) teknikleridir. Değer ile Çağırma tekniği, JavaScript'te sayısal değişkenler, tek dizi elemanı, boolean tipteki değişkenler için kullanılır. Referans ile Çağırma tekniği ise, tüm dizinin, dizi adı ile ve indis-parantez kullanmadan fonksiyon argümanı olarak kullanıldığı durumlarda ve nesneler için kullanılır. Değer ile Çağırma tekniğinde çağıran programdaki argümanlar içindeki değerler, çağrılan fonksiyon içindeki değerlere aktarılır. Çağrılan fonksiyonun parametreleri için fonksiyon içinde gerçekleştirilen değişiklikler, bu parametrelere karşı gelen çağıran program argümanlarını etkilemez. Fonksiyon, return deyimi ile çağıran programa geri döndüğünde, parametre değerleri bellekten silinec
Devamı