- Ad
- Soyad
- Katılım
- 18 Ağustos 2023
- Konum
- Ankara
- Konular
- 61
- Mesajlar
- 81
- Ticaret - 0%
- iletişim
- Meslek
- Ruhen İşsiz
Detay
- Meslek
- Ruhen İşsiz
- Üyelik tipi
-
- Bireysel
Merhaba
Resimleri kodlama yaparken html ve css kodları ile yanyana ekleyebilirsiniz aşağıdaki kodları kendinize göre düzenlemeniz yeterli olacaktır.
Css Kodu;
Uygulanacak HTML kodu;
Resimleri kodlama yaparken html ve css kodları ile yanyana ekleyebilirsiniz aşağıdaki kodları kendinize göre düzenlemeniz yeterli olacaktır.
Css Kodu;
CSS:
ul {overflow:hidden;}
ul li {float:left; margin-right:20px;}
ul li img {border:2px solid #000;}
.clear {clear: both}
Uygulanacak HTML kodu;
HTML:
<ul>
<li><img src="resim url adres" alt="alt yazısı buraya" title="title yazısı buraya" width="genişlik boyutu piksel" height="yükseklik boyutu piksel"></li>
<li><img src="resim url adres" alt="alt yazısı buraya" title="title yazısı buraya width="genişlik boyutu piksel" height="yükseklik boyutu piksel"></li>
<li><img src="resim url adres" alt="alt yazısı" title="title yazısı yazısı buraya" width="genişlik boyutu piksel" height="yükseklik boyutu piksel"></li>
<li><img src="resim url adres" alt="alt yazısı" title="title yazısı yazısı buraya" width="genişlik boyutu piksel" height="yükseklik boyutu piksel"></li>
<li><img src="resim url adres" alt="alt yazısı" title="title yazısı yazısı buraya" width="genişlik boyutu piksel" height="yükseklik boyutu piksel"></li>
<li class="clear"></li>
</ul>
- Ad
- Soyad
- Katılım
- 13 Kasım 2024
- Konum
- Güzelkent
- Konular
- 0
- Mesajlar
- 1
- Ticaret - 0%
- iletişim
- Meslek
- Bilgisayar Programcısı
Detay
- Meslek
- Bilgisayar Programcısı
peki aynı kod ile resimlere link verebilirmiyiz. ??Merhaba
Resimleri kodlama yaparken html ve css kodları ile yanyana ekleyebilirsiniz aşağıdaki kodları kendinize göre düzenlemeniz yeterli olacaktır.
Css Kodu;
CSS:ul {overflow:hidden;} ul li {float:left; margin-right:20px;} ul li img {border:2px solid #000;} .clear {clear: both}
Uygulanacak HTML kodu;
HTML:<ul> <li><img src="resim url adres" alt="alt yazısı buraya" title="title yazısı buraya" width="genişlik boyutu piksel" height="yükseklik boyutu piksel"></li> <li><img src="resim url adres" alt="alt yazısı buraya" title="title yazısı buraya width="genişlik boyutu piksel" height="yükseklik boyutu piksel"></li> <li><img src="resim url adres" alt="alt yazısı" title="title yazısı yazısı buraya" width="genişlik boyutu piksel" height="yükseklik boyutu piksel"></li> <li><img src="resim url adres" alt="alt yazısı" title="title yazısı yazısı buraya" width="genişlik boyutu piksel" height="yükseklik boyutu piksel"></li> <li><img src="resim url adres" alt="alt yazısı" title="title yazısı yazısı buraya" width="genişlik boyutu piksel" height="yükseklik boyutu piksel"></li> <li class="clear"></li> </ul>
Aşağıdaki kod ile yapabilirsiniz.peki aynı kod ile resimlere link verebilirmiyiz. ??
Kod:
<ul>
<li><a href="burayalink"><img src="resim url adres" alt="alt yazısı buraya" title="title yazısı buraya" width="genişlik boyutu piksel" height="yükseklik boyutu piksel"></a></li>
<li><a href="burayalink"><img src="resim url adres" alt="alt yazısı buraya" title="title yazısı buraya" width="genişlik boyutu piksel" height="yükseklik boyutu piksel"></a></li>
<li><a href="burayalink"><img src="resim url adres" alt="alt yazısı" title="title yazısı yazısı buraya" width="genişlik boyutu piksel" height="yükseklik boyutu piksel"></a></li>
<li><a href="burayalink"><img src="resim url adres" alt="alt yazısı" title="title yazısı yazısı buraya" width="genişlik boyutu piksel" height="yükseklik boyutu piksel"></a></li>
<li><a href="burayalink"><img src="resim url adres" alt="alt yazısı" title="title yazısı yazısı buraya" width="genişlik boyutu piksel" height="yükseklik boyutu piksel"></a></li>
<li class="clear"></li>
</ul>
Yorum
Benzer konular
- Cevaplar
- 1
- Görüntüleme
- 791