Konular

BODY Tagı Nasıl Kullanılır?

Html belgesinin tüm içeriğinin yer aldığı bölümdür. Bu bölümde yer alan içeriğin tümü tarayıcıda görüntülenir.

HTML sayfa kaynağı:

BODY Tagı

Yukarıdaki kodun tarayıcıdaki hali aşağıdaki gibidir.

BODY Tagı

Body etiketi ile birlikte kullanılabilecek parametreler ve görevleri aşağıda gösterilmiştir.

Özellik Değer Açıklama HTML5 HTML 4.01
alink renk Linkin üzerine geldiğimizde tıklanırken oluşacak rengi belirler. Kullanılmaz Kullanılması İstenmiyor
background URL Sayfanın arka planına resim eklememizi sağlar. Kullanılmaz Kullanılması İstenmiyor
bgcolor renk Sayfanın arkaplan rengini belirler. Kullanılmaz Kullanılması İstenmiyor
link renk Tıklanmamış linklerin rengini belirler. Kullanılmaz Kullanılması İstenmiyor
text renk Sayfadaki metinlerin rengini belirler. Kullanılmaz Kullanılması İstenmiyor
vlink renk Tıklanmış linklerin rengini belirler. Kullanılmaz Kullanılması İstenmiyor

 

body Tagı Parametleri

1.bgcolor parametresi: Sayfanın zemin rengini değiştirmemizi sağlar. İngilizce renk isimleri veya renk kodlarıyla çalışır. Aşağıdaki örnekte sayfa zemin rengi sarı yapılmıştır.

BODY Tagı

2.background parametresi: Hazırlamış olduğunuz web sayfasının zemininin bir resimden oluşmasını isteyebilirsiniz. Bu parametre arka plânda kullanılmak istenilen resmi belirlemek için kullanılır.

DİKKAT : Zemine ekleyeceğiniz resim sizin HTML dosyanızla (sayfanızla) aynı klasörde olmalı. Yoksa resimleriniz çıkmaz. Resimleri göremezseniz endişelenmeyin, mutlaka aynı klasörde değildir veya GIF ve JPG dosyalarınızı Türkçe harfler kullanarak isimlendirmiş olabilirsiniz.

BODY Tagı

3.alink, link, text, vlink parametleri: Browserin text rengi, link rengi, aktif link rengi ve ziyaret edilmiş link rengi ve ekran fon rengi için varsayılan değerleri vardır. Şöyleki:

link Web sayfanızda kullanacağınız linklerin rengini belirlemek için kullanılır.
alink Web sayfanızdaki herhangi bir Linke tıklanırken oluşacak rengin ne olacağını belirlemek için kullanılır.
vlink Web sayfanızdaki önceden ziyaret edilmiş linklerin renginin hangi renk olacağını belirlemek için kullanılır.
text Sayfadaki metinlerin rengini belirler

 

BODY Tagı
 
Text siyahtır
Linkler mavi
Actif link kırmızı
Ziyaret edilmiş link mor

 

 

HTML sayfaları eğer formatı söylemezseniz, siz aksini söylemedikçe, karakterleri ardarda sıralar. Yeni bir satır başlamak istiyorsanız, satırbaşı yapmalısınız.

 

<BODY BGCOLOR="#FFFFFF">
Hey!
Burada
neler
oluyor??
</BODY>

 
Ekran Çıktısı

Hey! Burada neler oluyor??

Satır başı yapmak için <BR/> tagını kullanıyoruz.

 

<BODY BGCOLOR="#FFFFFF">
Hey!<BR />
Burada<BR />
neler<BR />
oluyor??
</BODY>

Ekran Çıktısı

Hey!
Burada
neler
oluyor??


Tarayıcı birden fazla boşluğu tanımaz. Gerçekten saçma görünen bir şey ama, böyle olması en uygun hali. Bu size dökümanın görünümünün tüm kontrolunu vermekte.

<BODY BGCOLOR="#FFFFFF">
Gerçekten        güzel        bir şey.
</BODY>

Ekran Çıktısı

Gerçekten güzel bir şey.

 

 "boşluk" geldiğini anlatan küçücük bir kod vardır yani,  &nbsp; den bahsediyorum.

