Html’de linkler

Linkler sayfalar arasında gezmemize yarayan köprülerdir. Söylemek gerekiyorki link; köprü anlamına gelir.

(Ayrıca link nedir? konusuna göz atabilirsiniz.)

Web sayfalarında dolaşırken tıklama yapabildiğimiz herşeyi linkler sağlamaktadır. Dolayısıyla linklerin önemli bir konudur. Linkleri en geniş şekilde inleyeceğiz.

html sayfalarda link vermek

link verebilmemiz yarayan etiket

etiketidir. Bu etiket sayesinde yazılara, resimlere, web sayfalara, kendi sayfalarınıza ve sayfa içinde farklı bölümlere link verebilirsiniz. Sayfa içinde farklı bölümlere link vermeyi açarsak; örneğin uzun bir konu yazıyorsunuz ve birden fazla başlığa sahip bir konu. Bu konu başlıklarını konu başında belirtip, kişinin istediği başlığa kaydırma çubuğu ile değil linke tıklayarak gitmesini sağlayabiliriz.

bu etiketin kullanım şekli şu biçimdedir:

link yazısı

gidilecek olan adres; bir web sayfası, projede varolan başka bir dosya, herhangi bir dosya adı vs olabilir. Target ise sayfa aynı pencerede mi açılsın yoksa başka bir penceredemi veya sekmede mi açılmasını belirtir. Genelde blank ve self özelliği kullanılır.

Target değerini blank şeklinde verirsek(target=”blank”) link yeni bir sayfada açılır. self değerini verirsek, adres aynı sayfada açılır.

Bir web sayfasına link vermek

Bir web sayfasına link vermek için href özelliğinden faydalanıyoruz. Örneğin mynet.com’ a verelim.

Continue reading “Html’de linkler”

HTML’ de tablolar

Html için tablolar 3 ana etikette tanımlanır.

Bir tablo yaratmak için bu etiketi açmanız gerekir:

Bir tablo oluşturalım.

bilgius bilgius
bilgius bilgius

Satır ve sütün belirtmemiz gerekiyor. Sadece satır belirtirsek yazılan metinler tablo dışında görünür. Mutlaka satır ve sütun belirtmek zorundayız. Her satır sütun içerisinde belirtilir. Satır belirtmeden sütun belirtemezsiniz. Öncelikle satır çizgileri çekiyoruz ve sonra sütünlara bölüyoruz. Bu şekilde mantığını aklınızda tutabilirsiniz. Satır çizgisini sonsuza kadar gittiğini düşünün. Sütun belirttiğiniz yerde satır biter. Düz mantıkla kodları ezberlerseniz karıştırma ihtimaliniz daha fazladır.

Ve gördüğünüz gibi ilk table etiketinde border özelliğini kullanmışız. Eğer orada border özelliğini kullanmazsak tablo çerçevesi görünmez. Onun için border özelliğini en az 1 veriyoruz. Sıfır verirsek yine tablo çerçevesi görünmez.

Mesala bir tablo yaptık şu şekilde:

Tablomuzda bir futbol takımını, mevkilerini ve doğum tarihleri göstereceğiz.

Satır veya sütunları birleştirmek

Satır veya bir sütunu birleştirmek istiyorsak mutlaka sütun oluşturan etiketlerle oynamamız gerekir.

etiketleri içerisine satırları birleştirmek istiyorsak rowspan özelliğini veriyoruz.

Tablo içindeki sütünları birleştirmek için colspan özelliği ile yapılır. Örneğin colspan özelliğine 2 değerini verirsek 1 satır içinde 2 kolun birleşir. Bir örnek verirsek tam olarak anlayacaksınız.

Birde satın birleştirme örneği yapalım.

Continue reading “HTML’ de tablolar”