Gönderen Konu: Html Sayfa Hazırlmak için Bilinmesi Gereken Kodlar  (Okunma sayısı 3383 defa)

0 Üye ve 1 Ziyaretçi konuyu incelemekte.

Çevrimdışı D®agon

  • Ezberletmez Öğretir
  • Administrator
  • Süper Mega üye
  • *******
  • İleti: 11650
  • +524/-0
  • Cinsiyet: Bay
    • Arif Hocam
Html Sayfa Hazırlmak için Bilinmesi Gereken Kodlar
« : 01 Temmuz 2015, 12:37:15 »
[size=12pt][size=14pt]Html sayfasının arka planını renklendirmek istereniz;[/size]

html kaynak kodu
[code]<div style="background-color:black;">[/code]

- Black yerine yabancı bir inglizce renk ismi girin... Green, red, blue gibi...

[size=14pt]html sayfasının arka planına resim koymak isterseniz;[/size]

html kaynak kodu
[code]<div style="background-image: url(RESMİN LİNKİ);">[/code]
- RESMİN LİNKİ yazan yere bir resim linki ekleyin...

[size=14pt]html Sayfasına resim eklemek isterseniz;[/size]

html kaynak kodu
[code]<img src="RESİM LİNKİ">[/code]
- RESİM LİNKİ yerini düzenleyiniz...

[size=14pt]Yazıların rengini değiştirmek için;[/size]

html kaynak kodu
[code]<span style="color:red;">BURAYA YAZINI YAZ</span>[/code]
- koddaki red yerine yabancı bir inglizce renk ismi girin...BURAYA YAZINI YAZ kısmına yazınızı yazınız

[size=14pt]Yazının boyutunu düzenleme;[/size]

html kaynak kodu
[code]<span style="font-size:18px;">YAZINI BURAYA YAZ</span>[/code]
- koddaki 18'i değiştirerek büyüklüğü ayarlayabilirsiniz.

[size=14pt]Yazıyı ortalamak;[/size]

html kaynak kodu
[code]<center>YAZI BURAYA</center>[/code]

[size=14pt]Yazıyı Sola Çekmek;[/size]

html kaynak kodu
[code]<div align="left">YAZI BURAYA</div>[/code]

[size=14pt]Yazıyı sağa almak;[/size]

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

[size=14pt]Yazıya link vermek;[/size]

html kaynak kodu
[code]<a href="LİNK BURAYA">YAZI BURAYA</a>[/code]
- Koddaki kısımları düzenleyiniz
[b]Örnek;[/b]
<a href="http://www.uyanangenclik.com">Ana Sayfaya Git</a>

[size=14pt]Resme link vermek;[/size]

html kaynak kodu
[code]<a href="GİDİLECEK LİNK BURAYA"><img src="RESİM LİNKİ BURAYA"></a>[/code]
- Koddaki kısımları düzenleyiniz...
[b]Örnek;[/b]
<a href="http://uyanangenclik.com"><img src="http://uyanangenclik.com/resimlerim/logo/uyanan.png"></a>

[size=14pt]Bir yazıya aynı anda;konum, renk, büyüklük verebilirsiniz;[/size]

html  kaynak kodu
[code]<center><span style="color:red; font-size:18px;">YAZIMI YAZDIM</span></center>[/code]
- Hem kırmızı renk yazdım, hem 18 puntoda yazdım, hemde ortaladım.

[size=14pt]Resmi konumlandırmakta aynı mantık;[/size]

html  kaynak kodu
[code]<div align="left"><a href="GİDİLECEK LİNK"><img src="RESİM LİNKİ"></a></div>[/code]

 

Voiser