HTML, XHTML, CSS Kısa Kısa
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: 36% [?]
Mayıs 27th, 2008 at 1:53 pm
ş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
Mayıs 27th, 2008 at 7:26 pm
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.
Haziran 15th, 2008 at 12:02 am
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:((
Haziran 15th, 2008 at 7:35 pm
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…