Basit HTML Kodlar

Birçok insan para kazanmak için websitesi yapar, çeşitli şeyler yapar ve şansı yaver giden bir şekilde amacına ulaşır. Websitesi yapmak istiyorsanız ilk olarak öğrenmeniz gereken temel HTML kodlarıdır. Bu yazımızda, yeni başlayanlar için basit HTML kodları tanımlayacağız.


1. İlk olarak yazıya link vermeyle başlayalım.

 <a href="http://siteadresi">Adres Açıklaması</a> 

Siteadresi yazan yere, http://www.blogasistan.com gibi site adresinizi, açıklama yazan yere de açıklamanızı yazacaksınız. (Bundan sonraki örneklerde siteadresi yazılan yere http://www.blogasistan.com, Adres Açıklaması yazan yere Blog Asistan yazılacaktır)

 <a href="http://www.blogasistan.com">Blog Asistan</a> 

şeklinde yazılan kod şu şekilde görünür: Blog Asistan
2. Yazımıza link verdik. Şimdi ise dilerseniz linke tıklandığında nasıl yeni sayfada açıldığını görelim.

 <a href="http://www.blogasistan.com" target="_blank">Blog Asistan</a> 

Örnek: Blog Asistan
3. Linkimizin Google gibi arama motorları tarafından sevilmesi için linkin ne içerdiğini tanımlayalım.

 <a title="Seo, WordPress, Windows 8, blogger, tema" href="http://www.blogasistan.com">Blog Asistan</a> 

Title kodu ile Blog Asistan’ın ne içerdiğini tanımladık. Örnek (Farenizi linkin üstünde tutun): Blog Asistan
4. Linkinizin kalın olmasını isterseniz:

 <a href="http://www.blogasistan.com"><strong> Blog Asistan </strong></a> 

Örnek: Blog Asistan
5. Herhangi bir resme veya fotoğrafa link vermek isterseniz:

 <a href="http://www.blogasistan.com"><img src="Buraya Resmin Url’si gelecek" alt="Resim Açıklaması" /></a> 

Örnek: 
6. Fotoğrafa açıklama eklemek isterseniz:

 <a href="http://www.blogasistan.com"><img title="Resim Açıklaması" src="Buraya Resmin Url’si gelecek" alt="" /></a>  

Örnek:
7. Linkinizin kayan yazı şeklinde olmasını istiyorsanız:

 <marquee><a href="http://www.blogasistan.com">Blog Asistan</a></marquee> 

Örnek: Blog Asistan

Yorum Yapın

Kafirde olsa mazlumun ahını almaktan sakının. (H.Ş.)