Yazılım

HTML Dersleri 15 HTML 5 Media Etiketleri

YENİ ETİKETLER VE ANLAMSAL WEB HTML 5 ile gelen ActiveX, Flash Player, Quicktime gibi web eklentilerine ihtiyaç duymadan ses ve video gibi medya dosyalarımızın oynatılabildiği etiketlerdir. HTML 5 öncesi HTML versiyonlarda hatırlarsanız sayfamıza video eklediğimizde, eklediğimiz bu videoyu tarayıcımıza flash player eklentisi kurmadan çalıştıramazdık. HTML 5′ de video eklemek çok kolay hale getirilmiş. Medya Etiketleri HTML 5, herhangi bir eklentiye …

Read More »

HTML Dersleri 14 Yeni Veri Giriş (Input) Tipleri ve Form Özellikleri

Bir önceki konuda HTML 5 ile gelen yeni etiketlerden bahsettik. Bu dersimizde de yeni veri giriş tiplerini ve yeni gelen form özelliklerini inceleyeceğiz. Yeni Veri Giriş (Input) Tipleri ve Form Özellikleri HTML 5′ den önceki versiyonlarda veri giriş (input) tipi olarak “text”, “button”, “submit” vb. birkaç veri tipi akla geliyor. HTML 5′ de ise web programlamada ihtiyacımız olan renk, tarih, …

Read More »

Ders 13 HTML Dersleri Yapısal HTML 5 Etiketleri

Bu dersimizde HTML 5 konusuna giriş yapıyoruz. Bu dersimizden itibaren HTML 5 ile gelen yeni etiketleri örnekleri ile inceleyeceğiz ve uygulayacağız. İlkokuldan beri öğretilen kompozisyon yapısında bir kompozisyonun giriş, gelişme ve sonuç bölümü bulunmaktadır. Kompozisyon modeli web sayfaları için de geçerlidir dersek yanlış bir ifade olmaz. HTML 5′ in yapısal etiketlerinden önce header, content ve footer bölümleri div etiketlerinin id‘ …

Read More »

HTML Dersleri 12 Font Elementi

FONT TİPLERİ VE KULLANIMI <font> etiketi HTML dilinde yazı tipi ve rengini değiştirmeye olanak sağlar. <font> etiketi üç temel niteliğe sahiptir. Bunlar sırasıyla size (boyut), color (renk), face (font tipi) adlarına sahiptirler. Sayfa boyunca herhangi bir yazı tipinin özelliğini değiştirmek için <font>  etiketini kullanmanız yeterlidir. Burada önemli olan şudur: siz </font> etiketiyle kapamadığınız sürece tüm yazılı metin sizin belirttiğiniz boyut, renk …

Read More »

HTML Dersleri 11 Renkler

HTML RENKLER Renkler Kırmızı (Red), Yeşil (Green) ve Mavi (Blue) “ışık” renklerinin kombinasyonu ile oluşturulur. Işık renklerinde ana renkler kırmızı yeşil ve mavidir. RENK DEĞERLERi HTML renkleri hexadecimal değerler ile RGB (red green blue) kombinasyonu ile belirtilebilir. En düşük değer 0 (hex #00) ve en yüksek değer de 255’tir (hex #FF). W3C, 16 tane geçerli renk ismi vermiştir: Bunlar; aqua, black, blue, fuchsia, …

Read More »

HTML Dersleri 10 Özel Karakterler

HTML ÖZEL KARAKTERLER HTML içinde bazı karakterler (“<” gibi) kaynak kodlarda yazılarak ekranda görüntülenmesi sağlanamaz.  Bu tip karakterleri görüntüleyebilmek için bazı özel karakterler kullanılır. ÖZEL KARAKTERLER Bir özel karakter üç kısımdan oluşur: bir ampersand (ve) (&) işareti, bir belirtgeç ismi yada # işareti ile beraber ASCII kodu, ve son olarak noktalı virgül(;) şeklinde oluşur. HTML dökümanı içinde bu tip karakterleri görüntülemek …

Read More »

HTML Dersleri 9 Formlar

FORMLAR HTML formları, ziyaretçilerden bilgi almak için kullanılan en önemli bileşendir. Günlük hayatta üyelik, kayıt yapma, arama, ilan verme, e-posta adresini kontrol etme gibi birçok işlem  sırasında HTML formlar ile karşılaşırız. Formlar, çeşitli biçimlerde bilgi almayı sağlayan birçok bileşene sahiptir. Bunlardan en çok kullanılanları metin kutusu, açılan liste, seçenek düğmesi ve onay kutusu olarak verilebilir. METİN ALANLARI <form>, <label> ve …

Read More »

HTML Dersleri 8 Listeleme İşaretleri

LİSTELEME İŞARETLERİ Bu etiketler liste oluşturmak için kullanılır. <ol> dilimizde “sıralı liste” anlamına gelen ordered list kelimelerinin kısaltmasıdır. Sıralı liste oluşturmamıza yarar. <ul> ise dilimizde “sırasız liste” anlamındaki unordered list kelimelerinin kısaltmasıdır. Sırasız liste oluşturmamızı sağlar. <li> ise “liste elemanı” nın kısaltması olan list item kelimelerinin baş harflerini simgeler. Sıralı ya da sırasız listelerdeki elemanları <li> etiketinin içine yazarız. <ul> …

Read More »

HTML Dersleri 7 Çerçeveler (Frames)

Çerçeveler (Frames) Çerçeveler bir web tarayıcı web penceresini yatay ve dikey bölerek birden fazla HTML pencereyi tek bir pencerede görüntülemeyi sağlar.  Çerçevelerin en büyük avantajı web tarayıcı penceresinin tamamının her seferinde tekrar yüklenmesinin yerine sadece belirli bir penceresinin yenilenebilmesine olanak sağlar. Her HTML dökümanı bir çerçeve (frame) ve her çerçeve birbirinden bağımsız olur. Çoğunlukla sağ, sol veya üst bölüme menü …

Read More »

HTML Dersleri 6 Tablolar

TABLOLAR Bu dersimizde “tablolar” konusuna giriş yapacağız. Temel etiketlerini öğrendikten sonra çok basit örnekler ile tabloları kavrayacağız. Tablolar, Microsoft Excel programdakine benzer bir şekilde hücrelerden oluşan ögelerdir. HTML dilinde tablolar sadece bilgilerin sunumu için değil, aynı zamanda web tasarımında da kullanılır. Çünkü HTML dilinde bir web sayfasının istediğiniz bir koordinatına istediğiniz bir ögeyi yerleştirmek genellikle zor ve zahmetlidir. Bu durumda …

Read More »