<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Web Geliştirici &#187; HTML / XHTML</title>
	<atom:link href="http://www.webgelistirici.com/category/html-xhtml/feed" rel="self" type="application/rss+xml" />
	<link>http://www.webgelistirici.com</link>
	<description>:: PHP, JavaScript, Ajax, XHTML, XML, CSS, MySQL ve diğer web yazılım geliştirme teknolojileri hakkında faydalı bilgi ve teknikler</description>
	<lastBuildDate>Sun, 21 Feb 2010 05:55:25 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>MARQUEE Elementi ile Basit Kayma Efekti Oluşturmak</title>
		<link>http://www.webgelistirici.com/marquee-elementi-ile-basit-kayma-efekti.html</link>
		<comments>http://www.webgelistirici.com/marquee-elementi-ile-basit-kayma-efekti.html#comments</comments>
		<pubDate>Sun, 14 Feb 2010 07:55:22 +0000</pubDate>
		<dc:creator>Bülent Yılmaz</dc:creator>
				<category><![CDATA[HTML / XHTML]]></category>
		<category><![CDATA[marquee]]></category>

		<guid isPermaLink="false">http://www.webgelistirici.com/?p=39</guid>
		<description><![CDATA[HTML&#8217;in &#60;marquee&#62; elementi ile JavaScript, Flash gibi başka bir teknolojiye gerek duymadan basitçe kayan yazı veya resim efekti oluşturabiliriz. Bu element span ya da img elementleri gibi bir satır içi (inline) elementtir.
Örnek kullanımları;

&#60;marquee scrollamount=&#34;5&#34; behavior=&#34;scroll&#34; direction=&#34;left&#34; style=&#34;background-color: #FAFAA0; width: 200px;&#34;&#62;webgelistirici.com&#60;/marquee&#62;

webgelistirici.com

&#60;marquee scrollamount=&#34;5&#34; behavior=&#34;alternate&#34; direction=&#34;left&#34; style=&#34;background-color: #FAFAA0; width: 200px;&#34;&#62;webgelistirici.com&#60;/marquee&#62;

webgelistirici.com
scrollamount niteliğinin değeri ne kadar büyük olursa metin o [...]]]></description>
			<content:encoded><![CDATA[<p><!-- 		@page { margin: 2cm } 		P { margin-bottom: 0.21cm } 		A:link { so-language: zxx } -->HTML&#8217;in <code>&lt;marquee&gt;</code> elementi ile JavaScript, Flash gibi başka bir teknolojiye gerek duymadan basitçe kayan yazı veya resim efekti oluşturabiliriz. Bu element <code>span</code> ya da <code>img</code> elementleri gibi bir satır içi (inline) elementtir.</p>
<p>Örnek kullanımları;</p>

<div class="wp_syntax"><div class="code"><pre class="html4strict" style="font-family:monospace;"><span style="color: #009900;">&lt;marquee scrollamount<span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;5&quot;</span> behavior<span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;scroll&quot;</span> direction<span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;left&quot;</span> <span style="color: #000066;">style</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;background-color: #FAFAA0; width: 200px;&quot;</span>&gt;</span>webgelistirici.com<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span>marquee&gt;</span></pre></div></div>

<div align="center" style="margin-bottom: 15px;"><marquee scrollamount="5" behavior="scroll" direction="left" style="background-color: #FAFAA0; width: 200px;">webgelistirici.com</marquee></div>

<div class="wp_syntax"><div class="code"><pre class="html4strict" style="font-family:monospace;"><span style="color: #009900;">&lt;marquee scrollamount<span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;5&quot;</span> behavior<span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;alternate&quot;</span> direction<span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;left&quot;</span> <span style="color: #000066;">style</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;background-color: #FAFAA0; width: 200px;&quot;</span>&gt;</span>webgelistirici.com<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span>marquee&gt;</span></pre></div></div>

<div align="center"><marquee scrollamount="5" behavior="alternate" direction="left" style="background-color: #FAFAA0; width: 200px;">webgelistirici.com</marquee></div>
<p><code>scrollamount</code> niteliğinin değeri ne kadar büyük olursa metin o kadar hızlı kayar.</p>
<p><code>behavior</code> niteliğinin <code>altenate</code> olması sağa-sola kaymayı, <code>slide</code> olması <code>loop</code> niteliğinde verilen sayı kadar kaymanın tekrarlanacağını, <code>scroll</code> olması kaymanın sürekli tekrarlanacağını ifade eder.</p>
<p><code>&lt;marquee&gt;</code> elementi ayrıca <code>&lt;img/&gt;</code> elementinde de kullanılabilen <code>width, height, hspace, vspace, align</code> niteliklerini de destekler.</p>
<p>İnternette tüm özelliklerini bir arayüzden seçebilmemize olanak veren <strong>HTML Marquee Generator</strong> araçları mevcuttur. Örneğin <a href="http://www.quackit.com/html/html_generators/html_marquee_generator.cfm" target="_blank">şu adreste</a> bir tane mevcut.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.webgelistirici.com/marquee-elementi-ile-basit-kayma-efekti.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Temel XHTML kuralları</title>
		<link>http://www.webgelistirici.com/temel-xhtml-kurallari.html</link>
		<comments>http://www.webgelistirici.com/temel-xhtml-kurallari.html#comments</comments>
		<pubDate>Sun, 14 Feb 2010 06:51:03 +0000</pubDate>
		<dc:creator>Bülent Yılmaz</dc:creator>
				<category><![CDATA[HTML / XHTML]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[XML]]></category>

		<guid isPermaLink="false">http://www.webgelistirici.com/?p=12</guid>
		<description><![CDATA[

Tüm element ve nitelikler küçük harfle yazılmalıdır.
Elementlerin içiçe geçme sırasına dikkat edilmelidir. Açılan imler sırasıyla 	kapatılmalıdır. Örneğin &#60;b&#62;&#60;i&#62;merhaba&#60;/b&#62;&#60;/i&#62; şeklinde kullanım yanlıştır, doğrusu &#60;b&#62;&#60;i&#62;merhaba&#60;/i&#62;&#60;/b&#62; şeklindedir.
Bitiş imi olan elementlerde bitiş imi mutlaka 	kullanılmalıdır. Örneğin &#60;p&#62; imi daima &#60;/p&#62; imi ile bitmelidir.
İçeriği olmayan elementlerin sonuna &#8220;/&#8221; konmalıdır. &#60;br/&#62;, 	&#60;hr/&#62; gibi
Nitelikler mutlaka değer 	verilerek kullanılmalıdr. Örneğin &#60;input type="checkbox" 	checked [...]]]></description>
			<content:encoded><![CDATA[<p><!-- 		@page { margin: 2cm } 		P { margin-bottom: 0.21cm } --></p>
<ol>
<li>Tüm element ve nitelikler küçük harfle yazılmalıdır.</li>
<li>Elementlerin içiçe geçme sırasına dikkat edilmelidir. Açılan imler sırasıyla 	kapatılmalıdır. Örneğin <code>&lt;b&gt;&lt;i&gt;merhaba&lt;/b&gt;&lt;/i&gt;</code> şeklinde kullanım yanlıştır, doğrusu <code>&lt;b&gt;&lt;i&gt;merhaba&lt;/i&gt;&lt;/b&gt;</code> şeklindedir.</li>
<li>Bitiş imi olan elementlerde bitiş imi mutlaka 	kullanılmalıdır. Örneğin <code>&lt;p&gt;</code> imi daima <code>&lt;/p&gt;</code> imi ile bitmelidir.</li>
<li>İçeriği olmayan elementlerin sonuna &#8220;/&#8221; konmalıdır. <code>&lt;br/&gt;, 	&lt;hr/&gt; </code>gibi</li>
<li>Nitelikler mutlaka değer 	verilerek kullanılmalıdr. Örneğin <code>&lt;input type="checkbox" 	checked /&gt;</code> şeklinde kullanım yanlıştır, doğrusu <code>&lt;input 	type="checkbox" checked="checked" /&gt; </code>şeklindedir.</li>
<li>Dökümanın HEAD kısmı içindeki 	ilk element <code>&lt;title&gt;</code> elementi olmalıdır.</li>
<li><code>&lt;a&gt;</code> elementinde <code>title</code> niteliğinin, <code>&lt;img/&gt;</code> elementinde ise <code>alt</code> niteliğinin 	kullanımına özen gösterilmelidir.</li>
<li>Dökümanın DTD (Document Type Definition) tanımına uygun sözdizimi 	kullanılmalıdır.</li>
</ol>
]]></content:encoded>
			<wfw:commentRss>http://www.webgelistirici.com/temel-xhtml-kurallari.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
