Sık kullanılan HTML kodları, basit HTML kodları

HTML Kodları

HTML Kodları

Basit ve sık kullanılan HTML kodları ile ilgili örnekler vermeye çalışmak için bu yazıyı hazırlamaya karar verdim. Gerçekten de öyle zamanlar olur ki en basit diye düşünülen bir kodlamayı hatırlamak mümkün olmayabilir. Bu makale böyle durumlarda can simidi olması ve fayda sağlaması dileğiyle yazılmıştır.  Gerçekten de çok basit gibi görünen HTML’de Paragraf ve Satır Atlama Kodu başlıklı makale, internet ortamında her zaman okunan ve faydalanılan bir  makale haline geldi.  Bu makalenin de faydalı olması en büyük dileğimdir.

HTML Yazıya Link Verme Kodu

HTML yazıya link verme kodu açıklaması için sayfanızdan bir RSS linki vermek istediğinizi varsayalım ve bunu en kolay şekilde örneklendirelim.

RSS

Yukarıdaki örnekte yazıdan RSS beslemesine verdiğim linki görmektesiniz. Bununla ilgili kodlamayı aşağıdaki gibi gerçekleştirmeniz yeterlidir. Renklendirme ve font detaylarını özellikle olduğu gibi bıraktım dileyen sadeleştirebilir.

<span style=”background-color: #FF0000;”><a href=”http://www.hedeflenenadres.com” rel=”external”><font size=”4″><b>RSS</b></font></a></span>

HTML Resime Link Verme Kodu

HTML resime link verme kodu için yine RSS linki üzerinden gidelim ve bir küçük resim vasıtasıyla bu işlevi oluşturmaya çalışalım.

rss

Bu şekilde resim üzerinden verilecek link ile RSS beslemesine sitenizden çıkış sağlayabilirsiniz. Bu işlevi sağlayacak kodu aşağıda bulabilirsiniz. Burada dikkat edilmesi gerekenler genişlik ve yükseklik değeri ile alt etiketi atamayı ihmal etmemektir.

<a href=”http://http://www.hedeflenenadres.com” rel=”external”><img src=”http://www.resminkaynakadresi.com/rss.jpg” alt=”rss” width=”200″ height=”40″></a>

HTML Yazı Arka Planı Renklendirme Kodu

Vurgulamak veya öne çıkarmak istediğiniz bir yazıyı, kelime grubunu veya harf öbeğinin arka planını HTML yazı arka planı renklendirme kodu ile istediğiniz şekilde renklendirebilirsiniz. Bunu yapabilmek için yazıya link vermekte kullandığımız ilk koda göz atmanız yeterli olacaktır. Yukarıdaki örnekte bulunan kodun başlangıcında yer alan “span style” etiketi ve devamındakiler ile arka plan rengini dilediğiniz gibi oluşturmak mümkündür. Renk kodunu zevkinize ve tasarımınıza uygun şekilde değiştirebilirsiniz.

HTML Koyu, İtalik ve Altı Çizili Yazı Kodu

HTML Koyu, İtalik ve Altı Çizili Yazı Kodu kolay uygulamalar gibi görünse de başta da söylediğimiz gibi kimi zaman kabus yaşatabilir. En zor akla gelenler çoğunlukla en kolay olan şeyler olduğundan bu durumu yadırgamamak gerekir. Sözü uzatmadan bu üç kodu da bir arada verelim. Açılış ve kapanış taglarını bir arada vereceğimizi ve iki tagın arasında bu işlevin geçerli olacağını da son söz olarak ekleyelim.

Açılış Anlam Kapanış
<b> Kalın yazı </b>
<i> Sağa yatık (italik) yazı </i>
<u> Altı çizili yazı </u>
<del> Üstü çizili yazı </del>
Paylaşmak Güzeldir
Yazar
BALIK BOYUNA DİKKAT TWENTY TWELVE TEMASI İÇİN RENKLİ GÖLGE EFEKTİ VE KÖŞE YUVARLAKLAŞTIRMA
Benzer Yazılar
Bir yorum yazın
Siz de düşüncenizi belirtebilirsiniz.

Web Tasarım Blog Teması Ecce Plus | Tüm hakları © Felix Themes'e aittir.