Web tasarımında temel başlangıç yapanlar için öğrenmeleri gereken ilk konu web tasarımında sayfa düzeninin nasıl oluşturulduğudur.
HTML Tag Nedir ?
HTML web tasarımınızı tanımlamak için tag yani etiketlerden oluşur. Bir tag ya da markup tag (işaretleme etiketi) adı ve < > işaretleri ile birlikte kullanılır. Resim, metin gibi sayfa elemanlarını tag’ler oluşturur. Basit olarak:
<etiketadı> içerik </etiketadı>
şeklinde kullanılır. Tanımlamada etiket ismi < > tanımlandıktan sonra bu etiketin içerik bilgisi yazılır, sonra içerik tamamlanınca yine aynı etiket tanımı bu sefer / (bölme – slash) işareti eklenerek tarayıcıya bu etiketin ve içeriğinin tamamlandığı bilgisi verilir.
Bu tanımlamanın ilk kısımında özellikler, CSS tanımlamaları gibi başka ek özellikler tanımlanarak bu etiketin tarayıcıda nasıl görüneceği de belirtilebilir. Bu işlemlerin nasıl yapıldığını önümüzdeki derslerimizde göreceğiz.
Temel HTML Sayfasının Oluşturulması
En temel html sayfası oluşturmak için kullanılacak HTML elemanlarını ekleyerek çalışmamıza devam edelim.
DOCTYPE tanımını eklemek
DOCTYPE Nedir? sayfasında izah ettiğim gibi uygun tanımı sayfanın en başına eklerek başlıyoruz.
HTML etiketini eklemek
DOCTYPE tanımınından sonra HTML tanımlamasını aşağıdaki şekildeki gibi yaparak sayfamızın HTML tanımını yapıyoruz. Artık HTML etiketinin içeriğini yani sayfamızı tanımlamaya geçebiliriz.
HEAD ve BODY etiketlerini eklemek
HEAD ve BODY tanımı etiket bölümünde anlattığımız gibi etiket ismi <> işaretleri ile tanımlanarak girilir. Burada önemli konu:
HEAD sayfa hakkında temel tanımlamalar olup tarayıcı, arama motorları için gerekli bilgiler bulunur.
BODY sayfa içeriğin yani yazı, resim ve metin gibi ziyaretçinin göreceği kısım olduğunu bilmemiz gerektiğidir.
<?xml version=”1.0″ encoding=”UTF-8″?>
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.1//EN”
“http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml” xml:lang=”en”>
<head>
</head>
<body>
</body>
</html>
İLGİNİZİ ÇEKEBİLİR
YORUM YAZ
ARAMA
Kategoriler
Takip Et