Resim EkLemek

Daha önCe gördüğümüz dersimizde yazıLarımızı sayfaya nasıl yerLeştireceğimizi Gördük .. Şimdi bu yazıLara nasıL koyuLuk, altı çizLi fonksiyonLarını verebiLiriz . BunLarı öğreneLim…

YazıLarımızda bazı böLümlerin daha beLirgin oLmasını isteriz.. Bunun için yazıyı daha beLirgin ve koyu yaparız. Buna Html diLinde BOLD yapmak diyebiLiriz..

PLAIN TEXT

HTML:

  1. KaLıN Yazı iÇin : <b>Yazınızı buraya yazacaksınız</b>

Yazıyı eğik yazmak için kullanacağınız kod ise şöyLedir..

PLAIN TEXT

HTML:

  1. itaLik Yazı iÇin: <i>Yazınızı buraya yazacaksınız</i>

Peki Her ikisini Birden Nasıl YapabiLiriz Gibi Bir soru oLursa ?

O zaman her iki kodu da peşpeşe kullanacağız.
Yani ne kadar özellik vermek istiyorsak onların hepsini kod olarak peşpeşe yazabiliriz. Ama kodları kapatmayı hiçbir zaman unutmayın.

Aşağıdaki Gibi;

PLAIN TEXT

HTML:

  1. <b><i> Yazınızı buraya yazacaksınız</i></b>

Bu KomutLarı Öğrendikten sonra Sıra geLdi Sayfamıza Resim YerLeştirmeye …

Sayfalarımızın daha güzel görünmesi için grafiklere ihtiyacımız vardır. Bu grafiklere biz resim diyelim ) Mesela buttonlar yaptık bunları nasıl yerleştireceğiz? Gelin şimdi bunu öğrenelim…

Resimleri sayfamıza yerleştirmeye yarayan etiket img src=”resmin adı” etiketidir. Tırnak işaretlerinin arasına koyacağımız resmin adını yazarız. Örnek verecek oLursak..

PLAIN TEXT

HTML:

  1. <html>

  2. <head>

  3. <title>Sayfamızda Resim </title>

  4. </head>

  5. <body>

  6. <p><img src=“ornek.jpg”>

  7. </body>

  8. </html>

İşte yukarda gördüğümüz kodları koyarak resmimizi sayfamıza yerLeştirdik.. Ama soLda duruyor demi .. Bunu nasıL değiştirebiLiriz diye soRacak oLursak..?

Resmin ortaya hizalanması

PLAIN TEXT

HTML:

  1. <img src=“ornek.jpg align=”center“>

Resmin sağa hizalanması

PLAIN TEXT

HTML:

  1. <img src=“ornek.jpg” align=“right”>

Resmin üzerine gelince görünen yazı ve resimLere Boyut vermek

PLAIN TEXT

HTML:

  1. <img src=“ornek.jpg” width=230 height=252 alt=“MyDooM.oRG HtmL DersLeri )>

Uyarı !: Resimlerimiz ile .html dosyalarımız aynı klasörde olmalı. Yoksa resimlerimiz gözükmez. Onun yerine bir çarpı işareti görmekte pek hoş olmaz…

One response to “Resim EkLemek

  1. Sayfamızda Resim

Bir Cevap Yazın

Aşağıya bilgilerinizi girin veya oturum açmak için bir simgeye tıklayın:

WordPress.com Logosu

WordPress.com hesabınızı kullanarak yorum yapıyorsunuz. Log Out / Değiştir )

Twitter resmi

Twitter hesabınızı kullanarak yorum yapıyorsunuz. Log Out / Değiştir )

Facebook fotoğrafı

Facebook hesabınızı kullanarak yorum yapıyorsunuz. Log Out / Değiştir )

Google+ fotoğrafı

Google+ hesabınızı kullanarak yorum yapıyorsunuz. Log Out / Değiştir )

Connecting to %s