Site Yapmak için Kodlar

Site Yapmak için Kodlar : Web sitesi yapmak için gerekli olan kodları HTML üzerinde yazabilirsiniz. Peki ya bu HTML kodları nelerdir? Bu konu hakkında sizlere kısaca bilgi vermek istiyorum. HTML içeriklerin girilen Web sitesinde en iyi şekilde gözükmesi için kullanılan tarayıcı dilidir. Bu tarayıcı dilinin yanında Web sitesinin dinamik olması için de sunucu taraflı çalışan dilleri de kullanabilirsiniz.

Web sitesi içinde kullanılacak olan kodların arasından en temel Html kodlarını olanları seçip size göstermek ve bir takım kullanımları aşağıda göstermeye çalıştık. Umarım Web sitesi yapımında bu kodlar işinize yarar ve projeniz içinde doğrudan faydalanabilirsiniz.

Sunucu taraflı kullanılan yazılımları da aşağıda maddeler halinde vereceğim. Bu dillerin özellikleri de Web sitesinin kullanıcı etkileşimli olmasını sağlamasıdır. Örneğin iletişim formu, kullanıcıların sizlerle iletişime geçebilmesi için kullanabileceğiniz bir özelliktir.

  • PHP : Linux destekli sunucu taraflı yazılım dili.
  • ASPX : Windows destekli sunucu taraflı yazılım dili.
Site Yapmak için Html Etiketleri
Site Yapmak için Html Etiketleri

Web sitesi Yapmak için Kullanılan Etiketler

Web sitesi özüne bakılacak olursa HTML ile yapılmaktadır. HTML dilinin bizlere sağladığı bir çok etiket ve bu etiketlerin özelliği adı altında nitelendirebileceğimiz bir çok değer vardır. Web sitesi yapmak için kullanılan etiketleri sizlerle maddeler halinde aşağıda listeliyor olacağım.

Html a Etiketi (Link)

Html a Etiketi Web sitesi içinde bir yazıya link vermek için kullanılmaktadır.

Örnek:

..
  <a href="https://webcesi.com" title="HTML Web sitesi Linki">HTML Web sitesi Linki</a>
..

 

Html p Etiketi (Paragraf)

Html p Etiketi Web sitesindeki yazıları gruplama paragraf oluşturmak için kullanılmaktadır.

Örnek:

..
  <p>Paragraf etiketi 1.</p>
  <p>Paragraf etiketi 2.</p>
..

Html img Etiketi (Fotoğraf)

Html img etiketi – Web Tasarımı içine Fotoğraf eklemek için kullanılmaktadır. Etiket içinde kullanılan bir çok parametre vardır. Bu parametreleri aşağıda sizinle paylaşıyor olacağım.

Örnek:

..
  <img src="fotografyolu.jpg" width="300" height="200" alt="Fotoğraf Adı" />
..
  • src : Fotoğrafın yolu belirtmeniz gereken parametre.
  • width : Fotoğrafın piksel türünden genişliğini belirtme.
  • height : Fotoğrafın piksel türünden uzunluğunu belirtme.
  • alt : Eklenecek fotoğrafın ismini belirtme. (Fotoğrafın üzerinde mouse ile bekleyince çıkacak isim ve arama motorları için fotoğrafa verilecek isim.)

Html span Etiketi

Html span Etiketi Web sitesindeki herhangi bir yazı blogu’nun içindeki yazıların bir bölümüne veya seçilen bölüme stil eklemek için kullanılır.

Örnek:

..
  <p>Bu bir <span>örnek</span> metindir.</p>
..

 

Html ul, ol, li Etiketi (Listeleme)

Html ul,ol veya li etiketi listeleme işlemleri için kullanılmaktadır. Bu kodlar Html sıralı ve sırasız listeler olarak da kullanılmaktadır. Listelerin alt kategorileri olabilir.

Örnek:

..
  <ul>
	<li>listeleme Maddesi 1</li>
	<li>listeleme Maddesi 2</li>
	<li>listeleme Maddesi 2</li>
  </ul>
  <ol>
	<li>listeleme Maddesi 1</li>
	<li>listeleme Maddesi 2</li>
	<li>listeleme Maddesi 2</li>
  </ol>
..

 

Html br Etiketi (Alta Geçme)

Web sitesinin her hangi bir bölümünde bir satır aşağı inmek için kullanılır.

Örnek:

..
  Deneme Yazı
  <br />
  Deneme Alt Yazı
..

 

Html table Etiketi (Tablo)

Web sitesinde tablo oluşturmak için kullanılır. Bu tablolara stil verilebilir. İstenildiği gibi şekillendirilebilir.

Örnek:

..
  <table>
	<tr>
		<td>Hücre 1</td>
		<td>Hücre 2</td>
	</tr>
	<tr>
		<td>Hücre 3</td>
		<td>Hücre 4</td>
	</tr>
  </table>
..

 

Html div Etiketi

Web sitesinde etiketleri gruplamak ve belli bir bölümde göstermek için kullanılır. Bu bölümü aynı zamanda bu sayfadan da inceleyebilirsiniz : HTML Div örnekleri.

Örnek:

..
  <div>
	<p>Bu bir paragraftır.</p>
	<a href="https://webcesi.com">bu bir link'tir.</a>
  </div>
..

 

Html head Etiketi

Web sitesinin bilgilerini barındırmak için kullanılan etiket.

Örnek:

..
  <head>
	Head içine gelecek etiketler.
  </head>
..

 

Html title Etiketi

Web sitesinin hangi sayfanın içindeyseniz o sayfanın adını girdiğiniz etiket.

Örnek:

..
  <head>
	<title>Web Sitesi Ana Başlığı</title>
  </head>
..
Site Yapmak için Kodlar
Etiketlendi: