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 »

HTML Dersleri 5 İçerik Biçimlendirme

İÇERİK BİÇİMLENDİRME Bu dersimizde yazdığımız bir içeriği nasıl biçimlendirebileceğimizi ve biçimlendirmede kullandığımız etiketleri öğreneceğiz. Metin biçimlendirme etiketleri kalın, italik, eğik şekilde yazmayı ve üst indis, alt indis gibi matematik ve fen alanlarında kullanılan çeşitli formülleri yazmanızı sağlayan etiketlerdir. Biçimlendirme etiketleri, Microsoft Word gibi kelime işlemci yazılımında yapılan biçimlendirmeleri HTML ile yapmamızı sağlar. Metin biçimlendirme etiketlerini üç başlık altında anlatacağım. Bu …

Read More »

Speedmeter (Hız Ölçer) Grafiği Nasıl Yapılır?

Merhaba Eğitim Kanalım Takipçileri; Bu dersimizde Microsoft Excel Dashboard raporlamada sıkça kullanılan bir o kadar da ilginç olan speedmeter Türkçe adı ile hız ölçüm grafiği nasıl yapılır? konusunu anlatacağım. İki veya daha fazla grafiğin birleşimi ile biraz da uğraştırıcı bu grafik türünü raporlarınızda kullanabilirsiniz. Dilerseniz bu derse ait konu altında bulunan videoyu da izleyebilirsiniz. Sözü fazla uzatmadan dersimize başlayalım. Microsoft …

Read More »

HTML Dersleri 3 HTML 5 Dökümanı Oluşturalım

HTML 5 NEDİR? HTML5 web tasarım temel dili olan HTML ailesinin son üyesidir. Bundan önce birçok sürümü bulunan HTML, beşinci sürümü ile bambaşka bir hal almıştır. HTML giderek gelişti ve yıllar geçtikçe CSS yeni özellikleri ile birlikte 4. versiyona kadar yükseldi. HTML her ne kadar yeterli gibi görünse de CSS ile yazılan çoklu kodlar hatalara neden oluyordu ve bunun önüne …

Read More »

HTML Dersleri 2 HTML Döküman Yapısı

HTML DÖKÜMAN YAPISI HTML etiketleri, doküman içerisinde ağaç yapısına benzer şekilde dizilirler. Bütün HTML dökümanlarında temel elementler bulunmaktadır. Bunlar DOCTYPE, html, head ve  body elementleridir. Yani kabaca aşağıdaki kod bloğundaki bir yapı bir HTML belgesinin temelini oluşturur. Bu elementlerin her biri bir HTML dökümanında spesifik bir role sahiptir. Örneğin DOCTYPE elementi internet tarayıcılarına bu belgenin bir HTML belgesi olduğunu belirtir. Burada HTML …

Read More »

HTML Dersleri 4 Temel HTML Etiketler

TEMEL ETİKETLER BAŞLIKLAR Başlık İngilizce ‘de heading kelimesine tekabül eder.  Başlıklar <h1> ve <h6> dahil olmak üzere aradaki tüm rakamlar kullanılarak tanımlanabilir. başlık etiketleri önem derecesine göre başlık oluşturulmasını sağlar. En önemli başlık etiketi olan <h1> etiketi varsayılan olarak en büyük punto ile gösterilen etikettir. <h2>, <h3>, <h4>, <h5> ve <h6> etiketleri ise önem derecelerine göre gittikçe küçülerek gösterilir., <h6> …

Read More »