HTML Dersleri

**Nerrantsoula** · 17.08.2017, 22:54

HTML Dosyası Nedir?

HTML, Hyper Text Markup Language'in kısaltmasıdır.
HTML çeşitli anlamlara gelen kodlamalar (tag) ve düz metinden oluşur.
Bu kodlar ancak bir Web Browser (Internet Explorer, Firefox) tarafından anlamlı hale getirilebilir.
Bu kodla yazılmış dosyaların uzantıları genellikle html ya da htm'dir.
HTML, en basit yolla bir not defteri ile yazılabilir.

Denemek İster Misiniz?

Bir not defteri açın ve aşağıdaki yazılanları bu not defterine yazıp deneme.html olarak kaydedin. Sonra da bu dosyayı açın.

Kod:

  <html>
   <head>
      <title>Benim Sayfam</title>
   </head>
   <body>
      Bu benim ilk sayfam...
   </body>
   </html>

[Link'i Görebilmeniz İçin Kayıt Olunuz.! Kayıt OL]

HTML Kodlarını Anlamak

Bu dili kodlamak için öncelikle HTML, XHTML, XML gibi dillerin temel yapı taşı olan elementlerin (aynı zamanda html kodu, html etiketi, html tagı olarak geçebilir) nasıl çalıştıkları hakkında bilgi vermek gerekir. Bu kodlar < ile başlayıp > ile biten anahtarlardır.

Kod:

<html>

Tüm HTML belgesi bu şekil hazırlanmış kodlardan ve aralarında geçen metin (bunlar arama motorları tarafından ya da ziyaretçi tarafından çoğunlukla görülen düz metinler)'den oluşur. Bir HTML kodu ile ilgili bir özellik belirtilecekse tırnak işareti arasında özellik="değer" şeklinde yazılır:

Kod:

<body bgcolor="black">

Elementler

Özellikleri

HTML dili tag, etiket adlarını verdiğimiz kodlamalardan oluşur.
Bu kodlar < ile başlayıp > ile biterler.
Bir kod genellikle iki parçadan oluşur. Bu elementin başladığı ve bittiği kodlardır. Element bittiği zaman bölü işareti (/) ile başlangıçtaki değerin yazılması yeterlidir. Örneğin: metin...
Tabi her kod bu duruma uymaz. Bazı kodlar için kapanma anahtarı kullanılmaz, onun yerine bu işaret başlangıç kodunun sonuna eklenir. Örneğin: , <hr />

Bu kodlar büyük-küçük harf fark etmeden işler. Yani ile arasında fark yoktur. Buna karşın W3C standartları gereği küçük harf kullanmak daha yararlıdır.

Aşağıda başlayan ve biten bir kalın yazma elementi görmekteyiz:

Kod:

<b>Bu bir kalın yazıdır...</b>

Değişmez Sayfa Yapısı

Bir HTML dosyası her zaman aşağıdaki şekilde kodlanmalıdır:

Kod:

 <html>
   <head>
      <title>Sayfa Başlığı</title>
      (Meta etiketler, scriptler, RSS yolları ve CSS dosyası)
   </head>
   <body>
      (Diğer tüm elementler ve düz metin)
   </body>
   </html>

Basit Kodlar

Bu bölümde H1-H2-H3-H4-H5-H6 olarak tabir ettiğimiz başlık yapısı (heading), paragraf açma ve satır atlamayı öğreneceğiz.

Başlık Kullanma

Başlıklar <H1>'den <H6>'ya kadar en büyükten en küçüğe doğru sıralanan ve sayfadaki yerine göre kullanacağımız, W3C standardında başlıklarımızdır. Bu başlıklardan sonra ayrıca bir satır atlanmaktadır...

Kod:

   <h1>H1 Başlık</h1>
   <h2>H2 Başlık</h2>
   <h3>H3 Başlık</h3>
   <h4>H4 Başlık</h4>
   <h5>H5 Başlık</h5>
   <h6>H6 Başlık</h6>

Paragraflar

Paragraf yeni bir satıra başlangıcı ifade eder. Bunu HTML dilinde ile başlatır ve ile bitiririz. Aynı başlık yapısında olduğu gibi paragraflardan sonra da kendiliğinden satır atlar.

Kod:

<p>Bu bir paragraf örneği..</p>
   <p>Bu da başka bir paragraf örneği..</p>

Görünüm:

Kod:

Bu bir paragraf örneği..

Bu da başka bir paragraf örneği..

NOT: Açılan bir kodu kapatmayı unutmayınız: Satır atlama ( ) ve meta dışında ... gibi kullanılmalı. Aksi takdirde sayfa düzeninde bozulmalar oluşabilir.

Satır Atlamak

Bir paragrafta ya da paragraf kullanılmadan başlanılan bir yazıda, HTML dilinde satır atlamak için tagını kullanırız.

Kod:

 <p>Bu bir<br /> paragraf ve satır atlama<br /> örneği..</p>

Görünüm:

Kod:

Bu bir
paragraf ve satır atlama
örneği..

Temelde ile arasında fark yoktur. Fakat (/) eklenmesinin nedeni, satır atlama kodunun bir kapanış tagı olmamasıdır (yani şeklinde bir kullanım olamaz). W3C Standartlarına göre daha doğru bir kullanımdır (XHTML gereği).

17.08.2017, 22:54	#1 (permalink)
Nerrantsoula la vie en rose. Kullanıcıların profil bilgileri misafirlere kapatılmıştır.	HTML Dersleri HTML Dosyası Nedir? HTML, Hyper Text Markup Language'in kısaltmasıdır. HTML çeşitli anlamlara gelen kodlamalar (tag) ve düz metinden oluşur. Bu kodlar ancak bir Web Browser (Internet Explorer, Firefox) tarafından anlamlı hale getirilebilir. Bu kodla yazılmış dosyaların uzantıları genellikle html ya da htm'dir. HTML, en basit yolla bir not defteri ile yazılabilir. Denemek İster Misiniz? Bir not defteri açın ve aşağıdaki yazılanları bu not defterine yazıp deneme.html olarak kaydedin. Sonra da bu dosyayı açın. Kod: <html> <head> <title>Benim Sayfam</title> </head> <body> Bu benim ilk sayfam... </body> </html> [Link'i Görebilmeniz İçin Kayıt Olunuz.! Kayıt OL] HTML Kodlarını Anlamak Bu dili kodlamak için öncelikle HTML, XHTML, XML gibi dillerin temel yapı taşı olan elementlerin (aynı zamanda html kodu, html etiketi, html tagı olarak geçebilir) nasıl çalıştıkları hakkında bilgi vermek gerekir. Bu kodlar < ile başlayıp > ile biten anahtarlardır. Kod: <html> Tüm HTML belgesi bu şekil hazırlanmış kodlardan ve aralarında geçen metin (bunlar arama motorları tarafından ya da ziyaretçi tarafından çoğunlukla görülen düz metinler)'den oluşur. Bir HTML kodu ile ilgili bir özellik belirtilecekse tırnak işareti arasında özellik="değer" şeklinde yazılır: Kod: <body bgcolor="black"> Elementler Özellikleri HTML dili tag, etiket adlarını verdiğimiz kodlamalardan oluşur. Bu kodlar < ile başlayıp > ile biterler. Bir kod genellikle iki parçadan oluşur. Bu elementin başladığı ve bittiği kodlardır. Element bittiği zaman bölü işareti (/) ile başlangıçtaki değerin yazılması yeterlidir. Örneğin: <b>metin...</b> Tabi her kod bu duruma uymaz. Bazı kodlar için kapanma anahtarı kullanılmaz, onun yerine bu işaret başlangıç kodunun sonuna eklenir. Örneğin: <br />, <hr /> Bu kodlar büyük-küçük harf fark etmeden işler. Yani <b> ile <B> arasında fark yoktur. Buna karşın W3C standartları gereği küçük harf kullanmak daha yararlıdır. Aşağıda başlayan ve biten bir kalın yazma elementi görmekteyiz: Kod: <b>Bu bir kalın yazıdır...</b> Değişmez Sayfa Yapısı Bir HTML dosyası her zaman aşağıdaki şekilde kodlanmalıdır: Kod: <html> <head> <title>Sayfa Başlığı</title> (Meta etiketler, scriptler, RSS yolları ve CSS dosyası) </head> <body> (Diğer tüm elementler ve düz metin) </body> </html> Basit Kodlar Bu bölümde H1-H2-H3-H4-H5-H6 olarak tabir ettiğimiz başlık yapısı (heading), paragraf açma ve satır atlamayı öğreneceğiz. Başlık Kullanma Başlıklar <H1>'den <H6>'ya kadar en büyükten en küçüğe doğru sıralanan ve sayfadaki yerine göre kullanacağımız, W3C standardında başlıklarımızdır. Bu başlıklardan sonra ayrıca bir satır atlanmaktadır... Kod: <h1>H1 Başlık</h1> <h2>H2 Başlık</h2> <h3>H3 Başlık</h3> <h4>H4 Başlık</h4> <h5>H5 Başlık</h5> <h6>H6 Başlık</h6> Paragraflar Paragraf yeni bir satıra başlangıcı ifade eder. Bunu HTML dilinde <p> ile başlatır ve </p> ile bitiririz. Aynı başlık yapısında olduğu gibi paragraflardan sonra da kendiliğinden satır atlar. Kod: <p>Bu bir paragraf örneği..</p> <p>Bu da başka bir paragraf örneği..</p> Görünüm: Kod: Bu bir paragraf örneği.. Bu da başka bir paragraf örneği.. NOT: Açılan bir kodu kapatmayı unutmayınız: Satır atlama (<br />) ve meta dışında <b>...</b> gibi kullanılmalı. Aksi takdirde sayfa düzeninde bozulmalar oluşabilir. Satır Atlamak Bir paragrafta ya da paragraf kullanılmadan başlanılan bir yazıda, HTML dilinde satır atlamak için <br /> tagını kullanırız. Kod: <p>Bu bir<br /> paragraf ve satır atlama<br /> örneği..</p> Görünüm: Kod: Bu bir paragraf ve satır atlama örneği.. Temelde <br> ile <br /> arasında fark yoktur. Fakat (/) eklenmesinin nedeni, satır atlama kodunun bir kapanış tagı olmamasıdır (yani </br> şeklinde bir kullanım olamaz). W3C Standartlarına göre <br /> daha doğru bir kullanımdır (XHTML gereği). Benzer Konular Renkler Olmadan Olur mu? - Html de Renk (HTML Color)... Html Sayfa İçin Bloklama, Html Merkezleme Kodu... HTML Link Ekleme Kodları, Html Kodları, Html Dosyasını Link Yapmak... HTML Nedir? Html Hakkında Herşey... Html Listeleme, Html Madde İşaretleri, Html Ul Kodu... Paylaş Share this post on Twitter pnrmhrm beğendi. Follow @Forumaski __________________ ars longa, vita brevis.