- Katılım
- 3 yıl 1 ay 19 gün
- Mesajlar
- 217
Arkadaşlar hepinize merhabalar ben Taha geçen günlerde bir site yapmak istedim ve aklıma gelen ilk şey HTML ile site yazmaktı fakat HTML datasını çektirmediğim için kendimi PHP üzerine geliştirmeye karar verdim bu sırada HTML yazar iken ise rehber niteliğinde detaylı bir şekilde hangi kodun ne işe yaradığını yazdım ve bu kodları sizler ile paylaşma kararı aldım fakat merak ettğiniz başka HTML kodları var ise aşağıdaki linklere bakabilirsiniz birde HTML uyumluluk diye bir şey var onunda sitesini alta koyuyorum kodunuzun doğru olup olmadığını dosyanızı yükleyerek öğrenebilirsiniz.
-- Temel Altyapı
<html lang="en"></html> -- Sitenin dilini seçer en üstte olması zorunludur. (Not : </html> bu kodu en alta koymanız gerekmektedir.)
<head></head> -- Sitenin temel altyapısıdır. (Not : HTML'nin altına Body'nin üstüne koyulması tavsiye edilir.)
<body></body> -- Sitenin içerisindi oluşturmaya yarar genellikle <head></head> kodunun altında başlar.
<div></div> -- Çoğunlukla paragraf yazıları için kullanılır. (Not : Kendi içerisinde birden fazla <div></div> kullanılabilir. Not: Bu bilgi yanlış olabilir.)
<span></span> -- Çoğunluk site başlıkları için kullanılır. (Not : Kendi içerisinde birden fazla <span></span> kullanılabilir. Not: Bu bilgi yanlış olabilir.)
--- Mesaj Türleri
<p></p> -- Paragraf yazıları için kullanılır. (Not : Body'nin içerisinde birden fazla <p></p> kullanılabilir.)
<h1></h1> -- Başlık için kullanılır h1 den başlar h6 kadar devam eder Bir element'in içerisinde kullanılmaıs gerekmektedir.
<b></b> -- Yazdığınız yazıyı kalın göstermek için kullanılır.
<strong></strong> -- Yazının önemli olduğunu göstermek için kullanılır ve yazıyı kalnılaştırır.
<i></i> -- Yazdığınız yazıyı eğik göstermek için kullanılır.
<em></em> -- Yazıyı vurgulamak için kullanılır ve yazyı eğik durumuna getirir.
<mark></mark> -- Yazıyı vurgulamak için kullanılır ve belirlenen bölgedeki yazının içerisini sarı ile boyamaktadır.
<small></small> -- Yazyıyı diğer yazılara göre belirli bir miktarda küçültür.
<s></s> -- Yazının üzerine çizgi çeker genellikle bilginin yanlış olduğunu göstermek için kullanılır.
<del></del> -- Yazının üzerine çizgi çeker genellikle bilginin yanlış olduğunu göstermek için kullanılır.
<ins></ins> -- Yazının altına çizgi çekere genellikle önemli yerleri göstermek için kullanılır.
<u></u> -- Yazının altına çizgi çekere genellikle önemli yerleri göstermek için kullanılır.
<sub></sub> -- İçerisine yazılan yazıyı biraz alta indirir.
<sup></sup> -- İçerisine yazılan yazıyı biraz yukarı çıkartır.
<br> -- Bu element satır bırakmanıza yarar.
<abbr title=""></abbr> -- Bu element yazıyı kısaltmak için kullanılr Title yazan yerin içerisine yazının tam hali girilir sonrasında ise normal yazı yazılır işlemlerden sonra yazının altına noktalar ekler.
<q></q> -- İçerisine yazılan yazıyı tırnağın içerisine ekler.
<blockquote></blockquote> -- İçerisine yazılan yazının bilgi şeklinde gösterir.
--- Resim ve Link Yönlendirmesi
<a href=""></a> -- Href yazan kısmın içerisine istedğiniz bir linki yazıyorsunuz ve sonrasında ise istedğiniz mesaj yazarak kişiyi o linke yönlendirebilirsiniz. (Not : Eğer linkten sonra target="_blank" tagını eklerseniz açılan site yeni pencerede açılır. Not 2 : href içerisine eğer bir dosya türü girer istedğinizz ve tırnaktan sonra dawnload yazar isenız dosyayı indirir. Not 3 : Href içerisine #tahatest şeklinde bir yazı yazarsanız sizi tahatest div'ine yönlendirir.)
<img src="" alt=""> -- Resim oluşturmanıza yarar isteğe bağlı olaran href entegre edilebilir. (Not : src yazan kısma resminizin yerini doğrulatmanız gerekemketedir veya link girmeniz ve eğer resim yüklenmez ise ALT kısmına açıklama yazarak oranın neresi olduğunu bildirebilirsiniz. Not 2 : (width="Sayi") ekleyerek fotoğrafın genişliğini ayarlayabilirsiniz. Not : 3 (height="Sayi") ekleyerek fotoğrafın boyutunu ayarlayabilirsiniz.)
-- Ses dosyası çalmanıza yarar src kısmına link veya dosyanızın konumunu tanımlatmanız gerekmektedir ve type yazan kısma ise sesin türünü girmeniz gerekli örnek audio/mpeg(MP3 anlamına gelir.) isteğe bağlı olarak ise controls eklerseniz şarkıyı yönetebilirsiniz veya loop ekleyerek müzik bittiği zaman tekrardan çalmasını sağlayabilirsiniz .
<audio controls loop>
<source src="" type="audio/">
</audio>
-- Video dosyası göstermenize sağlar src yazan kısma link veya dosya konumu tanımlarsanız video gözükür ve type yazan kısam ise videouzun türünü girmeniz gerekmektedir örnek video/mp4 poster yazan kısma resime bastıktan sonra video gözükmesini sağlayabilirsiniz isteğe bağlı control widh ve height eklenebilir loop eklerseniz video bittikten sonra tekrar çalar control isteğe bağlı olarak eklenebilir.
<video controls loop poster="">
<source src="" type="video/">
</video>
-- Farklı bir websiteyi kendi sitemiz üzerinden görüntüleme.
<iframe src=""></iframe> -- SRC kısmına site url si girdiğiniz zaman size o siteyi gösterir ekstra olarak widht ve height eklenebilir.
Linkleri,görmek için
Giriş yap veya üye ol.
Linkleri,görmek için
Giriş yap veya üye ol.
-- Temel Altyapı
<html lang="en"></html> -- Sitenin dilini seçer en üstte olması zorunludur. (Not : </html> bu kodu en alta koymanız gerekmektedir.)
<head></head> -- Sitenin temel altyapısıdır. (Not : HTML'nin altına Body'nin üstüne koyulması tavsiye edilir.)
<body></body> -- Sitenin içerisindi oluşturmaya yarar genellikle <head></head> kodunun altında başlar.
<div></div> -- Çoğunlukla paragraf yazıları için kullanılır. (Not : Kendi içerisinde birden fazla <div></div> kullanılabilir. Not: Bu bilgi yanlış olabilir.)
<span></span> -- Çoğunluk site başlıkları için kullanılır. (Not : Kendi içerisinde birden fazla <span></span> kullanılabilir. Not: Bu bilgi yanlış olabilir.)
--- Mesaj Türleri
<p></p> -- Paragraf yazıları için kullanılır. (Not : Body'nin içerisinde birden fazla <p></p> kullanılabilir.)
<h1></h1> -- Başlık için kullanılır h1 den başlar h6 kadar devam eder Bir element'in içerisinde kullanılmaıs gerekmektedir.
<b></b> -- Yazdığınız yazıyı kalın göstermek için kullanılır.
<strong></strong> -- Yazının önemli olduğunu göstermek için kullanılır ve yazıyı kalnılaştırır.
<i></i> -- Yazdığınız yazıyı eğik göstermek için kullanılır.
<em></em> -- Yazıyı vurgulamak için kullanılır ve yazyı eğik durumuna getirir.
<mark></mark> -- Yazıyı vurgulamak için kullanılır ve belirlenen bölgedeki yazının içerisini sarı ile boyamaktadır.
<small></small> -- Yazyıyı diğer yazılara göre belirli bir miktarda küçültür.
<s></s> -- Yazının üzerine çizgi çeker genellikle bilginin yanlış olduğunu göstermek için kullanılır.
<del></del> -- Yazının üzerine çizgi çeker genellikle bilginin yanlış olduğunu göstermek için kullanılır.
<ins></ins> -- Yazının altına çizgi çekere genellikle önemli yerleri göstermek için kullanılır.
<u></u> -- Yazının altına çizgi çekere genellikle önemli yerleri göstermek için kullanılır.
<sub></sub> -- İçerisine yazılan yazıyı biraz alta indirir.
<sup></sup> -- İçerisine yazılan yazıyı biraz yukarı çıkartır.
<br> -- Bu element satır bırakmanıza yarar.
<abbr title=""></abbr> -- Bu element yazıyı kısaltmak için kullanılr Title yazan yerin içerisine yazının tam hali girilir sonrasında ise normal yazı yazılır işlemlerden sonra yazının altına noktalar ekler.
<q></q> -- İçerisine yazılan yazıyı tırnağın içerisine ekler.
<blockquote></blockquote> -- İçerisine yazılan yazının bilgi şeklinde gösterir.
--- Resim ve Link Yönlendirmesi
<a href=""></a> -- Href yazan kısmın içerisine istedğiniz bir linki yazıyorsunuz ve sonrasında ise istedğiniz mesaj yazarak kişiyi o linke yönlendirebilirsiniz. (Not : Eğer linkten sonra target="_blank" tagını eklerseniz açılan site yeni pencerede açılır. Not 2 : href içerisine eğer bir dosya türü girer istedğinizz ve tırnaktan sonra dawnload yazar isenız dosyayı indirir. Not 3 : Href içerisine #tahatest şeklinde bir yazı yazarsanız sizi tahatest div'ine yönlendirir.)
<img src="" alt=""> -- Resim oluşturmanıza yarar isteğe bağlı olaran href entegre edilebilir. (Not : src yazan kısma resminizin yerini doğrulatmanız gerekemketedir veya link girmeniz ve eğer resim yüklenmez ise ALT kısmına açıklama yazarak oranın neresi olduğunu bildirebilirsiniz. Not 2 : (width="Sayi") ekleyerek fotoğrafın genişliğini ayarlayabilirsiniz. Not : 3 (height="Sayi") ekleyerek fotoğrafın boyutunu ayarlayabilirsiniz.)
-- Ses dosyası çalmanıza yarar src kısmına link veya dosyanızın konumunu tanımlatmanız gerekmektedir ve type yazan kısma ise sesin türünü girmeniz gerekli örnek audio/mpeg(MP3 anlamına gelir.) isteğe bağlı olarak ise controls eklerseniz şarkıyı yönetebilirsiniz veya loop ekleyerek müzik bittiği zaman tekrardan çalmasını sağlayabilirsiniz .
<audio controls loop>
<source src="" type="audio/">
</audio>
-- Video dosyası göstermenize sağlar src yazan kısma link veya dosya konumu tanımlarsanız video gözükür ve type yazan kısam ise videouzun türünü girmeniz gerekmektedir örnek video/mp4 poster yazan kısma resime bastıktan sonra video gözükmesini sağlayabilirsiniz isteğe bağlı control widh ve height eklenebilir loop eklerseniz video bittikten sonra tekrar çalar control isteğe bağlı olarak eklenebilir.
<video controls loop poster="">
<source src="" type="video/">
</video>
-- Farklı bir websiteyi kendi sitemiz üzerinden görüntüleme.
<iframe src=""></iframe> -- SRC kısmına site url si girdiğiniz zaman size o siteyi gösterir ekstra olarak widht ve height eklenebilir.