HTML Listeleme Etiketleri

Sevgili Arkadaşlar, Bu derste HTML’de listeleme etiketleri konusunu ele almak istedim. HTML tag’ları kullanarak sayfa içerisinde otomatik olarak numaralandırılan ve sıralandırılan listeler hazırlamak çok kolaydır. Dokümanların göze hoş görünmelerini sağlamak amacıyla listeler yaygın olarak kullanılır. HTML, pek çok liste çeşidini destekler. Bizim Html’de Kullandığımız Listeleme Etiketleri;, *Ol *Ul *Li etiketleridir. Sizlere Bu Etiketlerden İlk Olarak […]

Web Site Arkaplanında Video Oynatmak

Merhaba Arkadaşlar, Size bu sıralar pek çok sitede kullanılan bir çalışmadan bahsedeceğim. Bazı sitelerde web sayfaların arka planında ekranı kaplayan videolar bulunmakta ve bunun üzerinde ise site inşaa edilmektedir. Yani arka planda video oynatılırken sitenin diğer materyalleri (butonlar, resimler, yazılar vs.) bu videonun üzerinde bulunmaktadır. İşte bugün bu konudan sizlere bahsedeceğim. İnşallah beğenirsiniz. Size kendi […]

HTML: center Tag Kullanımı

<center> Tag’ı HTML merkez anlamına gelmektedir.<center> kullanımı ise yazı metin <center> tag’ın içerisindeki verileri sayfa içerisinde ortalama özelliği uygulamaktadır. Kısa tanımlarsak <center> ortalama kodu olarak tanımlanır. Örnek: <!DOCTYPE html> <html> <body> <p>pcbılkent</p> <center>Ne yapabileceğini göster!</center> <p>pcbılkent</p> </body> </html> Çalışmalarınızda Başarılar Dilerim

HTML: acronym Tag Kullanımı

<acronym> tag’ı HTML kısaltma olarak kullanır.<acronym> Kurum ve Kuruluşlarının adları kısaltma olarak belirtirken <acronym> tag’ı kullanılır. Kod: <acronym> Örnek: <!DOCTYPE html> <html> <body> <acronym title=”Türkiye Büyük Millet Meclisi”>TBMM</acronym><br> <acronym title=”Türkiye Cumhuriyeti”>TC</acronym> <acronym title=”Hyper Text Markup Language”>HTML</acronym> </body> </html>  

HTML

HTML Zengin Metin İşaret Dili (İngilizce Hyper Text Markup Language, ks. HTML) günümüzde İnternet üzerinde veri paylaşımı için kullanılan en yaygın metin tabanlı dildir. Dilin son sürümü HTML5’tir. HTML, bir programlama dili olarak tanımlanamaz. Zira HTML kodlarıyla kendi başına çalışan bir program yazılamaz. Ancak bu dili yorumlayabilen programlar aracılığıyla çalışabilen programlar yazılabilir. Programlama dili denilememesinin nedeni tam olarak budur. Temel gereği […]

Site İçerisinde PDF ve Dosya Görüntüleme

Uygulama: İndex.html <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> <html xmlns=”http://www.w3.org/1999/xhtml”> <head> <meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ /> <title>Site İçerisinde PDF ve Dosya Görüntüleme</title> </head> <body> <!– Bağlantı –> <a href=”http://docs.google.com/viewer?url=http%3A%2F%2Fwww.zafer.org.tr%2Fdownloads%2Fdestekler%2Fhazine_tesvikler.pdf”>SanalKurs</a> <!– Farklı sayfada dosyamızın görüntülenmesi.–> <!– Gömülü Kod –> <iframe src=”http://docs.google.com/viewer?url=http%3A%2F%2Fwww.zafer.org.tr%2Fdownloads%2Fdestekler%2Fhazine_tesvikler.pdf&embedded=true” width=”600″ height=”780″ style=”border: none;”></iframe> <!– Sayfamızın içerisinde görüntülemek için kullandığımız kod.–> </body> </html>

Arkaplana Müzik Koyma

Merhaba Arkadaşlar Html de size çok basit ve güzel bir kod göstereceğim.Bu kodlarla sitenizin arkaplanına müzik koyabilir,müziği tekrarlayabilir yada müziğin sesini açıp kısabileceksiniz.Kodlar çok kısa ve akılda kalıcıdır.İlk önce web editörlerinizden yani frontpage,dreamweaver gibi programlarınızdan birtanesini açınız.Notebook,wordpad dosyasıda açabilirsiniz…Kodlamaya başlıyoruz Bu kodları forum sitenizin yada kendi yaptığınız sitenin body tagları arasına yapıştırmanız gerekiyor. <body> Vereceğim […]

E-Mail Kontrolü

Formdan gelen değerin e-mail olup olmadığını kontrol etmek HTML5 ile gelen bir özellikle çok basit hale geliyor. E-mail kontrolü HTML5 le gelen bir uygulama oluptype=”email” reguired=”reguired” komutuyla verilir. Yani type alanına text yazardık. E-mail sorgusu için type alanına email ve reguired=”reguired” komutuyla işlem bitiyor. placeholder=”E-posta” komutu, HTML5 le gelen bir uygulama. Formun açıklayıcısı işlemi görür. Formun içeriğinin […]

HTML: Form Elementleri

HTML formu metin alanları, onay kutuları, radyo düğmeleri, gönderme düğmeleri ve daha fazlası gibi girdi unsurları içerebilir. Bir form ayrıca, textarea, alan kümesi, efsane ve etiket elemanları seçin listeleri içerebilir. Form HTML kodumuz form Tagı ile kodlanır. Kod: <form> Kullanım: <form> Form Elementlerimiz, Eklenecek alan. </form> Form Veri Giriş Elamanı – İnput En önemli form elemanı inputunsurdur. input Elemanı kullanıcı […]

HTML Temel Terimler

Bu derste html’in temel terimlerini öğreneceğiz; <html> <head>… Bir kod, ters slash işareti (/) ile başlarsa kapatılıyor demektir. Örneğin; </html> Kodlara geçiyorum. <html> İlk ve temel etikettir. Sayfanın bir web sayfası olduğunun ispatıdır. Kapatılması gerekir.   <title> Başlık. Her sitenin bir başlığı olmalıdır. Bu etikete yazacağımız kelime veya kelimeler, tarayıcının sol üst köşesinde görünür. </title> ile kapatılması […]

HTML: input maxlength (Karekter Uzunluk Sınırlama)

HTML forumlarında sık kullanmakta olduğumuz özelliklerinden birisi ise maxlength (Karekter Uzunluk Sınırlama) özelliği bu özelliğimizi input içerisinde girilen rakam,harf bilgilerin sınırladığımız karakter kadar girilmesine izin vermektedir. Nerelerde Kullanılır: İletişim Formu Kullanıcı Formu Üye Paneli ve, Çalışmanıza uygun şekil de şekillendirerek kullanabilirsiniz. Kod: maxlength=”10″ Örnek: <!DOCTYPE html> <html> <body> <form action=”gonder.php”> Kullanıcı Adınız: <input type=”text” name=”kullaniciadi” maxlength=”10″><br> <input type=”submit” value=”Gönder”> […]

HTML: input disabled (Devre Dışı Bırakma)

HTML forumları birçok özelliği mevcuttur. Bu özelliklerden birisi sürekli olarak kullanarak formlarımızın işlevselliğini artırırız.Bu dersimizde ise input özelliğimizin veri girildikten sonra devre dışı bırakılmasını isteriz.Bu özelliği aşağıdaki ayrıntılarda anlatılan şekilde öğrenelim. Nerelerde Kullanırım: Kişi Bilgilerinde Üye Bilgileri Sipariş Forumu İletişim Formu ve. projenizin ve çalışmalarınızın görevi ve işlevine göre şekillendirebilirsiniz. Kod: 1.Yöntem disabled 2.Yöntem disabled=”disabled” […]