Şimdi bunu bir deneyin bakalım...

<BODY BGCOLOR="#FFFFFF">
Gerçekten &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
güzel &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
bir şey. &nbsp;&nbsp;&nbsp;&nbsp;
</BODY>

Ekran Çıktısı

Gerçekten        güzel        bir şey.

 

Özel bir karakterin başladığını &, ; ise bittiğini belirtir; arada kalan harfler ise, özel karakteri tanımlarlar. Bu özel karakterlerden bir kısmı aşağıdadır. Dikkat: bunlar hep küçük harfle yazılmalıdır.

HTML  Karşılığı Karakter
&nbsp; boşluk karakteri
&lt; < küçüktür işareti
&gt; > büyüktür işareti
&amp; & ampersand işareti
&quot; " çift tırnak
&shy; soft hyphen

Bunları herzaman kullanmanız gerekmez, bazen gerçek işareti yazmak tarayıcı programı şaşırtabilir. Bu işaretlerin nezaman karıştıracağını nasıl anlarız? diye sorarsanız; Bunun tam olarak bir kuralı yoktur. Biraz alıştırma ve web sayfanızda sapıtmış şekilde duran karakterleri görünce kullanmaya başlarsınız.

 

Kaynak

 

Yorumunuzu Ekleyin
BODY Tagı Nasıl Kullanılır? Yorumları +1 Yorum
  • Cengiz Demir
    1
    Cengiz Demir
    Emeğineze sağlık. Güzel bir anlatım olmuş
    23 Ekim 2014 22:54:14, Perşembe

Html Tag Listesi

Bazı html tagları hakkında açıklamalı referans listesi

49,055 Okunma Henüz yorum yapılmamış 04/07/2007 20:15:59 29/05/2014 20:16:20

IMG Tagı Nasıl Kullanılır?

Eger Web sayfalarini gezerken grafik destekleyen bir tarayıcı kullaniyorsaniz, ekranda resimlerin, arkaplanlarin ve hatta animasyonlarin oldugunu farketmissinizdir.Bu resimler genellikle X Bitmap (XBM) , GIF, veya JPG formatli olurlar ve dosyaya görsel bir çekicilik katarlar.Buna ragmen ayni ekranda çok miktarda resim kullanmaktan sakinmalidir, çünkü bu durumda resimler kullaniciya daha geç bir sürede ulasir

47,844 Okunma Henüz yorum yapılmamış 04/07/2007 14:45:54 07/03/2015 14:56:36

Web Site Tasarımında DIV Kullanımı

Bugün artık tüm web tasarımlarında site temel çatısı olarak DIV tagı kullanılmaktadır. Bunun nedeni DIV tagının parçalı yüklenebilmesi -ki bu sayede yüklenme hızı artar- ve ölçeklendirmesinin (özellikle cep telefonları ekranları için) kolay olmasıdır.

44,104 Okunma 2 Yorum 02/01/2014 19:28:21 08/03/2015 16:25:03

HTML5 Form Yapısı ve Form Elemanları

HTML'in bir metin şekillendirme aracı olduğunu söylemiştik.Form'lar bu tanımın istisnasıdır, HTML kullanarak sayfanızı ziyaret edenlerle temas kurmanızı sağlarlar.Formlar yoluyla ziyaretçilerin herhangi bir konuda görüşlerini alabiliriz; veya hazırlayacağımız bir formla ziyaretçilerden kişisel bilgilerini isteyebiliriz.Formlar .etiketleri arasına yazılırlar.Bu etiketin parametrelerini öğrenmeden önce form türlerine bir göz atalım

43,576 Okunma Henüz yorum yapılmamış 06/07/2007 00:41:58 31/12/2015 00:52:19

UL OL DL Tagları

Dökümanların göze hoş görünmelerini sağlamak amacıyla listeler yaygın olarak kullanılır. HTML, pek çok liste çeşidi destekler. Bunlar, düz listeler, numaralı listeler, tanımlı listeler ve içiçe listelerdir.

41,014 Okunma Henüz yorum yapılmamış 04/07/2007 15:22:49 02/07/2019 15:19:14

Meta Tag Nedir?

