HTML Eğitimi

Temel HTML eğitimini örneklerle, görsel bir şekilde ve tamamen ücretsiz öğrenebilirsiniz.

HTML Eğitimine Giriş

HTML eğitimine giriş, temel HTML bilgisi edinmek isteyenler için tasarlanmış bir rehberdir. HTML’nin temeliyle başlayarak geliştirebilirsiniz. HTML, Web sayfaları oluşturmak için standart biçimlendirme dilidir.

HTML Linkler

Linkler neredeyse tüm web sayfalarında bulunur. Linkler yani bağlantılar, kullanıcıların sayfadan sayfaya tıklamalarına ve web sitesini gezmelerine olanak tanır. HTML Links – Hyperlinks (Bağlantılar – Köprüler) HTML Bağlantıları köprülerdir. Bir bağlantıya tıklayıp başka bir belgeye geçebilirsiniz. Fareyi bir bağlantının üstüne getirdiğinizde fare oku küçük bir el simgesine dönüşecektir. (CSS üzerinden düzenlenmediği sürece) NOT: Bir bağlantının…

HTML Listeler

HTML listeleri, bir dizi ilgili ögenin listelerde gruplamasına olanak sağlar. HTML Sırasız Liste Sırasız bir liste <ul> etiketiyle başlar. Her liste öğesi <li> etiketiyle başlar. Liste öğeleri varsayılan olarak madde işaretleri (küçük siyah daireler) ile işaretlenecektir: HTML Sıralı Liste Sıralı bir liste <ol> etiketiyle başlar. Her liste öğesi <li> etiketiyle başlar. Liste öğeleri varsayılan olarak…

HTML Varlık Karakterleri

HTML’de ayrılmış karakterler bulunur. Bu karakterler varlıklarıyla değiştirilmektedir. HTML Karakterler Bazı karakterler HTML dili için ayrılmıştır. Metin içerisinde küçüktür (<) veya büyüktür (>) işareti kullanmanız durumunda tarayıcı bunları etiket kapatıcı olarak algılayabilir. Burada devreye HTML karakter varlıkları devreye girer. Karakter varlıkları aşağıdaki şekilde görünür. Örneğin küçüktür işaretini (<) görüntülemek için &lt; veya &#60; yazılmalıdır. Varlık…

HTML Audio

HTML <audio> etiketi bir web sayfasında ses dosyasını oynatmak için kullanılır. HTML <audio> Etiketi HTML’de bir ses dosyası oynatmak için <audio> etiketi kullanılır. HTML Audio Nasıl Çalışır? Controls özelliği oynatma, duraklatma ve ses seviyesi gibi ses kontrolleri ekler. <source> etiketi, tarayıcının seçebileceği alternatif ses dosyalarını belirtmenize olanak tanır. Tarayıcı ilk tanınan formatı kullanacaktır. <audio> ve…

HTML Editörleri

HTML öğrenmek için ihtiyacınız olan tek şey basit bir metin düzenleyicisidir. Notepad veya TextEdit Kullanarak HTML Öğrenin Web sayfaları profesyonel HTML editörleri kullanılarak oluşturulabilir ve değiştirilebilir. Ancak başlangıçta HTML öğrenmek için Notepad (PC) veya TextEdit (Mac) gibi basit bir metin düzenleyiciyi kullanmanızı öneriyoruz. Çünkü basit editörlerin hiç birinde kod tamamlama özelliği yoktur. Dolayısıyla bütün kodları…

HTML Linkleri Farklı Renk Yapma

Bir HTML bağlantısı ziyaret edilmiş, ziyaret edilmemiş veya aktif olmasına bağlı olarak farklı bir renkte görüntülenir. HTML Link Renkleri Varsayılan olarak şu şekilde bir bağlantı görünecektir (tüm tarayıcılarda): Bağlantı renklerini CSS kullanarak değiştirebilirsiniz: Aşağıdaki örnekte ziyaret edilmemiş bir bağlantı, altı çizili olmadan yeşil renkte olacaktır. Ziyaret edilen bir bağlantı, altı çizili olmadan pembe renkte olacaktır….

HTML Sırasız Listeler

HTML’de sırasız liste oluşturmak için <ul> etiketi kullanılır. Bu etiket madde işaretli bir liste tanımlar. Sırasız Listeler Sırasız liste <ul> etiketiyle başlar ve her ögesi <li> etiketiyle gösterilir. Listenin ögeleri varsayılan olarak madde işaretleriyle gösterilir. Sırasız Listelerde İşaretçi Seçimi CSS list-style-type özelliği ile liste işaretçisinin stilin tanımlamak ve düzenlemek mümkündür. list-style-type aşağıdaki değerleri alır. Değer…

HTML Semboller

Klavyenizde bulunmayan semboller de varlıklar kullanılarak eklenmekte. HTML Sembol Varlıkları HTML varlıkları önceki bölümde anlatmıştık. Pek çok matematik, teknik ve para birimi simgesi normal bir klavyede bulunmuyor. Bu tür sembolleri bir HTML sayfasına eklemek için, sembol için varlık adını veya varlık numarasını (ondalık veya onaltılık) kullanabilirsiniz. Aşağıdaki örnekte € (euro) simgesinin farklı şekillerde nasıl eklendiğini…

HTML Plug-ins (Eklentiler)

Eklentiler, tarayıcının standart işlevselliğini genişleten bilgisayar programlarıdır. Plug-ins Eklentiler birçok farklı amaç için kullanılmak üzere tasarlanmıştır: DİKKAT ! Çoğu tarayıcı artık Java Uygulamalarını ve Eklentilerini desteklememektedir. ActiveX denetimleri artık hiçbir tarayıcıda desteklenmemektedir. Modern tarayıcılarda Shockwave Flash desteği de kapatıldı. <object> Etiketi HTML <object> etiketi tüm tarayıcılar tarafından desteklenir. <object> etiketi , bir HTML belgesi içindeki…