Top

etiket Tag

  • All
  • Dijital medya
  • Dijital reklam
  • Dijital strateji
  • Eğitim
  • Growth hacking
  • Haber
  • İnceleme
  • Kişisel
  • Kurumsal
  • Markalar
  • Medya
  • Rehber
  • Teknoloji

HTML5 hataları nasıl ayıklayacağının ve  nasıl tüm html elementlerini kullanıp kuralların kestiriminde bulunarak birlikte çalışabilirliği artırmakta ve geliştirme maliyetini azaltmayı hedeflemekte.

Yeni html5’in bazı özellikleri; ses, video, grafik, sunucu taraflı veri depolama ve interaktif belgeler için işlevler. Hatta nav, header, footer ve figure gibi elementler de içermekte.

HTML5 çalışma grupları AOL, Google, IBM, Microsoft, Mozilla, Nokia, Opera ve yüzlerce satıcıdır.

Not; HTML5 henüz bir W3C tavsiyesi değildir!

‘Yeni’ yazanlar HTML5’teki yeni elementlerdir.


Alfabetik olarak sıralanmış tüm HTML etiketleri, işte referans noktanız!;

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 denetim masasından 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 Çerçeveleri/Frames

Çerçevelerle daha doğrusu frame’ler ile,  bir tarayıcı penceresinde birden fazla html belgesi görüntüleyebiliyorsunuz. Çağırılan her bir html belgesi bir çerçeve olarak anılır, her bir frame(çerçeve) de diğerlerinden bağımsızdır.

Çerçeveleri kullanma neden avantajlı değildir;

  • HTML’nin ileri versiyonlarında destek bulamayabilir
  • Kullanımı zordur çünkü tüm sayfayı basmak zordur.
  • Web geliştiricisinin birçok HTML belgesini takip etmesi gerekir.

HTML, Frameset Elementi

Frameset elementi bir veya daha fazla frame elemanını tutar. Her bir frame elementi ayrı bir belgede tutulur.

Frameset elemanı frameset’te kaç tane sütun ve satır olacağını belirler ve kaçının ne kadar pixel ya da yüzdelik alan kaplayacağını belirler.

HTML, Frame Elementi

<frame> etiketi belirli bir pencereyi tanımlar bir frameset içinde.

Aşağıdaki örnekte 2 sütunlu bir frameset mevcut.

Birinci sütun tarayıcının %25’ini kaplıyor. İkincisi ise %75’ini kaplıyor. “frame_a.htm” birinci sütunda, “frame_b.htm” ise ikinci sütundadır.

Misal;

<frameset cols=”25%,75%”>
<frame src=”frame_a.htm” />
<frame src=”frame_b.htm” />
</frameset>

Not; frameset’in sütunlarının alanı yanı cols, piksel cinsinden de yazılabilir ve sütunlardan geriye kalan yıldız ile kalan alanı kaplaması sağlanabilir.  (cols=”200,500″) ve (cols=”25%,*”) gibi.

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 Elemanları(Elements)

HTML belgeleri HTML elemanları ile tanımlanır. Bir HTML Elemanı başlangıç(açılış) ve kapanış(son) tag’ı(etiket) olan her şeydir. Yani

<p>Artık bildiğiniz gibi bu paragraf etiketi ve bu yazı da eleman içeriği</p>

<a href=”default.htm”>Bu da bir link(bağlantı) ve bunu da öğrendiniz bir önceki derste ve bu yazı da eleman içeriği. Yani bağlantı olarak bu yazı gözükür.</a>

<br />

Çeviride gördüğünüz üzere bir açılış etiketi, eleman içeriği ve kapanış etiketi HTML elemanını oluşturmakta. İki etiket arası da html elemanının içeriği yer alır. br etiketinin öznitelikleri yoktur. Öznitelikler bir sonraki derste anlatılacaktır.

HTML Elemanı Söz dizimi

Bir HTML elemanı başlama(açılış) tag’ı(etiketi) ile başlar ve son(kapanış) etiketi ile biter. Eleman içeriği başlama ve kapanış etiketlerinin arasındaki herşeydir. Bazı HTML elemanlarının içeriği yoktur. Boş elementler, başlama etiketinde kapanır. HTML elemanlarının çoğunun öznitelikleri vardır.

 

Dediğim gibi br etiketi(satır atlamak için kullanılır) başlar ve başlama etiketinde bir boşluk ve / ile kapanır. Bu aslında HTML5 ile gelen bir özellik. Eskiden kapatmaya gerek duymazdık. XHTML’de zaten tüm açılan etiketler kapanmak zorunda. Öznitelikler bir sonraki dersin konusu, ama değinmem gerekirse, link vermek için kullandığımız <a href= ‘teki href bir özniteliktir. Ana dizin içindeki dosya yolunu gösterir.

İç içe(nested) HTML Elemanları(öğeleri, elements de denir)

HTML elemanlarının çoğu başka HTML elemanlarını içerebilir. HTML belgeleri iç içe HTML elemanlarına dayalıdır.

Bir HTML belgesi ve iç içe html elemanlarının örneği;

<html>

<body>

<p>Bu bir paragraf</p>

</body>

</html>

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.

Yine yazılı bir izin olmaksızın alıntı yapma yasağı var bu kitapta. Bu yüzden içeriğinden alıntı yapmadan anlatacağım ancak. Kitap; Dikeyeksen Yayıncılık tarafından basılmış, Şubat 2011 birinci baskısı.  Sayfa ve baskı kalitesi çok yüksek. 239 sayfa. Ertuğrul Haskan'ın özverili çalışması ile hazırlanmış. İlk baştaki yazma amacı herkesin...