Meta imlerini ne kadar iyi ve ziyaretçinin umduğuna göre yazarsanız arama motorlarında bulunmanız o kadar kolay olur.Unutmayın ki sitenizi ziyaretçi arayacaktır. Onun gibi düşünmelisiniz

40,628 Okunma Henüz yorum yapılmamış 17/11/2007 01:33:29 22/12/2015 23:06:42

FRAME Tagı

Aynı pencere içinde birden fazla sayfa görünmesini istediğimiz zaman çerçeve (frame) kullanırız. Çerçeve tekniği, bir web sayfasını istenilen miktarda parçaya bölüp, bu sayfa üzerinde birkaç sayfa birden görüntülenmesine olanak verir. Bu tekniğin en çok kullanılan varyasyonu, sayfanın sol veya üst kısmından küçük bir alanı bölmek (yani sayfayı ikiye bölmek), bu küçük alana menü bilgilerini, diğer büyük alana ise sayfanın asıl içeri?ini yerleştirmektir

35,571 Okunma 1 Yorum 05/07/2007 15:10:58 19/09/2014 15:14:22

XHTML Nedir?

XHTML kısaltmasının açılımı İngilizce'de eXtensible Hyper Text Markup Language yani dilimizde ki karşılığı ise "Geliştirilebilir Büyütülmüş Metin İşaretleme Dili"dir

32,222 Okunma 2 Yorum 10/07/2007 21:07:41 27/03/2019 00:51:00

A Tagı Nasıl Kullanılır?

HTML'nin en büyük özelliklerinden birisi, tek sayfa ile sınırlı kalmamasıdır.

31,172 Okunma Henüz yorum yapılmamış 05/07/2007 14:56:13 12/05/2014 14:56:12

HEAD Tagı Nasıl Kullanılır?

Hazırlayacağımız sayfa ile ilgili bilgilerin bulunduğu sayfa başlığı (title), link özellikleri, siteyi tarayıcıya ve arama motorlarına tanıtmak amacıyla kullanılan Meta etiketlerinin bulunduğu bölümdür.

28,595 Okunma Henüz yorum yapılmamış 26/11/2012 19:54:51 20/12/2015 15:45:41

Html Nedir? Ve Html Tag'leri

Gelişen browser teknolojileri sayesinde, html içine yazılar dışında resim, ses, video, java, javascript, vbscript gibi dillerle yazılmış programlar, ya da diğer nesneler de gömülebilir. Bu sayede bir html dökümanı düzenlenmiş, mizampajı yapılmış bir metin dosyası olmaktan çıkıp tam anlamıyla bir multimedia ortamı olmaya da hizmet edebilir. Örneğin, browser'a özel olarak yazılan gerekli plug-in'ler (~eklentiler) sistemde varsa, html'le online bir gazete, bir slide-show, şirket-içi yazılımların çalışabildiği bir platform yaratabilirsiniz.

27,555 Okunma Henüz yorum yapılmamış 02/07/2007 13:41:57 06/03/2015 17:21:43

DOCTYPE Tagı

Genel bir bilgi vermek gerekirse; web sayfalarınızın tarayıcı tarafından nasıl yorumlanacağını başka bir değişle nasıl görüntüleneceğini ve bu görüntüleme işlemi sırasında hangi standart ve tanımlamaları (DTD: Document Type Definitions / Doküman türü tanımlamaları) kullanacağını belirten ve (X)HTML dokümanlarının en üst kısmında yer alan ifadelerdir.

25,530 Okunma Henüz yorum yapılmamış 05/07/2007 11:06:46 17/10/2012 11:52:03

Table Tagı Nasıl Kullanılır?

Web sayfamıza tablo eklemek için kullandığımız etikettir. Tablolar profesyonel web sayfalarının ayrılmaz öğelerindendir. Web üzerinde kullanılan tüm tablolar satırlar ve bu satırların içerisindeki sütunlardan oluşur. Bu etiket ile birlikte kullanılan kodlar aşağıdadır.

25,273 Okunma 1 Yorum 05/07/2007 14:46:47 10/03/2015 10:45:13

Genel HTML Tagları

