Evet kardeşler...Önceki konudada bahsettiğim gibi şimdi sizlere bir kaç html kodu vericem evlerinizde
denersiniz...
[ KOD 1]
<html>
<body>
<p>
This paragraph
contains a lot of lines
in the source code,
but the browser
ignores it.
</p>
<p>
This paragraph
contains a lot of spaces
in the source code,
but the browser
ignores it.
</p>
<p>
The number of lines in a paragraph depends on the size of your browser window. If you resize the browser window, the number of lines in this paragraph will change.
</p>
</body>
</html>
[Bu kod yani <p></p> yazımızı ne şekilde yazarsak yazalım paragraf haline getirir]
[KOD 2]
<html>
<body>
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>
</body>
</html>
[Bu kodtada <h1...></h1...> blok kodudur h1,h2,h3 diyerek küçülür]
[KOD 3]
<html>
<body>
<p>The hr tag defines a horizontal rule:</p>
<hr>
<p>This is a paragraph</p>
<hr>
<p>This is a paragraph</p>
<hr>
<p>This is a paragraph</p>
</body>
</html>
[bu kodtada farklı olarak <hr> yi görüyoruz buda paragraf aralarına çubuk ekler.]
[KOD4]
<html>
<body>
<!--This comment will not be displayed-->
<p>This is a regular paragraph</p>
</body>
</html>
[Burdada farklı olarak <!-- --> kodunu görüyoruz bu kodu yazdıımızda sonraki yazdığımız şey html sayfasında görünmeyecektir yani "<!--This comment will not be displayed-->" bu yazı html sayfasında görünmez bu kod not tutmak için kullanılmaktadır]
[KOD 5]
<html>
<body bgcolor="yellow">
<h2>Look: Colored Background!</h2>
</body>
</html>
[Burdada bgcolor="yellow" kodunu görüyoruz bu kod bg(background) sayfamızın arka plan rengidir]
[KOD 6]
<html>
<body>
<b>This text is bold</b>
<br>
<strong>
This text is strong
</strong>
<br>
<big>
This text is big
</big>
<br>
<em>
This text is emphasized
</em>
<br>
<i>
This text is italic
</i>
<br>
<small>
This text is small
</small>
<br>
This text contains
<sub>
subscript
</sub>
<br>
This text contains
<sup>
superscript
</sup>
</body>
</html>
[Bunlarda farklı birkaç yazı stillidir]
[KOD 7]
<html>
<body>
<p>
<a href="masterturk.org Linklerin Görülmesine İzin Vermiyor
Linki Görebilmek İçin
Üye Ol veya
Giriş Yap">
Microsoft web site</a> Microsoft un sitesine gider
</p>
</body>
</html>
[Bu kod ise mesela sitemize yararlı linkler koyucaz onlar içindir]
<html>
<frameset cols="25%,50%,25%">
<frame src="frame_a.htm">
<frame src="frame_b.htm">
<frame src="frame_c.htm">
</frameset>
</html>
[bu kod ise sitemizi üç bölüme ayırır]
[KOD 8]
<html>
<body>
<img src="resim.jpg"
width="48" height="48">
</html>
</body>
[bu kod ise sitemize resim koymamıza yarıyor]
[KOD 9]
<html>
<body>
<script type="text/javascript">
document.write("<h1>Selamın Aleykum MasterTurk</h1>")
</script>
</body>
</html>
[buda basit bir scripttir]
Evet değerli kardeşlerim html derslerimiz devam edicektir Allahın izniyle...Sizler ise bu kodlarla evinizde uygulayarak basit web siteler hazırlayabilir webmaster lığa ilk adımı atmış olursunuz...
Selametle Kalın
byCarLoss