mobile-logo
Top

w3 Tag

  • All
  • Analiz
  • Dijital pazarlama
  • Dijital, İyi Şeyler Podcast
  • E-Ticaret
  • Eğitim
  • Growth hacking
  • İnceleme
  • Kişisel
  • Rehber
  • Reklam
  • Sosyoloji
  • Teknoloji
  • Wordpress

HTML ile kendi web sayfalarınızı oluşturabilirsiniz.  W3Schools.com ‘dan yapacağım bu çeviriler ile HTML’yi kolaylıkla öğrenebileceksiniz. HTML’nin öğrenmesi kolaydır ve zevkli bulacaksınız bu dili.

Başlangıç olarak bilgi; çevirileri(başlıklar hariç) çift tırnak içinde göstereceğim. Kendi yazdıklarım normal yazı olarak kalacak. Anlatacaklarımı uygulayabilmeniz için ilk önce klasör seçeneklerini bulmanız ve klasör uzantılarını göster halini seçmelisiniz. Ardından istediğiniz bir alanda(mesela masaüstünde) bir klasör açın web ismini verin. Klasörün içine girin(fare ile çift tık). Fare ile sağ tuş tıklayın ve metin belgesi(yeni metin.txt diye yazar) dosyasını oluşturun. Biz bu yeni metin.txt dosyası ile HTML dosyalarımızı oluşturacağız. Yeni metin.txt dosyasını açın ve farklı kaydete tıklayın. Açılan pencerede isim kısmına index.html yazın ve kaydedin web klasörümüzün içine. index.html klasörüne çift tıklayın ve browser(chrome, firefox, opera, internet explorer gibi)’da görebilelim. Artık web klasörümüzün içinde yeni metin.txt ve index.html adlı iki dosya olacağını biliyorsunuz ve artık hazırsınız. Bunu hazırlayamadıysanız bile, örnekleri uygulayabilmeniz için W3Schools‘taki metin editörünü paylaşmış olacağım. Sol taraftaki verileri silip, etiketleri(anlatacağım) yazarsınız ve edit and click me yazan yere basarsınız sağ tarafta da web sayfasının durumunu görebilirsiniz böylece. Bu benim ilk çalışmam. Umarım hepimize yararlı olur. Anlaşılmayan yerleri yorum olarak yazabilirsiniz/sorabilirsiniz. Kolay gelsin.

HTML Paragrafları

Paragraflar <p> etiketi ile tanımlanır. Tarayıcılar(İnternet explorer, firefox, chrome, opera gibi), otomatik olarak paragraftan önce ve sonra boş satır atar bu sayede.

<p> Bu bir paragraf</p>

Kapanış tagını(etiketini) unutmayın

Çoğu tarayıcı kapanış tagini unutmuş bile olsanız html kodunu düzgünce gösterecektir.

<p> Bu bir paragraf

<p> Bu da bir başka paragraf

Yine de tarayıcıların bu davranışına güvenmemek lazım. Beklenmeyen sonuçlar doğurabilir unutulan ya da kullanılmayan kapanış tagları(etiketleri).

Continue reading
by

HTML ile kendi web sayfalarınızı oluşturabilirsiniz.  W3Schools.com ‘dan yapacağım bu çeviriler ile HTML’yi kolaylıkla öğrenebileceksiniz. HTML’nin öğrenmesi kolaydır ve zevkli bulacaksınız bu dili.

