HEAD tagı içerisine sitillerin yerleştirilmesi

#1 04-02-2008, 11:51

HEAD tagı içerisine sitillerin yerleştirilmesi

Bir stil hazırladık diyelim stilimizi <HEAD> tagı içerisine yerleştirebiliriz. Bu yöntem çok daha kullanışlı aslında.

HEAD tagı içerisine sitilleri nasıl uygulayacağız arkadaşlar ?bunun uygulanış şekli :

Kod:

<HEAD>
	<STYLE>
	
	</STYLE>
</HEAD>

tagları kullanılacak sitillerin sitilleri desteklemeyen browserlerden gizlemek için kullanılıyor
Kullanılacak sitiller bölümüne kendi istediğimiz stili yazacağız

Kod:

<HTML>
<HEAD>
	<TITLE> Sitil kullanacağım
	<STYLE>
	BODY {
		background-color : red
		color : blue
		font-size:14;
		font-type:arial
		margin : 20;
		}
	DIV {
		background-color : black
		color: blue;
		font-size:12
		}
	B {
		color: red;
		}
	H1 {
		border-color: red;
		border-width:1;
		border-style:solid;
		}
	</STYLE>
</HEAD>
<BODY>
<H1> Sitil  <H1/>
<B> STYLE tagını </B> 
<P>
	<DIV>
	sitilleri sayfalarımıza 
	uyguladık
	</DIV>
<P>Sitiller</BODY>
</HTML>

Eleman ID si nasıl kullanılır ?

Sitil uygulanacak belirli bir tagın ID si kullanılarak istenilen sitiller belirlenebilir. ID tüm html tagları için kullanılan bir özelliktir ve sadece o taga ait olan bir kimlik verilmesini sağlar. Bir sayfa içerisinde aynı ID olarak tanımlanan bir isim başka bir tag için kullanılamaz.

ID i şöyle kullanabiliriz

<TAG ID=”teknohaberci”>
tagın içeriği
</TAG>
TAG yerine ID ni belirteceğimiz herhangi bir tagı yerleştirebiliriz. teknohaberci yerine de ID olarak kullanacağımız bir isim yerleştirmeliyiz başka bir tag için ID olarak kullanılamaz yazdığımız şey

ID belirterek sitillerin kullanılmasına örnek vereceğim:

Kod:

<HTML>
<HEAD>
	<TITLE> Sitiller</TITLE>
	<STYLE>
	#ilksütun
		{
		background-color : red;
		color : black;
		font-size:14;
		font-type:verdana;
		margin : 20;
		}
	#aciklama
		{
		background-color : blue;
		color: red;
		font-size:14;
		}
	B {
		color: red;
		}
	H1 {
		border-color: red;
		border-width:1;
		border-style:solid;
		}
	</STYLE>
</HEAD>
<BODY>
<DIV ID=”ilksütun”>
<H1> Sitil uygulamaları</H1>
Bu bölümde sitillerin HEAD tagı içerisinde kullanılmasını inceliyoruz. 
Bunun için <B> STYLE tagını </B> kullanıyoruz.
<P>
	<DIV ID=”aciklama”>
	Böylece daha kolay olarak sitilleri sayfalarımıza 
	uygulayabiliriz
	</DIV>
<P>Sitiller
</DIV>
</BODY>
</HTML>

arkadaşlar Sitillere tanımlama yaparken ID önüne # diyez işareti getirilmeliyiz. Eleman IDsi genel olarak dHTML programlarında kullanılmakta ve istenilen elemanın özelliği JavaScript içerisinden rahatlıkla değiştirilebilmekte

anlatım sona erdi kıolay gelsin arkadaşlar

:::teknohaberci yazdı:::

Aurora · #2 06-02-2008, 04:44

CLASS'ları unutmuşsun ama anlatmayı..

<div class="aurora">
webmastersitesi.com
</div>

buna stil vermek istersek:

HTML-Kodu:

<style>
   .aurora {...}
</style>

şeklinde vermeliyiz burada id deki # işareti yerine nokta (.) kullanmak gerekiyor

ve id ler tek tek verilirken classları birden çok verebilirsiniz... yani tek bir css yi birden çok yere uygulayabilirsiniz.

aslında id ler de çoklu verilir ama javascriptteki "document.getElementByID" fonksiyonu şaşırmaya uğrayabilir...

saol güzel paylaşım teknohaberci

#3 06-02-2008, 12:29

her dersin zamanı farklı onu da anlatacağım pcmde dökümanım

Benzer Konular
Konu	Konu Açanlar	Forum	Cevaplar	Güncel Mesajlar
Beach Head 2000	viper	Oyun	0	02-03-2008 11:22
META TAG'lar ve HEAD Verilerini Hazırlamak, meta tagların kullanımı,Kaliteli hazırlanmış bir sitenin iskeleti	kadınca	Web Dersleri	0	08-02-2008 06:59
Sitillerin web sayfasına eklenmesi	kadınca	Web Dersleri	0	04-02-2008 11:31
HTML5: Yeni VIDEO Tagı!!!	Aurora	html5	0	03-02-2008 02:45

Seçenekler
Yazdırılabilir şekli göster Sayfayı E-Mail olarak gönder