HTML, XHTML, CSS Kısa Kısa
Mart 9, 2008 tarihinde HTML-XHTML-CSS kategorisine eklendi | 4 yorum
HTML, XHTML, CSS kategorisini sayfama yeni ekledim. Amacım ise; bilgilerimi tazelemek, kayıt altına almak ve bir anda PHP başlıkları ile karşılaşanlar için kısa birkaç bilgi vermek. HTML için kısa bilgiler verip geçtikten sonra burada daha çok CSS uygulamalarına yer vermek istiyorum.
HTML ve onu farklı yüzü ile tamamlayan CSS’ yi farklı bir başlık altına sokmak yanlış olurdu. Kısaca bu yeni kategori altında uygulamalarımızın temeli ve görünen yüzü olacak. Arkada çevirdiğimiz işler birçok ziyaretçiyi pek ilgilendirmeyeceğine göre oldukça önemli olduğu söylenebilir. Kısaca HTML, XHTML ve CSS.
HTML kısaltmasının açılımı, “HyperText Markup Language” şeklindedir. Metinleri çevirme dili gibi bir anlam çıkarılabilir. HTML, tarayıcılarda (Explorer, Firefox, Opera, Safari gibi) görülebilir internet dokümanlarını yaratmaya yarayan bir işaretleme dilidir. Yani internet üzerindeki tüm sayfaların kaynağı HTML’dir. Tercih edilen bir yazım editörü ile bir sayfayı “.html” uzantısı ile kaydetmek en basit HTML sayfasını oluşturur. Heryerde karşılaşabileceğiniz “HTML Tags” (HTML etiketleri), bir HTML dökümanın içinde bulunduğu “<>” işaretlerini ifade eder. Bunlar;
<html>
<head>
<title></title>
</head>
<body></body>
< /html>
şeklindeki temel komutlardır. <> etiketi ile başlatılan komut </> etiketi ile sonlandırılır.
<html> HTML komutlarının başladığını belirtir.
<head> Sayfamızın başlığı ve daha birçok fonksiyonun sıralanacağı komut.
<title> Sayfamızın başlığı.
<body> Sayfamızda gösterilecek metinlerin yer alacağı gövde.
Sayfada yapılacak birçok görev <head> etiketi arasında yeralır. Örneğin <meta> ayarlarımız, javascript ler vs… Meta ayarlarımızda sayfayı düzeneyen kişi, sayfamızın geçerli dili, sayfa açıklaması ve içerik ile ilgili anahtar kelimeler bulunur. Örnek;
<META NAME=”AUTHOR” CONTENT=”Taylan Aktepe”>
<META HTTP-EQUIV=”CONTENT-TYPE” CONTENT=”TEXT/HTML; CHARSET=ISO-8859-9″>
<META NAME=”DESCRIPTION” CONTENT=”HTML, XHTML ve CSS Bilgileri”>
<META NAME=”KEYWORDS” CONTENT=”html, xhtml, css”>
iso-8859-9 ifadesi Türkçe karakterler için belirlenmiş standarttır ve böylece “ı, ş, ğ, ü” gibi kelimeler sayfamızda bozulmadan gösterilecektir.
ISO 8859, yani resmi adıyla ISO/IEC 8859, ISO ve IEC tarafından belirlenmiş olan, bilgisayarlarda kullanılacak 8-bit karakterlerin standardıdır. Bu konuda daha fazla bilgi için bu adresi inceleyebilirsiniz.
XHTML, kısaltmasının açılımı “EXtensible HyperText Markup Language” şeklindedir ve genişleyebilir metin çeviri dili anlamı çıkarılabilir. XHTML’ in çıkış noktası HTML sayfalarında standart sağlamak ve hataları gidermektir. Bu standartlar ise W3C tarafından belirlenir.
W3C, üç adet w yani “www” ve consortium ifadelerinin kısaltmalarından oluşur. Görevi ise internette bazı standartları belirlemektir. Farklı HTML kullanımları ve sonucunda tararyıcılarda oluşan farklı görünümler, bozulmalar, hatalar bu tür bir organizasyonun doğmasına sebep olmuştur. www.w3.org
HTML dosyalarını en iyi şekilde internete aktarmamızı sağlamak için XML dili geliştirilmiştir. Peki XML nedir?
XML iki farklı kimliğe bürünmüştür, hem bir teknolojidir hem de bir dildir. Dil olarak çeviri dillerini yaratmaya yarar. Teknoloji olarak ise verileri tanımlamak için kullanılır. Yani her ikisi içinde satandartlar oluşturur. Böylece veri alış verişi kolaylaşır.
Toparlamak gerekirse XML ile HTML ortaklığından XHTML doğmuştur ve artık sayfalarımıza yön verecek olan dil XHTML’ dir. Basit bir örnek;
HTML ile yazılmış bir satır atlama etiketi; <br>
XHTML ile yazılmış bir satır atlama kodu; <br />
CSS, kısaltmasının açılımı, “Cascading Style Sheets” şeklindedir. Kademeli sayfa biçimleme dizileri gibi bir anlam çıkarılabilir. CSS’ yi doğuran nedenler arasında, sayfayı şekillendirmek için yazılan uzun HTML kodları ve daha sonra bunlarda değişiklik yapma zorluğu sayılabilir.
CSS, ile sayfalar tek bir dosyadan biçimlendirilebilir ve yine bu dosyadan tekrar düzenlenebilir. Örnek;
body
{
color: black
}
h1, h2, h3, h4
{
font-family: verdana, arial, ’sans serif’;
}
Basit bir CSS bloku yukarıdaki gibidir. Örnekte, sayfalarımızda kullanacağımız tüm yazıların rengini ve “h” başlık etiketlerinin tamamına biçimlendirme yaptık.
CSS dosyaları ile yaptığımız biçimlendirmeleri sayfamıza aktarmanın birkaç yolu vardır. Bunlardan birincisi, biçimlendirmeleri <head></head> etiketleri arasına yazmaktır.
<head>
<style>
body
{
color: black
}
</style>
</head>
Diğer yöntemde hazırlanmış ayrı bir dosya yine <head></head> etiketleri arasında tanımlanır;
<head>
<link rel=”stylesheet” type=”text/css” href=”stil.css”>
</head>
Son olarak ise <body></body> etiketleri arasında biçimlendirilmek istenen herhangi bir komuta özel olarak tanımlama yapmak.
<h1 style=”font-family:Arial; font-size:14px;”></h1>
Yukarıdaki örnekte verilen tanım sadece “h1″ başlık etiketini biçimlendirecektir.
CSS sayfaları içinde notlar, yorumlar yazmak için ise, /* Not */ işaretleri kullanılır. Örnek;
/* Sol sütun */
#sol{
text-align: center;
/* Yazı tipi */
color: black;
font-family: arial
}
HTML, XHTML ve CSS için kısa bir giriş yapmak istedim ve umarım yararlı olmuştur. Bir sonraki yazıda görüşmek üzere…
Bu yazının Popülerliği: 38% [?]
Yorumlar
4 yorum , “HTML, XHTML, CSS Kısa Kısa”
Yorum Yapın
şimdi benim bir sorum var,cahilliğime güleyin ama şablon uyarlamayı ve sitemi kullanılıcak hale getirebiliyorum,birdolu arkadaşıma da yaptım lakin css şablon xml ye çevrilebilir mi?
wordpress leri blogger a çevirmek mümkün biliyorum ama bu en basit şekilde(benim gibi bilmeyen için)nasıl halledilebilir?
cevaplarsanız çok sevinirim
css şablon xml ye çevrilebilir mi?
Bu konuyu hiç düşünmedim, aklıma da gelmedi açıkçası. çok da işe yarar, pratik birşey gibi görünmüyor.
merhaba,yine aynı şeyi arıyorum google da ve yine geldim aynı yere:))
üstteki deniz de benim,blogger için wordpress şablonlar uyarlanabiliyor ama ya,çok zor olmasa gerek gasuda yapıyordu bunu sanırım.
bir yabancı site blogger versiyonu gelicek demiş yorum yazdık abuk ters bi cevap geldi ve çok istiyorum css yi çevirebilmeyi?
nasıl yapıcaz peki:((
O halde tekrar hoşgeldiniz! Blogger da tema değişikliğini henüz denemedim, daha doğrusu ilk blogger sayfasını iki hafta önce açtım. İncelemeye devam ediyorum. Widgets vs… Tema değişikliğinide bir ara denerim mutlaka, sonucu e-posta adresinize mesaj olarak gönderirim. Tabii o zamana kadar sonuca varmamış olursanız. Teşekkürler…