Başlangıç olarak bilgi; çevirileri(başlıklar hariç) çift tırnak içinde göstereceğim. Kendi yazdıklarım normal yazı olarak kalacak. Anlatacaklarımı uygulayabilmeniz için ilk önce klasör seçeneklerini bulmanız ve klasör uzantılarını göster halini seçmelisiniz. Ardından istediğiniz bir alanda(mesela masaüstünde) bir klasör açın web ismini verin. Klasörün içine girin(fare ile çift tık). Fare ile sağ tuş tıklayın ve metin belgesi(yeni metin.txt diye yazar) dosyasını oluşturun. Biz bu yeni metin.txt dosyası ile HTML dosyalarımızı oluşturacağız. Yeni metin.txt dosyasını açın ve farklı kaydete tıklayın. Açılan pencerede isim kısmına index.html yazın ve kaydedin web klasörümüzün içine. index.html klasörüne çift tıklayın ve browser(chrome, firefox, opera, internet explorer gibi)’da görebilelim. Artık web klasörümüzün içinde yeni metin.txt ve index.html adlı iki dosya olacağını biliyorsunuz ve artık hazırsınız. Bunu hazırlayamadıysanız bile, örnekleri uygulayabilmeniz için W3Schools‘taki metin editörünü paylaşmış olacağım. Sol taraftaki verileri silip, etiketleri(anlatacağım) yazarsınız ve edit and click me yazan yere basarsınız sağ tarafta da web sayfasının durumunu görebilirsiniz böylece. Bu benim ilk çalışmam. Umarım hepimize yararlı olur. Anlaşılmayan yerleri yorum olarak yazabilirsiniz/sorabilirsiniz. Kolay gelsin.

HTML dökümanlarında başlıklar önemlidir.

HTML Başlıkları

Başlıklar <h1> ‘den <h6>’ya kadar tanımlanır. <h1> en önemli başlığı tanımlar, <h6> ise en az önemliyi. Tarayıcılar otomatik olarak başlıklardan önce ve sonra boşluk bırakır buna “a margin” denir.

Bunun örneklerini yapmıştık daha önceki derslerden birinde.

Başlıklar önemlidir

Sadece başlıklar için başlık etiketlerini kullanmalısınız. Yazıyı büyük ya da kalın yapmak için değil. Arama motorları web sayfanızın içeriğini ve yapısını index’ler başlık etiketlerini kullanarak.  Kullanıcılar sayfalarınızın içeriğini kopyalayarak aldığından beri de başlıklar belgenin yapısını gösterir olmuştur. ( yani word’e yapıştırdığında otomatik olarak başlık olarak algılanacak h etiketleriniz)

h1 başlıkları ana başlığınız olarak kullanılmalı, ardından h2, sonra h3 diye giderek takip etmeli.

Continue reading
by

HTML ile kendi web sayfalarınızı oluşturabilirsiniz.  W3Schools.com ‘dan yapacağım bu çeviriler ile HTML’yi kolaylıkla öğrenebileceksiniz. HTML’nin öğrenmesi kolaydır ve zevkli bulacaksınız bu dili.

Başlangıç olarak bilgi; çevirileri(başlıklar hariç) çift tırnak içinde göstereceğim. Kendi yazdıklarım normal yazı olarak kalacak. Anlatacaklarımı uygulayabilmeniz için ilk önce klasör seçeneklerini bulmanız ve klasör uzantılarını göster halini seçmelisiniz. Ardından istediğiniz bir alanda(mesela masaüstünde) bir klasör açın web ismini verin. Klasörün içine girin(fare ile çift tık). Fare ile sağ tuş tıklayın ve metin belgesi(yeni metin.txt diye yazar) dosyasını oluşturun. Biz bu yeni metin.txt dosyası ile HTML dosyalarımızı oluşturacağız. Yeni metin.txt dosyasını açın ve farklı kaydete tıklayın. Açılan pencerede isim kısmına index.html yazın ve kaydedin web klasörümüzün içine. index.html klasörüne çift tıklayın ve browser(chrome, firefox, opera, internet explorer gibi)’da görebilelim. Artık web klasörümüzün içinde yeni metin.txt ve index.html adlı iki dosya olacağını biliyorsunuz ve artık hazırsınız. Bunu hazırlayamadıysanız bile, örnekleri uygulayabilmeniz için W3Schools‘taki metin editörünü paylaşmış olacağım. Sol taraftaki verileri silip, etiketleri(anlatacağım) yazarsınız ve edit and click me yazan yere basarsınız sağ tarafta da web sayfasının durumunu görebilirsiniz böylece. Bu benim ilk çalışmam. Umarım hepimize yararlı olur. Anlaşılmayan yerleri yorum olarak yazabilirsiniz/sorabilirsiniz. Kolay gelsin.

