<![CDATA[VnexTR: Bilişim Forumu - HTML]]> https://vnextr.com/ Tue, 26 May 2026 17:01:14 +0000 MyBB <![CDATA[İnterneti Örümcek Ağı Gibi Saran, En Çok Kullanılan HTML Kodları Nelerdir?]]> https://vnextr.com/konu-interneti-orumcek-agi-gibi-saran-en-cok-kullanilan-html-kodlari-nelerdir--27917.html Sat, 23 Oct 2021 12:55:10 +0000 serhat2110]]> https://vnextr.com/konu-interneti-orumcek-agi-gibi-saran-en-cok-kullanilan-html-kodlari-nelerdir--27917.html HTML dili kullanılarak yazılmış kod tabanlarıyla o kadar fazla yerde karşılaşıyoruz ki pek çok kullanıcı bunun bir programlama dili olduğunu düşünüyor. Ancak buradaki yazımızda da daha önce anlattığımız gibi HTML bir programlama dili değil, bir metin işaretleme dilidir. İnternet sitelerine eklenen öğelerin tarayıcılar tarafından tek bir dil üzerinden okunmasını sağlayan HTML olmasa internet dünyası bugünkü gibi olmazdı.

Kullandığımız günlük dilde ya da özel programlama dillerinde olduğu gibi HTML metin işaretleme dilinde de bazı sık kullanılan kalıp kodları vardır. Bu tür sık kullanılan kalıpları bilirseniz hem bu dili çok daha kolay öğrenirsiniz hem de bir yerde karşınıza çıktığı zaman çok daha kolay bir şekilde anlamlandırabilirsiniz. Gelin en çok kullanılan HTML kodlarına ve ne işe yaradıklarına yakından bakalım.


En çok kullanılan HTML kodları:
  • (<HTML>. . . </HTML>)*
  • (<HEAD> . . . </HEAD>)*
  • (<BODY> . . . </BODY>)*
  • <TITLE> . . . </TITLE>
  • <H1> . . . </H1>
  • <H2> . . . </H2>
  • <H3> . . . </H3>
  • <H4> . . . </H4>
  • <H5> . . . </H5>
  • <H6> . . . </H6>
  • <P> . . . (</P>)*
  • <BR>
  • <HR>
  • <!- . . . ->
  • <A href=> . . . </A>
  • <DL>
  • <IMG SRC="image.gif">
  • <B> . . . </B>
  • <I> . . . </I>
  • <font size="+3"...</font>
  • <table>

[Resim: 0295ab3970cf4b4a68b2e3673ed6f90874b4926c.jpeg]

(<HTML>. . . </HTML>)*(<HTML>. . . </HTML>)* kodundaki üç noktalı alan doldurulduktan sonra daha önce HTML dili kullanılarak yazılmış tam bir kod tabanı belgesini ifade eder.

(<HEAD> . . . </HEAD>)*(<HEAD> . . . </HEAD>)* kodundaki üç noktalı alan doldurulduktan sonra bir HTML belgesinin başını ya da önsözünü ifade eder.

(<BODY> . . . </BODY>)*(<BODY> . . . </BODY>)* kodundaki üç noktalı alan doldurulduktan sonra bir HTML belgesindeki sonradan eklenmeyen tüm içeriği ifade eder.

<TITLE> . . . </TITLE><TITLE> . . . </TITLE> kodundaki üç noktalı alan doldurulduktan sonra bir HTML belgesinin başlığını ifade eder.

[Resim: b84707de2b445a07b041f0a63635665f779398b9.jpeg]

<H1> . . . </H1><H1> . . . </H1> kodundaki üç noktalı alan doldurulduktan sonra HTML belgesindeki birinci düzey başlık seviyesine uygun metin boyutunu ifade eder.

<H2> . . . </H2><H2> . . . </H2> kodundaki üç noktalı alan doldurulduktan sonra HTML belgesindeki ikinci düzey başlık seviyesine uygun metin boyutunu ifade eder.

<H3> . . . </H3><H3> . . . </H3> kodundaki üç noktalı alan doldurulduktan sonra HTML belgesindeki üçüncü düzey başlık seviyesine uygun metin boyutunu ifade eder.

<H4> . . . </H4><H4> . . . </H4> kodundaki üç noktalı alan doldurulduktan sonra HTML belgesindeki dördüncü düzey başlık seviyesine uygun metin boyutunu ifade eder.

<H5> . . . </H5><H5> . . . </H5> kodundaki üç noktalı alan doldurulduktan sonra HTML belgesindeki beşinci düzey başlık seviyesine uygun metin boyutunu ifade eder.

<H6> . . . </H6><H6> . . . </H6> kodundaki üç noktalı alan doldurulduktan sonra HTML belgesindeki altıncı düzey başlık seviyesine uygun metin boyutunu ifade eder.


