HTML Ders (2)
Merhabalar,
Geçen yazıda html dilinin yapısına bakmıştık. Ayrıca yazılarımızı kalın, italik ve altı çizili şekilde görüntülemiştik.. Bunları sorunsuz çalıştırdık ve artık bir html kodunu nasıl kaydedip görüntüleyeceğimizi biliyoruz..
Şimdi sayfamıza resim eklemeyi görelim..
Şeklindeki kodumuzu html yapısı içerisinde ki body kısmı içerisine yerleştiriyoruz. Kaydettiğimiz index.html dosyasının yanında resim.jpg adlı bir resim olduğu takdirde resim sitemize eklenecektir. alt="açıklama" kısmı ise resmin açıklamasının yazılacağı yerdir. Örneğin Türk barağı yerleştirdiğimiz zaman açıklamaya Türk bayrağı yazabiliriz. Tabi siz yüklediğiniz resme göre bunu değiştirebilirsiniz.. Çalıştırdıktan sonra çalışmanız bu şekilde gözükecektir.
Kodumuzu bu şekilde düzenlediğimizde boyutların 200x200 olduğunu göreceğiz..
Şimdi sitemize ses dosyası ekleyelim ;
Şarkı Adresi yazan yere şarkınızın adresini yazabilirsiniz. Örneğin index.html dosyanızın yanındaysa bu müzik ve adıda a.mp3 ise Şarkı Adresi yazan yeri a.mp3 ile değiştirirseniz şarkınızın arkaplanda çaldığını görürsünüz. loop=1 ise şarkınızın kaç kere tekrarlanacağı anlamına gelir. eğer 1 değilde 10 yaparsanız şarkınız 10 kere tekrarlanır.
İsterseniz hem şarkıyı oynatıp hemde resmi sitede göstermek için body içerisine resim kodlarını koyabilirsiniz veya yazı da ekleyebilirsiniz.. Örnek kod ;
İyi çalışmalar..
Geçen yazıda html dilinin yapısına bakmıştık. Ayrıca yazılarımızı kalın, italik ve altı çizili şekilde görüntülemiştik.. Bunları sorunsuz çalıştırdık ve artık bir html kodunu nasıl kaydedip görüntüleyeceğimizi biliyoruz..
Şimdi sayfamıza resim eklemeyi görelim..
<img src="resim.jpg" alt="açıklama">Şeklindeki kodumuzu html yapısı içerisinde ki body kısmı içerisine yerleştiriyoruz. Kaydettiğimiz index.html dosyasının yanında resim.jpg adlı bir resim olduğu takdirde resim sitemize eklenecektir. alt="açıklama" kısmı ise resmin açıklamasının yazılacağı yerdir. Örneğin Türk barağı yerleştirdiğimiz zaman açıklamaya Türk bayrağı yazabiliriz. Tabi siz yüklediğiniz resme göre bunu değiştirebilirsiniz.. Çalıştırdıktan sonra çalışmanız bu şekilde gözükecektir.
Resminizin ebatları eğer büyükse veya yerleştireceğiniz yere göre boyutunu değiştirmeniz gerekiyorsa, dilerseniz bunu photoshop gibi yardımcı programlar kullanarak yapabilirsiniz fakat bunu kodlada yapmanız mümkün. Resmin boyutlarını örneğin 200x200 piksel boyutuna getirmek için kodumuzu şu şekilde yazmamız gerekir ;
<img src="resim.jpg" alt="Türk Bayrağı" height="200" width="200">
Kodumuzu bu şekilde düzenlediğimizde boyutların 200x200 olduğunu göreceğiz..
Şimdi sitemize ses dosyası ekleyelim ;
<html>
<head>
<title> Başlık </title>
</head>
<body bgsound src="Şarkı Adresi" loop=1>
</body>
</html>
Şarkı Adresi yazan yere şarkınızın adresini yazabilirsiniz. Örneğin index.html dosyanızın yanındaysa bu müzik ve adıda a.mp3 ise Şarkı Adresi yazan yeri a.mp3 ile değiştirirseniz şarkınızın arkaplanda çaldığını görürsünüz. loop=1 ise şarkınızın kaç kere tekrarlanacağı anlamına gelir. eğer 1 değilde 10 yaparsanız şarkınız 10 kere tekrarlanır.
İsterseniz hem şarkıyı oynatıp hemde resmi sitede göstermek için body içerisine resim kodlarını koyabilirsiniz veya yazı da ekleyebilirsiniz.. Örnek kod ;
<html>
<head>
<title> Başlık </title>
</head>
<body bgsound src="Şarkı Adresi" loop=1>
<img src="resim.jpg" alt="Türk Bayrağı" height="200" width="200">
</body>
</html>
İyi çalışmalar..
Yorum