Htmlde Kayan Yazı Oluşturma

Html sayfalarımıza görsellik eklemek için kullanabileceğimiz yapılardan birisi kayan yazıdır.Kayan yazılarımızın rengini,hızını,yönünü vs özelliklerini ayarlayabiliriz.Kodlarımızı yazdığımızda siz de anlattığımız şekilde yapıp tarayıcınızda açtığınızda kayan yazınızı görebileceksiniz.Bunun için kullanacağımız temel etiket <marquee> dir.Bu da kapatılması gereken bir etikettir

Şimdi bu etiketin özelliklerini görelim;

Html Sayfasına Arka Plan Ekleme

Oluşturacağımız html sayfalarının arka planına  bir resim ekleyebilir veya arka plan rengini değiştirebiliriz.İlk olarak arka plan için renk belirleyelim.Bunun için sayfamızın başında yazdığımız <body> etiketinin bgcolor özelliğini kullanmalıyız.

<body bgolor=”green”> yazarsak arka plan rengimiz yeşil olacaktır.Arka plan rengini doğrudan yazmak yerine, istediğimiz rengin kodunu da yazabiliriz.Yani <body bgcolor=”#FFCCFF”> olarak da yazabilir.Renklerimizin html kod karşılıklarını bulmak için google üzerinden  Html renk kodları olarak aratabilirsiniz.Bunun için bir html sayfası örneği verelim;

Html Resim ve Bağlantı (Link) Ekleme

Bir resmi html sayfamıza eklemek için kullanacağımız etiket <img> dir.Bu etiketin birkaç özelliği vardır.Bunlardan bahsedersek;

src => Ekleyeceğimiz resmin yolu yazılır

alt => Resmin üstüne geldiğimizde çıkacak yazı yazılır

height => Resmin yüksekliği girilir (piksel cinsinden)

Htmlde Tablo Oluşturmak

Tablolar,verilerimizi bölümler halinde görüntülemek için kullanılırlar.Htmlde tablo oluşturmak için kullanacağımız etiket <table>..</table> dir.

Oluşturacağımız tabloların çerçevelerini,her hücredeki elemanların konumunu değiştirmek isteyebiliriz.Bunun için bu etikette border,cellspacing,cellpadding özelliklerini kullanmalıyız.Öğrendiğimiz üzere bu özellikleri,etiketin içine yerleştiriyoruz.Şimdi bu özelliklerin ne işe yaradıklarından bahsedelim;

align özelliği,tablomuzun konumunu belirler

Html Listeleme Yapısı

Yapacağımız sayfada bazı yazılarımızı maddeler halinde yazmak isteyebiliriz.Yazacağımız maddeleri sıralı ve sırasız olarak 2 şekilde yapabiliriz.Sırasız ( unordered list ) oluşturmak  için kullanacağımız etiket <ul> dir  ve  </ul> etiketiyle kapatılması gerekir.Bu etiket yardımıyla listeyi oluşturmuş oluruz ve bu etiketlerin içerisine yazacağımız <li> etiketleriyle de listemizin elemanlarını belirleriz.

Ekleyeceğimiz her liste elemanı için <li> Eklenecek eleman </li>  etiketlerini kullanmalıyız.Anlattıklarımıza basit bir örnek verelim;

<html>
 <head>
  <title>Listeleme</title>
 </head>
 <body>
  <h4>Listeleyeceğimiz Elemanlar</h4>
  <ul>
   <li>1.eleman</li>
   <li>2.eleman</li>
   <li>3.eleman</li>
  </ul>
  </body>
</html>

Html için Temel Metin Etiketleri

Metin etiketlerinden kasdettiğimiz,yazdığımız metnin herhangi bir bölümünün veya tamamının yazı rengi,yazı tipi,font büyüklüğü gibi özellikleridir.Örneğin aşağıdaki yazı gibi metinler oluşturabiliriz

Mehmet Kirazli

Bunun için çok fazlasıyla etiket var fakat biz bunların önemli olanlarından bahsedeceğiz.Aşağıda yazacağımız etiketlerin kapatılması gerekmektedir.Bunu nasıl yapacağımızı önceki yazılarımda bahsetmiştim.Yazımıza aşağıdaki özellikleri vermek için,stil vermek istediğimiz yazıyı bu etiketler arasına yazmamız gerekiyor

Temel Metin Etiketleri

<b>….</b>                        => Metni kalın yapar                 Örneğin : MEHMET 

Htmlde Temel Paragraf Etiketleri

Html sayfalarında <body> etiketlerinin olduğu kısma herhangi bir yazı yazıp alt satıra geçtiğimizde,alt satıra yazılan yazılar tarayıcıda alt satırda gözükmeyecek,önceki yazdığımız yazının yanında görüntülenecektir.Bunu engellemek için kullanacağımız etiket <br/> dir

Bunu bir örnek üzerinde anlatalım;

<html>
   <head>
      <title>Alt satıra geçme</title>
   </head>
   <body>
      Mehmet Kirazlı
      Web Sitesi
   </body>
</html>

Html Kodlamaya Giriş

Daha önce de bahsettiğimiz gibi html ,tag adı verilen yapılardan oluşur.İlerde htmlde kullanılan tagları göreceğiz

Her etiket ,kullanılabilmesi için açıldıktan sonra mutlaka kapatılmalıdır.Bir etiketin kullanılış biçimi ,açarken <etiketin_adi>   kapatılırken </etiketin_adi> şeklindedir

Html dosyamızın başlangıcı <html> etiketi ile başlamalı ve </html> etiketi ile bitmelidir

Örnek olarak Kısa bir html sayfasını inceleyelim;

Html Nedir,Ne İşe Yarar?

Html (HyperText Markup Language) , bir web sayfasında yer alan içeriklerin nasıl ve ne şekilde bulunacağını belirleyen metin tabanlı bir dildir.Html ,etiket (tag) adı verdiğimiz yapılardan oluşur

Bir html sayfasını tasarlamak için özel bir derleyiciye ihtiyaç yoktur.Notepad,bize bu konuda yardımcı olacaktır.Yazdığımız html kodlarını, uzantısı .htm veya .html olarak Notepad de kaydedersek ,doğrudan tarayıcımızda görüntüleyebiliriz.

Arama
RSS
Beni yukari isinla