[Resim: 485d57a1047f2243065c3fdd64d70bc899aab95f.jpeg]

<P> . . . (</P>)*<P> . . . (</P>)* kodundaki üç noktalı alan doldurulduktan sonra HTML belgesinde paragraf oluşturmak için kullanılır çünkü HTML dilinde bildiğimiz anlamdaki klavye hareketleri ile paragraf oluşturulmamaktadır.

<BR><BR> kodu satır sonu anlamına gelir. Bu kodun olduğu alan boş bir satır ifade eder.

<HR><HR> kodu kullanıldığı noktada, sayfada yatay bir çizgi çizer.

<!- . . . -><!- . . . -> kodundaki üç noktalı alan doldurulduktan sonra yorum bölümü oluşturulur ancak burada yazılan yorumlar, sayfa görüntülendiği zaman görünmez.

<A href=> . . . </A><A href=> . . . </A> kodundaki üç noktalı alan doldurulduktan sonra söz konusu kod alanına bir yönlendirme bağlantısı eklemiş olursunuz. 

<DL><DL> kodu bir tanım listesi oluşturur. Alt alta yazılarak başına <DL> sonunda <DT> eklenen kodlar; öğeleri, maddeleri ve madde tanımlarını sıralı bir liste olarak ifade eder.

[Resim: 6c2478dd543a800ef5d4f621d041243c2c4848e2.jpeg]

<IMG SRC="image.gif"><IMG SRC="image.gif"> satır içi görüntü oluşturur. image kısmına görsel adı yazıldıktan sonra .gif ya da .jpg olarak da görsel formatı eklenir.

<B> . . . </B><B> . . . </B> kodundaki üç noktalı alan doldurulduktan sonra söz konusu metni kalın yapar.

<I> . . . </I><I> . . . </I> kodundaki üç noktalı alan doldurulduktan sonra söz konusu metni italik yapar.

<font size="+3"...</font><font size="+3"...</font> kodundaki üç noktalı alan doldurulduktan sonra yazı tipini boyutunu oluşturur. +3 alanı, yazı tipi boyutuna göre değiştirilir. Büyük yazı tipi boyutlarında başlık yerine çok daha etkili bir kullanım sunar.

<table><table> kodu bir tablo başlatır. Alt alta yazılan <TR> kodu bir satır başlatır, <TD> kodu veri girmek için bir hücre başlatır, "/TD" kodu veri girişine son verir, "/TR" kodu satırı sonlandırır ve "/table" kodu tabloyu bitirir.]]> HTML dili kullanılarak yazılmış kod tabanlarıyla o kadar fazla yerde karşılaşıyoruz ki pek çok kullanıcı bunun bir programlama dili olduğunu düşünüyor. Ancak buradaki yazımızda da daha önce anlattığımız gibi HTML bir programlama dili değil, bir metin işaretleme dilidir. İnternet sitelerine eklenen öğelerin tarayıcılar tarafından tek bir dil üzerinden okunmasını sağlayan HTML olmasa internet dünyası bugünkü gibi olmazdı.

Kullandığımız günlük dilde ya da özel programlama dillerinde olduğu gibi HTML metin işaretleme dilinde de bazı sık kullanılan kalıp kodları vardır. Bu tür sık kullanılan kalıpları bilirseniz hem bu dili çok daha kolay öğrenirsiniz hem de bir yerde karşınıza çıktığı zaman çok daha kolay bir şekilde anlamlandırabilirsiniz. Gelin en çok kullanılan HTML kodlarına ve ne işe yaradıklarına yakından bakalım.


En çok kullanılan HTML kodları:
  • (<HTML>. . . </HTML>)*
  • (<HEAD> . . . </HEAD>)*
  • (<BODY> . . . </BODY>)*
  • <TITLE> . . . </TITLE>
  • <H1> . . . </H1>
  • <H2> . . . </H2>
  • <H3> . . . </H3>
  • <H4> . . . </H4>
  • <H5> . . . </H5>
  • <H6> . . . </H6>
  • <P> . . . (</P>)*
  • <BR>
  • <HR>
  • <!- . . . ->
  • <A href=> . . . </A>
  • <DL>
  • <IMG SRC="image.gif">
  • <B> . . . </B>
  • <I> . . . </I>
  • <font size="+3"...</font>
  • <table>

[Resim: 0295ab3970cf4b4a68b2e3673ed6f90874b4926c.jpeg]

(<HTML>. . . </HTML>)*(<HTML>. . . </HTML>)* kodundaki üç noktalı alan doldurulduktan sonra daha önce HTML dili kullanılarak yazılmış tam bir kod tabanı belgesini ifade eder.

(<HEAD> . . . </HEAD>)*(<HEAD> . . . </HEAD>)* kodundaki üç noktalı alan doldurulduktan sonra bir HTML belgesinin başını ya da önsözünü ifade eder.

