Php Programlama – Php ile Html Kullanımı

php-ile-html-kullanimi

Php programlama dilinin tek başına bir şey ifade etmediğinden daha önceki yazılarda bahsetmiştim. Eğer php programlama dili ile dinamik web sayfaları oluşturmak istiyorsanız HTML kodlarını da kullanmanız gerekecek. Php dosyalarının sonu .php ile biter ve php aksi belirtmedikçe içeriği sunucuya text/html olarak gönderir. Bu demek oluyor ki php kodlama yaparken bolca html kodlarda kullanacağız. Bu yüzden bu yazıyı okumadan temel düzeyde HTML bilmenizde fayda var.

Başlamadan önce bilgisayarınızda kodlarınızı düzenlemek için bir editör yoksa Notepad++ editörünü indirebilirsiniz. Php Programlama IDE Kurulumu yazımdan kullanmış olduğum ide ve editör hakkında ufak bilgiler edinebilirsiniz.

Php ve HTML için ayrılmaz ikili diyebiliriz. Php bir programlama dilidir. HTML ise web sayfalarına görünüm kazandıran bir işaretleme dilidir. Html’de görselliği arttırmak ve web sitemizin daha düzenli görünmesi için CSS stil kodları kullanılmaktadır. Etkileyici tasarım ve kolay kullanım için Html ile Css birlikte kullanılır. Bir web sayfasını ziyaret ettiğinizde gördüklerini HTML ile CSS tarafından oluşturulmuştur. 

HTML Yapısı

Bu başlık altında kısaca HTML yapısını inceleyeceğiz.  HTML bir sitenin iskeletidir. CSS ise o iskeletin kas dokularıdır. İskeleti sararak bir vücut oluşmasını sağlar.

Örnek kullanım:

<!DOCTYPE html>
<html lang="tr">
<head>
<title>Sayfa Başlığı</title>
</head>
<body>

<h1>İçerik Başlığı</h1>
<p>Bu örnek bir paragraf.</p>

</body>
</html>

Yukarıdaki html kodlarını inceleyelim.

  • Html iki bölümden oluştur.
  • <head></head> etiketleri iskeletin baş kısmıdır. Bu bölümde sayfanın başlığı, anahtar kelimeleri(keywords), kısa açıklaması(description), Css, Javascript kodları yazılır.
  • <body></body> etiketleri iskeletin vücut kısmıdır. Burası ziyaret ettiğimiz web sitelerinin görünen kısmıdır. Bu etiketler arasında resim, yazı, video gibi aklınıza gelebilecek site içerikleri görüntülenir.

En çok kullanılan HTML etiketleri.

EtiketAçıklama
<div> </div>Bir sitenin kaynak kodlarını incelediğinizde neredeyse tüm sitenin divler ile inşa edildiğini görebilirsiniz. İçerik görüntülemek için oldukça sık kullanılır.
<h1> </h1>Web sitelerindeki içeriklerin başlıkları için kullanılır. h2, h3, h4, h5, h6 olarak 5 farklı kullanımı daha vardır. h1 en büyük başlık h6 en küçük başlık şeklinde büyükten küçüğe sıralıdır.
<p> </p>Web sitelerindeki yazılara paragraf görüntüsü verir. Bir paragraf alanı oluşturmak istiyorsak <p> </p> etiketleri arasına yazılır.
<a href=”#”> </a>Web sitelerindeki linklerdir. Dış link ve iç link için kullanılır.
<img src=”#”>Web sitelerindeki resimleri görüntülemek için kullanılan etikettir. Resmin sunucudaki yolu src=”#” diez yerine yazılır.
<span> </span>Bu etiket genelde yazıları biçimlendirmek için kullanılır.
<b> </b> veya <strong> </strong>Bu iki etiket yazıları kalın belirgin yapmak için kullanılır. İkisi arasındaki fark <strong> etiketi görme yetisini kaybetmiş insanlar için kullanılmaktadır. İçerik okuyan tarayıcılar <strong> etiketi arasındaki yazıları daha farklı okurlar.

HTML ile ilgili bu çok yüzeysel bilgilerden sonra HTML ile PHP kodlarını nasıl iç içe kullanacağımıza geçelim. 

Php ile Html Kodları Birlikte Kullanmak

Php ile Html kodlarının nasıl kullanılacağını örnekler ile daha iyi anlayacağınızdan bu bölümde bir açıklama olmayacak. Örnekleri inceleyerek ve deneyerek kavramaya çalışın.

Örnek kullanım:

<!DOCTYPE html>
<html lang="tr">
<head>
<title>Sayfa Başlığı</title>
</head>
<body>

<?php echo '<h1>İçerik Başlığı</h1>';?>
<?php echo '<p>Bu örnek bir paragraf.</p>'; ?>

<!-- Yukarıdaki gibi tek tek yazabileceğimiz gibi aşadaki gibi birden fazla satırda yazabiliriz. -->

<?php 
echo '<h2>İçerik Alt Başlığı.</h2>';
echo '<p>Alt başlık paragraf örneği.</p>';
?>

</body>
</html>
Ekran görüntüsü:

Basit Site Örneği 1:

Bu basit örnekte Php değişkenleri ile başlık ve içerik belirleyeceğiz. Bu değişkenleri html kodları arasına gömeceğiz.

<?php 
/* Bu verilerin veritabanından geldiğini varsayalım. 
Bu verilen kontrolü burada yapılabildiği gibi HTML tagları arasında da yapılabilir.
Ancak sayfa başında kontrol etmek iyidir. */
$baslik = "Örnek Makale Başlığım";
$icerik = "Bu bir örnek makale içeriği";
?>

<!DOCTYPE html>
<html lang="tr">
<head>
<title><?php echo $baslik; ?></title>
</head>
<body>

<!-- Değişkenler aşağıdaki gibi html etiketleri arasına yazılabilir. -->
<h1><?php echo $baslik; ?></h1>
<p><?php echo $icerik; ?></p>

</body>
</html>

 

Ekran görüntüsü:

Genel kullanım yukarıdaki örneklerdeki gibidir. Çok daha fazla örnek göstersem de kullanımda farklı bir şey olmayacağı için bu iki örneği inceleyip anlamanızda fayda vardır. İlerleyen konularda daha karmaşık kullanımlar olacaktır.

Not: Html kodları arasına Php kodları gömeceğiniz için dosya uzantısını .php yapmanız gerektiğini unutmayın. Html kodları arasına yazıyorum diye .html yapmayın.

Php kodlarınızı çalıştırmak için bilgisayarınıza sunucu kurmayı unutmayın. Bilgisayarınıza sunucu kurmak için Php Programlama Wamp Server Kurulumu‘ nu inceleyebilirsiniz.

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir