HTML Dersleri #10 | iFrame ve Video ile Çalışmak
Iframe Temel HTML derslerimizin sonuncusunda <iframe></iframe> etiketini kullanmayı, hem iframe etiketi ile hemde video etiketlerini kullanarak sayfamızda video görüntülerin nasıl eklenebileceğini öğreneceğiz. iframe etiketi kendi html sayfamızın içinde bir başka sayfanın gösterilmesi için kullanılır. Daha iyi anlaşılması için şöyle bir örnek verirsek; bir hava durumu yayını yapan sayfayı kendi sayfanızın bir bölümünde gösterebilirsiniz. Bunun için […]
HTML Dersleri Ders#9 | Form İşlemleri
HTML’de Form İşlemleri Fieldset ve Legend Etiketleri Form içeriğinin güzel gözükmesi için <fieldset></fieldset> etiketlerinin kullanımından ve görünümünden bahsedecek olursak, görsel bir alan bir çerçeve oluşturur. Genellikle formlarda kullanılmalarına rağmen birçok farklı noktada kullanıldığını görebilirsiniz. <legend></legend> etiketi de fieldset etiketine başlıklı bir görünüm kazandırır. Aşağıdaki örneği kendi editörünüze ekleyerek kontrol edebilirsiniz. Form Etiketi <form></form> Dinamik sayfaların […]
HTML Dersleri Ders#8 | Resimlerle Çalışmak
Resim (Image) Etiketi Kullanımı HTML ile web sayfalarımıza fotoğraf eklemek için image <img> etiketi kullanılır. <img> etiketi eklenecek resmin yolunu belirtmek için src özelliğini alır. Src özelliğine verilecek değer ya bir URL’e ait olabilir veya kendi hosting’inizin klasör yapısı içindeki bir resim dosyası olabilir. Ayrıca verilecek bir alt (alternatif text) özelliği ve alacağı string bir […]
HTML Dersleri Ders#7 | Tablo İşlemleri
Tablo İşlemleri Bu dersimizde basit HTML’de tablo işlemlerini gerçekleştireceğiz. Tablomuzu ve sınırlarını yaratmak için <table></table> etiketlerini kullanıyoruz. Tablomuz ile ilgili tüm işlemler bu etiketleri içinde gerçekleşecek. Tablomuzu oluşturmak için öncelikle ilk satırımızı oluşturacağız. Tablomuz içerisine satır açmak için <tr></tr> (table rows) etiketini kullanıyoruz. Her bir satır içindeki sütün işlemlerini bu satır açma etiketi içinde gerçekleştireceğiz. […]
HTML Dersleri Ders#6 | Bağlantılar ve Linkler
Bağlantılar ve Linkler Linkler ve bağlantılar HTML kodlarının ve dolayısıyla web sayfalarındaki olmazsa olmazlardır. Düşününki bir mouse veya günümüzde touch screen aygıtlardan gördüğünüz web sayfası üzerindeki herhangi bir yerlere tıklayarak internette web sayfaları arasında geziniyoruz. İşte burada tıklama/clickleme işlemi ile bir bağlantıdan diğer bir bağlantıya oradan başka bir bağlantıya savrulup duruyoruz. HTML’de link ve bağlantılar […]
HTML Dersleri Ders#5 | Liste Etiketleri
Liste Etiketi / Lists Tag <li></li> etiketi ile basit listeleme yapar. Liste etiketi, içinde bulundukları sıralı listeler ve sıralı olmayan listelere göre önündeki şekil ve rakamlar değişiklik gösterebilecektir. Sıralı Listeler / Ordered List <ol></ol> etiketleri içine yazılan liste <li></li> etiketlerine 1.2.3.4 gibi sıra numaralı vererek yazılmasını sağlar. <ol> etiketine verilecek bir “type” özelliği ile bu […]
HTML Dersleri Ders#4 | HTML Karakter Biçim Etiketleri
Bu dersimizde genel HTML’de genel olarak kullanılan karakter ve biçim etiketlerini inceleyeceğiz. Kalın / Bold Etiketi; <b></b> etiketleri ile tanımlanır ve html kodlarındaki içerikler bu etiket içine alınırlarsa tarayıcı tarafından kalın/bold olarak yorumlanırlar. Aşağıdaki örnekte html etiketleri içerisinde gösterilmektedir. Örnek: Örnek Çıktısı: Paragraf içinde kalın kelimeleri kalın olarak gözükecektir. Güçlü / Strong Etiketi <strong></strong> etiketleri […]
HTML Dersleri Ders#3 | HTML Etiketleri Özellik ve Değerleri
HTML Etiketlerinin Yazım Şekli Html içinde <body> etiketinin içinde kullanılacak olan bütün html etiketleri bir özellik ve bu özelliğe ait değer taşıyabilir. Kısaca etiket kullanım şekli aşağıda olduğu gibidir. Etiketlerin özellikleri etiketin ne olduğuna göre değişiklik gösterir. <etiket özellik1=“değer1” özellik2=“değer2”> İçerik </etiket> Örnek verecek olursak; Örnek çıktısı; Adı : Yukarıdaki örneği incelediğimizde bir form […]
HTML Dersleri Ders#2 | Temel HTML Etiketleri
Bu yazımızda temel HTML etiketlerinden bahsedeceğim. Temel HTML etiketleri bir HTML dosyası kullandığınızda sürekli ve en çok kullanacağınız etiketleri derlemeye çalıştım. Yorum Satırları Bu dersimizde HTML’in yazılmasında en çok kullanılan temel etiketlere değinmek istedim. Öncelikler HTML kodları arasında yazdığımız kodlar çoğaldıkça her dosyayı açtığımızda ne yazmıştık şeklinde bocalarız, bu noktada imdadımıza yorum satırları yetişir. Her […]
HTML Dersleri Ders#1 | HTML’e Giriş
esencan.net’de ilk yazımız; herkese yararlı olması dileğiyle…! İlk dersimizde HTML’e giriş yapıyoruz. Tarayıcıların çalışma mantığı ve network nasıl çalışır bunu öğreniyoruz. Minik’te olsa bir network içindeki istemci ve sunucuların nasıl iletişim içinde olduğunu anlamak, kod yazmaya başlamadan önce yarar sağlayacağına inanıyorum. HTML yapımızı oluşturmak için öncelikle bize kolaylık sağlayacak editör bulma ile başlayalım. Biliyorsunuz ki […]
Son Yorumlar