HTML Özellikleri(Attributes)

HTML elemanları özelliklere sahip olabilir. Özellikler, elemanlara dair ek bilgi sunar. Özellikler başlama tag’inin(etiketinin) içinde yer alırlar daima. Özellikler isim ve değer şeklinde çift olarak gelir.

isim=”değer” gibi…

<a href=”http://nefarkederki.com”> Bu bir bağlantı </a> a etiketinin href özelliği nefarkederki.com değerini almış. href ile adres yolu gösterilir.

Özellik değeri daima tırnak işareti almalı

Özelliğin değeri tırnak içinde olmalı daima, çift tırnak kabul edildiği gibi tek tırnaklı kullanım da mevcut ve izin veriliyor. Nadir durumlarda değerin içi çift tırnak taşıyor ise en dışta tek tırnak kullanmak uygun olur. Mesela; name=’Hasan “Nefarkederki yazarı” Türkyılmaz’ gibi…

HTML ipucu; Özellikler küçük boyutta yazılmalı

Continue reading

by

HTML ile kendi web sayfalarınızı oluşturabilirsiniz.  W3Schools.com ‘dan yapacağım bu çeviriler ile HTML’yi kolaylıkla öğrenebileceksiniz. HTML’nin öğrenmesi kolaydır ve zevkli bulacaksınız bu dili.

Başlangıç olarak bilgi; çevirileri(başlıklar hariç) çift tırnak içinde göstereceğim. Kendi yazdıklarım normal yazı olarak kalacak. Anlatacaklarımı uygulayabilmeniz için ilk önce klasör seçeneklerini bulmanız ve klasör uzantılarını göster halini seçmelisiniz. Ardından istediğiniz bir alanda(mesela masaüstünde) bir klasör açın web ismini verin. Klasörün içine girin(fare ile çift tık). Fare ile sağ tuş tıklayın ve metin belgesi(yeni metin.txt diye yazar) dosyasını oluşturun. Biz bu yeni metin.txt dosyası ile HTML dosyalarımızı oluşturacağız. Yeni metin.txt dosyasını açın ve farklı kaydete tıklayın. Açılan pencerede isim kısmına index.html yazın ve kaydedin web klasörümüzün içine. index.html klasörüne çift tıklayın ve browser(chrome, firefox, opera, internet explorer gibi)’da görebilelim. Artık web klasörümüzün içinde yeni metin.txt ve index.html adlı iki dosya olacağını biliyorsunuz ve artık hazırsınız. Bunu hazırlayamadıysanız bile, örnekleri uygulayabilmeniz için W3Schools‘taki metin editörünü paylaşmış olacağım. Sol taraftaki verileri silip, etiketleri(anlatacağım) yazarsınız ve edit and click me yazan yere basarsınız sağ tarafta da web sayfasının durumunu görebilirsiniz böylece. Bu benim ilk çalışmam. Umarım hepimize yararlı olur. Anlaşılmayan yerleri yorum olarak yazabilirsiniz/sorabilirsiniz. Kolay gelsin.

Html Dersleri, 1.bölüm

HTML nedir?

HTML web sayfalarını tanımlayan bir dildir. HTML’nin açılımı Hyper Text Markup Language’dir. Yani; geniş, text, işaretleme dili… HTML programlama dili değildir. Yalnızca işaretleme dilidir(. İşaretleme dili, işaretleme etiketleri(tags) kümesidir. HTML web sayfalarını tanımlamak için işaretler kümesini kullanır.

HTML etiketleri

HTML işaretleme etiketleri genel olarak HTML etiketleri diye kullanılır. HTML etiketleri sözcük gruplarıdır ve etraflarında çift taraflı parantez vardır.

<html> bu örnekte olduğu gibi.

HTML etiketleri genel olarak çift olarak gelir.

<b> </b> gibi.

İlk gelen etiket başlangıç etiketi, ikincisi ve / olan son etikettir. Aynı zamanda açılış(ilk) ve kapanış(son) etiketleri de denir.

Continue reading
by
« Önceki sayfa