Etiket, HTML dosyas?nda kullan?lan komutlara verilen add?r.HTML içinde kullan?lan tüm etiketler ??ile biter.Ayr?ca etiketin yorum aral??? da ?? kal?b? ile bitirilir.A?a??da etiket kullan?m?na k?sa bir örnek

22,311 Okunma Henüz yorum yapılmamış 04/07/2007 11:53:30 06/03/2015 17:21:28

IFRAME Tagı

Bir web sayfasının içersine daha çok başka bir sitenin içeriğini aktarmak için kullandığımız bir yol

22,213 Okunma Henüz yorum yapılmamış 05/07/2007 02:54:09

FORM Tagı

Form tagı parametreleri

21,733 Okunma Henüz yorum yapılmamış 06/07/2007 02:04:13 16/05/2015 20:06:41

DOCTYPE Tagı Nasıl Kullanılır?

HTML sayfasının nasıl bir HTML versiyonu ile yazıldığını web tarayıcısına bildirmek DOCTYPE tagının görevidir.

21,509 Okunma Henüz yorum yapılmamış 26/11/2012 14:54:25 12/05/2014 14:54:43

HTML nedir?

Html (Hypertext Markup Language), web sayfaları hazırlamak için kullanılan bir dildir.

21,063 Okunma Henüz yorum yapılmamış 10/10/2012 20:26:08 29/05/2014 21:38:56

Meta Tag nedir?

Meta tag’lar HTML kodunuzun HEAD bölümüne yerleştirilmiş bilgi etiketleridir. Arama motorlarına site ve içeriği hakkında bilgi sunar. Her ne kadar günümüzdeki arama motorlarının çoğu meta tag’lardaki bilgileri dikkate almayıp site içeriğini kendi tekniklerine göre indeksleseler de hala bu tag’lardan bazılarına kısmi destek verebiliyorlar. Arama motorlarının özellikleri için buraya bakabilirsiniz. Sitenizin bu arama motorlarınca doğru bir şekilde gösterimi için bazı Meta tag’ları kullanmakta fayda var. Burada sıklıkla kullanılan meta tag’ları açıklamaya ve onları site kodu içerisine nasıl yerleştirebileceğinizi açıklamaya çalışacağım

20,928 Okunma Henüz yorum yapılmamış 05/09/2007 03:38:58

HTML Editörleri

HTML kodu yazarken hata yapmamak ve kodları daha düzgün görmek için HTML editörleri kullanırız. Aynı zamanda bu editörler kodları yazarken kodun alabileceği değerler hakkındada ön bilgi verir.

20,758 Okunma Henüz yorum yapılmamış 08/10/2012 09:21:06 08/10/2012 09:35:05

xml xhtml html hakkında

Xml Html arasındaki fark

20,281 Okunma Henüz yorum yapılmamış 15/11/2007 02:02:18 15/05/2014 02:02:30

HR Tag

etiketi sayfaya yatay çizgi çizmek için kullanılan etikettir. Bu etiket diğer etiketlerden farklı olarak kapatılmaz. Size, width ve align parametreleri mevcuttur.

19,885 Okunma Henüz yorum yapılmamış 03/12/2012 11:13:48 03/12/2012 11:17:37

DIV Tagı Nedir?

Web sitelerinin iskeletleri DIV tagı kullanarak oluşturulur. Ayrıca web sitesindeki nesnelerin yerleri DIV tagı ile belirlenir.

17,863 Okunma Henüz yorum yapılmamış 16/12/2013 19:55:52 08/03/2015 15:32:04

BR Tag

Bir alt satıra geçmek için kullanılır.

17,604 Okunma Henüz yorum yapılmamış 03/12/2012 09:35:47 03/12/2012 09:35:55

P Tag

Paragraf oluşturmak için kullanılan etikettir. Kullanıldığı yerde yazıyı kesip bir satır boşluk bırakarak, metne satır başından devam edilmesini sağlar.

17,455 Okunma Henüz yorum yapılmamış 03/12/2012 10:34:56 05/12/2012 01:50:50

U Tag

İstenilen metni Altı çizili (underline) olarak yazmak için kullanılır.

16,750 Okunma Henüz yorum yapılmamış 03/12/2012 09:37:57 03/12/2012 09:38:20

Yükleniyor...