HTML DERSLERİ – Ahmet Cansever
Pazartesi , 18 Aralık 2017
Anasayfa » HTML DERSLERİ

HTML DERSLERİ

CSS Border (Kenarlık) Özellikleri

CSS kenarlık özelliklerini kullanarak, öğenin kenarlık stilini, genişliğini ve rengini belirleyebiliriz. Hangi kenarlık sitilinin görüneceğini border-style özelliğini kullanarak belirleyebiliriz.

Devamını oku »

HTML Resme Link Verme

Daha önceki yazılarımızda HTML’ de Link Verme konusu hakkında bilgi vermiştik. Bu örneğimizde ise sayfamıza eklemiş olduğumuz bir resme nasıl bağlantı verebileceğimizi göreceğiz. Aslında bu işlemin yazılan bir metne bağlantı vermeden pek bir farkı yoktur. Yapılması gereken sadece metin yerine <img> etiketi kullanarak sayfamıza bir resim eklemektir. Örneğimize geçelim.

Devamını oku »

HTML Sayfa İçi Bağlantı (Link) Ekleme

Sayfa içi bağlantılar uzun metinlerden oluşan web sayfalarında sayfa içerisinde hızlı bir şekilde konumlanmayı sağlamak için kullanılmaktadır. Örnek olarak bir kitabı düşünebiliriz. Ziyaretçi sayfamızda kitabın içindekiler bölümüne bakarak istediği konuyu seçebilir ve tıkladığı bölüme kolay bir şekilde kaydırma çubuklarına gerek kalmadan ulaşabilir.

Devamını oku »

HTML Bağlantı (Link) Ekleme

HTML de <a> etiketi kullanılarak web sitesi içinde farklı sayfalara, harici web sitelerine, dosyalara yada sayfa içinde belirlenen bir alana bağlantı oluşturulabilir. <a>..</a> etiketinin en temel kullanımı aşağıdaki gibidir.

Devamını oku »

HTML Form Elemanları

Bu yazımızda HTML‘ de Form elemanlarını görerek Form etiketlerinin kullanımı ile ilgili bazı örnekler gerçekleştireceğiz. HTML‘ de kullanıcıdan giriş almak için kullanılan formları oluşturmak için aşağıdaki etiketleri kullanırız.

Devamını oku »

HTML Biçimlendirme ve Metin Düzenleme Etiketleri

Bu yazımızda HTML ile metin düzenleme etiketlerinin kullanımını göreceğiz. Metin düzenlemede kullanılan H1, H2, H3, H4, H5, H6, p, b, i, sup, sub,  nbsp, br, hr, strong, em, blockquote, s etiketlerinin ne işe yaradığını ve örnek kullanımını yazının devamında bulabilirsiniz.

Devamını oku »

Harici CSS Kullanımı

Bu yazımızda CSS kullanım alanlarından Harici stil kullanımını göreceğiz. 1- Harici  CSS Stilleri (External CSS Style) : Genellikle .css uzantısını kullanan harici dosyalardır.  Sityede head bloğu içerisinde link etiketi yardımıyla çağırılır. HTML kısmı ile CSS kısmını birbirinden tamamen ayırmış oluruz. Sayfalarımızın okunaklılığı ve yönetilebilirliği maksimum düzeye çıkacaktır. Bu nedenle en çok tercih edilen yöntemdir.

Devamını oku »

Dahili CSS Stilleri ve Kullanımı

Dahili CSS Stilleri (Internal CSS Style) :  Dahili stil kullanımı (Internal Style Sheet) olarak da adlandırılır. CSS kodumuz sayfamızın <head> kısmında, <style>…</style> etiketi içinde yer alır. Kısmen de olsa HTML ve CSS kodumuzu birbirinden ayırmış oluruz. CSS kodları HTML kodları içerisinde kullanıldığından bu stil türüne Gömülü CSS Stilleri’ de denir. Aşağıda Dahili kullanıma örnek görüyoruz. [crayon-5a382657a98a8351858860/] h3 etiketine ortaya hizalama,yazı …

Devamını oku »

CSS Arkaplan Resmini Tam Ekran Yapma

Bu örneğimizde CSS kullanarak sayfamızda belirlediğimiz arkaplan resminin tam ekran olarak ayarlanmasını sağlayacağız. Örneğimizde “İstiklal Marşı” nı kullanacağız ve arka planda bir Türk Bayrağı ayarlayacağız. Ayarladığımız bu resmin kaydırma çubuklarıyla sayfanın aşağı ve yukarı hareket ettirildiğinde sabit olarak kalmasını sağlayacağız. Örneğimizde bayrak.jpg isimli resmi kullanacağımızdan sizde aynı örneği yapacaksanız bu isimde resmi çalıştığınız klasöre kopyalamanız gerekecektir.

Devamını oku »

CSS ve DIV Kullanarak Web Sayfası Örneği -3-

Html ve CSS kullanımını gösteren basit bir Web Sayfası tasarımı örneği. Örneğin içerisinde yatay menü kullanımı, liste kullanımı ve CSS ile bazı biçimlendirmeleri inceleyebilirsiniz. Sayfa tasarımı ve HTML ve CSS dosyasına ait kodlar aşağıdaki gibidir.

Devamını oku »

HTML Tablo İçine Form Ekleme

HTML ile oluşturulan formun tablo içine yerleştirilerek daha düzenli görünmesini sağlayabilirsiniz. Aşağıda ” Tablo İçine Form nasıl Yerleştirilir? ” bunu göreceğiz.

Devamını oku »
Wordpress Tema indir