Html Sayfa Hazırlmak için Bilinmesi Gereken Kodlar

0 Üye ve 1 Ziyaretçi konuyu incelemekte.

Çevrimdışı D®agon

  • Ezberletmez Öğretir
  • *******
  • Join Date: Mar 2008
  • Yer: Ankara
  • 11656
  • +524/-0
  • Cinsiyet: Bay
    • Arif Hocam
Html Sayfa Hazırlmak için Bilinmesi Gereken Kodlar
« : 01 Temmuz 2015, 12:37:15 »
Html sayfasının arka planını renklendirmek istereniz;
   
html kaynak kodu
Kod: You are not allowed to view links. Register or Login
<div style="background-color:black;">
- Black yerine yabancı bir inglizce renk ismi girin... Green, red, blue gibi...

html sayfasının arka planına resim koymak isterseniz;
   
html kaynak kodu
Kod: You are not allowed to view links. Register or Login
<div style="background-image: url(RESMİN LİNKİ);">- RESMİN LİNKİ yazan yere bir resim linki ekleyin...

html Sayfasına resim eklemek isterseniz;

html kaynak kodu
Kod: You are not allowed to view links. Register or Login
<img src="RESİM LİNKİ">- RESİM LİNKİ yerini düzenleyiniz...

Yazıların rengini değiştirmek için;
   
html kaynak kodu
Kod: You are not allowed to view links. Register or Login
<span style="color:red;">BURAYA YAZINI YAZ</span>- koddaki red yerine yabancı bir inglizce renk ismi girin...BURAYA YAZINI YAZ kısmına yazınızı yazınız

Yazının boyutunu düzenleme;
   
html kaynak kodu
Kod: You are not allowed to view links. Register or Login
<span style="font-size:18px;">YAZINI BURAYA YAZ</span>- koddaki 18'i değiştirerek büyüklüğü ayarlayabilirsiniz.

Yazıyı ortalamak;
   
html kaynak kodu
Kod: You are not allowed to view links. Register or Login
<center>YAZI BURAYA</center>
Yazıyı Sola Çekmek;
   
html kaynak kodu
Kod: You are not allowed to view links. Register or Login
<div align="left">YAZI BURAYA</div>
Yazıyı sağa almak;

html kaynak kodu
<div align="right">YAZI BURAYA</div>

Yazıya link vermek;
   
html kaynak kodu
Kod: You are not allowed to view links. Register or Login
<a href="LİNK BURAYA">YAZI BURAYA</a>- Koddaki kısımları düzenleyiniz
Örnek;
You are not allowed to view links. Register or Login

Resme link vermek;
   
html kaynak kodu
Kod: You are not allowed to view links. Register or Login
<a href="GİDİLECEK LİNK BURAYA"><img src="RESİM LİNKİ BURAYA"></a>- Koddaki kısımları düzenleyiniz...
Örnek;
You are not allowed to view links. Register or Login

Bir yazıya aynı anda;konum, renk, büyüklük verebilirsiniz;
   
html  kaynak kodu
Kod: You are not allowed to view links. Register or Login
<center><span style="color:red; font-size:18px;">YAZIMI YAZDIM</span></center>- Hem kırmızı renk yazdım, hem 18 puntoda yazdım, hemde ortaladım.

Resmi konumlandırmakta aynı mantık;

html  kaynak kodu
Kod: You are not allowed to view links. Register or Login
<div align="left"><a href="GİDİLECEK LİNK"><img src="RESİM LİNKİ"></a></div>