(<BODY> . . . </BODY>)*(<BODY> . . . </BODY>)* kodundaki üç noktalı alan doldurulduktan sonra bir HTML belgesindeki sonradan eklenmeyen tüm içeriği ifade eder.

<TITLE> . . . </TITLE><TITLE> . . . </TITLE> kodundaki üç noktalı alan doldurulduktan sonra bir HTML belgesinin başlığını ifade eder.

[Resim: b84707de2b445a07b041f0a63635665f779398b9.jpeg]

<H1> . . . </H1><H1> . . . </H1> kodundaki üç noktalı alan doldurulduktan sonra HTML belgesindeki birinci düzey başlık seviyesine uygun metin boyutunu ifade eder.

<H2> . . . </H2><H2> . . . </H2> kodundaki üç noktalı alan doldurulduktan sonra HTML belgesindeki ikinci düzey başlık seviyesine uygun metin boyutunu ifade eder.

<H3> . . . </H3><H3> . . . </H3> kodundaki üç noktalı alan doldurulduktan sonra HTML belgesindeki üçüncü düzey başlık seviyesine uygun metin boyutunu ifade eder.

<H4> . . . </H4><H4> . . . </H4> kodundaki üç noktalı alan doldurulduktan sonra HTML belgesindeki dördüncü düzey başlık seviyesine uygun metin boyutunu ifade eder.

<H5> . . . </H5><H5> . . . </H5> kodundaki üç noktalı alan doldurulduktan sonra HTML belgesindeki beşinci düzey başlık seviyesine uygun metin boyutunu ifade eder.

<H6> . . . </H6><H6> . . . </H6> kodundaki üç noktalı alan doldurulduktan sonra HTML belgesindeki altıncı düzey başlık seviyesine uygun metin boyutunu ifade eder.


[Resim: 485d57a1047f2243065c3fdd64d70bc899aab95f.jpeg]

<P> . . . (</P>)*<P> . . . (</P>)* kodundaki üç noktalı alan doldurulduktan sonra HTML belgesinde paragraf oluşturmak için kullanılır çünkü HTML dilinde bildiğimiz anlamdaki klavye hareketleri ile paragraf oluşturulmamaktadır.

<BR><BR> kodu satır sonu anlamına gelir. Bu kodun olduğu alan boş bir satır ifade eder.

<HR><HR> kodu kullanıldığı noktada, sayfada yatay bir çizgi çizer.

<!- . . . -><!- . . . -> kodundaki üç noktalı alan doldurulduktan sonra yorum bölümü oluşturulur ancak burada yazılan yorumlar, sayfa görüntülendiği zaman görünmez.

<A href=> . . . </A><A href=> . . . </A> kodundaki üç noktalı alan doldurulduktan sonra söz konusu kod alanına bir yönlendirme bağlantısı eklemiş olursunuz. 

<DL><DL> kodu bir tanım listesi oluşturur. Alt alta yazılarak başına <DL> sonunda <DT> eklenen kodlar; öğeleri, maddeleri ve madde tanımlarını sıralı bir liste olarak ifade eder.

[Resim: 6c2478dd543a800ef5d4f621d041243c2c4848e2.jpeg]

<IMG SRC="image.gif"><IMG SRC="image.gif"> satır içi görüntü oluşturur. image kısmına görsel adı yazıldıktan sonra .gif ya da .jpg olarak da görsel formatı eklenir.

<B> . . . </B><B> . . . </B> kodundaki üç noktalı alan doldurulduktan sonra söz konusu metni kalın yapar.

<I> . . . </I><I> . . . </I> kodundaki üç noktalı alan doldurulduktan sonra söz konusu metni italik yapar.

<font size="+3"...</font><font size="+3"...</font> kodundaki üç noktalı alan doldurulduktan sonra yazı tipini boyutunu oluşturur. +3 alanı, yazı tipi boyutuna göre değiştirilir. Büyük yazı tipi boyutlarında başlık yerine çok daha etkili bir kullanım sunar.

<table><table> kodu bir tablo başlatır. Alt alta yazılan <TR> kodu bir satır başlatır, <TD> kodu veri girmek için bir hücre başlatır, "/TD" kodu veri girişine son verir, "/TR" kodu satırı sonlandırır ve "/table" kodu tabloyu bitirir.]]> <![CDATA[Oynucaz.COM Site Teması]]> https://vnextr.com/konu-oynucaz-com-site-temasi--27855.html Sun, 03 Oct 2021 15:30:15 +0000 barissaricamm]]> https://vnextr.com/konu-oynucaz-com-site-temasi--27855.html Tema Adı : Oynucaz Teması
Tema Edit : Barıış Sarıçam
Tema Açıklaması : CS1.6 Satış , CSGO Satış , TeamSpeak Satış vb. gibi bir çok şeyde kullanılabilir

CANLI DEMO : DEMO İÇİN TIKLA

İndirme Linki : Hide Post[/align]]]> Tema Adı : Oynucaz Teması
Tema Edit : Barıış Sarıçam
Tema Açıklaması : CS1.6 Satış , CSGO Satış , TeamSpeak Satış vb. gibi bir çok şeyde kullanılabilir

CANLI DEMO : DEMO İÇİN TIKLA

İndirme Linki : Hide Post[/align]]]> <![CDATA[HTML Bağlantılar (Links)]]> https://vnextr.com/konu-html-baglantilar-links--26938.html Thu, 18 Feb 2021 14:09:43 +0000 MerT Yılmaz]]> https://vnextr.com/konu-html-baglantilar-links--26938.html Hide Post]]> Hide Post]]> <![CDATA[HTML Çerçeveler (Frames)]]> https://vnextr.com/konu-html-cerceveler-frames--26937.html Thu, 18 Feb 2021 11:57:52 +0000 MerT Yılmaz]]> https://vnextr.com/konu-html-cerceveler-frames--26937.html Hide Post]]> Hide Post]]> <![CDATA[HTML Tasarım]]> https://vnextr.com/konu-html-tasarim--26936.html Thu, 18 Feb 2021 11:57:18 +0000 MerT Yılmaz]]> https://vnextr.com/konu-html-tasarim--26936.html Hide Post]]> Hide Post]]> <![CDATA[HTML Script'ler]]> https://vnextr.com/konu-html-script-ler--26925.html Wed, 17 Feb 2021 15:06:14 +0000 MerT Yılmaz]]> https://vnextr.com/konu-html-script-ler--26925.html Hide Post]]> Hide Post]]> <![CDATA[HTML 4.0 Standard Parametreleri]]> https://vnextr.com/konu-html-4-0-standard-parametreleri--26924.html Wed, 17 Feb 2021 15:05:53 +0000 MerT Yılmaz]]> https://vnextr.com/konu-html-4-0-standard-parametreleri--26924.html Hide Post]]> Hide Post]]> <![CDATA[HTML Web Sunucu ( Sayfanızı Yayınlamaya Hazır mısınız? )]]> https://vnextr.com/konu-html-web-sunucu-sayfanizi-yayinlamaya-hazir-misiniz--26921.html Wed, 17 Feb 2021 11:22:49 +0000 MerT Yılmaz]]> https://vnextr.com/konu-html-web-sunucu-sayfanizi-yayinlamaya-hazir-misiniz--26921.html Hide Post]]> Hide Post]]> <![CDATA[HTML ASCII Kodlar]]> https://vnextr.com/konu-html-ascii-kodlar--26922.html Wed, 17 Feb 2021 11:13:09 +0000 MerT Yılmaz]]> https://vnextr.com/konu-html-ascii-kodlar--26922.html Hide Post]]> Hide Post]]> <![CDATA[HTML 4.0 Olay Parametreleri (Events)]]> https://vnextr.com/konu-html-4-0-olay-parametreleri-events--26923.html Wed, 17 Feb 2021 11:12:21 +0000 MerT Yılmaz]]> https://vnextr.com/konu-html-4-0-olay-parametreleri-events--26923.html Hide Post]]> Hide Post]]> <![CDATA[HTML Renkler]]> https://vnextr.com/konu-html-renkler--26895.html Tue, 16 Feb 2021 15:25:38 +0000 MerT Yılmaz]]> https://vnextr.com/konu-html-renkler--26895.html
  • Hide Post]]>
  • Hide Post]]> <![CDATA[HTML Renk Değerleri]]> https://vnextr.com/konu-html-renk-degerleri--26896.html Tue, 16 Feb 2021 15:25:18 +0000 MerT Yılmaz]]> https://vnextr.com/konu-html-renk-degerleri--26896.html Hide Post]]> Hide Post]]> <![CDATA[HTML Stiller (Styles)]]> https://vnextr.com/konu-html-stiller-styles--26898.html Tue, 16 Feb 2021 14:23:35 +0000 MerT Yılmaz]]> https://vnextr.com/konu-html-stiller-styles--26898.html ]]> ]]> <![CDATA[HTML Meta]]> https://vnextr.com/konu-html-meta--26899.html Tue, 16 Feb 2021 14:22:19 +0000 MerT Yılmaz]]> https://vnextr.com/konu-html-meta--26899.html ]]> ]]> <![CDATA[HTML Fontlar (Fonts)]]> https://vnextr.com/konu-html-fontlar-fonts--26897.html Tue, 16 Feb 2021 14:20:00 +0000 MerT Yılmaz]]> https://vnextr.com/konu-html-fontlar-fonts--26897.html Hide Post]]> Hide Post]]>