43 – Html Anlamsal Öğeler – Semantic Elements Anlamsal öğeler web sayfamızın bölümleri ile ilgili bilgi veren, bir anlam ifade eden html elemanlarıdır. Web sayfamızda Semantic Elemanları kullanmak faydalıdır. Arama motorları sayfamızı indekslerken bu bölümün ne ile ilgili olduğunu anlayacaktır. Html Anlamsal (semantic) Elemanlar Neler? <article> <aside> <details> <figcaption> <figure> <footer> <header> <main> <mark> <nav> […]
42 – Html Sayfasında Kod Kullanımları Html web sayfamızda kısa kodlar yazabiliriz. Tarayıcımızın bunu anlaması için <code>, <kbd>, <samp>, <var> gibi etiketleri kullanabiliriz. Html <code> Etiketi code etiketi ile html sayfasında bir kodu yazıp gösterebiliriz. Tarayıcı bunun bir kod olduğunu anlayacaktır ve yorumlamadan olduğu gibi gösterecektir. Kafası karışmayacaktır. Örnek Yukarıdaki şekilde yazdığımızda tarayıcı bunları yan
41 – Html Head Elemanı <head> öğesi <html> etiketinden hemen sonra açılır ve <title>, <style>, <meta>, <link>, <script>, <base> ‘in kapsayıcı öğesidir. Html <title> Etiketi title web sayfasının başlığını tanımlar. title açılan web sayfasının en üst kısmında veya sekmesinde gözükür. Arama motorları bu başlığı sonuçlarda listeler. Örnek Kullanımı <title>Html Dersleri </title> Örnek Html <style> Etiketi Html head içerisinde tanımlanan
40 – Html Dosya Yolu Dosya yolu sayfamızın, resmimizin veya bir dosyamızın nerede bulunduğunun bilgisini verir. Örnek olarak bir stil dosyamızın yolu, javascript dosyamızın yolu, bir resmimizin yolu veya bir video, başka bir web sayfasının yolu olabilir. Dosya yolu nasıl gösterilir? Kullanım Açıklama <img src=”resim.png”> resim.png dosyası geçerli sayfa ile aynı yerde bulunuyorsa <img src=”resimler/resim.png”>
39 – Html Javascript Kullanımı Javascript html sayfalarımızı dinamik, daha etkileşimli hale getiren, tarayıcı tarafında çalışan bir yazılım dilidir. Harici bir javascript dosyası yazabileceğimiz gibi html sayfası içerisinde javascript betikleri kullanmak için <script> etiketi kullanırız. Javascript web sayfası tarayıcıda yüklenirken tarayıcı tarafında çalışır. javascript sayesinde html öğelerine ulaşıp daha interaktif ve kullanıcı etkileşimli bir sayfa
38 – Html Stilleri CSS CSS Nedir? CSS açılımı cascading style sheet ‘in kısaltmasıdır. Türkçe olarak basamaklı sitil sayfası anlamına gelmektedir. CSS ile web sayfasını biçimlendirmek için kullanılır. Web sayfamızın görsel olarak tasarımını değiştirebiliriz. Örneğin yazı boyutu, rengi, şekli, yerleşimi, cihaz türüne göre farklı görünüm gibi birçok özelliği ile göze hoş görünen bir web sayfası
37 – Html iframe Kullanımı iframe bir web sayfası içerisinde başka bir web sayfası gösterilir. iframe başlangıç etiketi içerisinde src attribute ile gösterilmek istenen web sayfasının yolu yazılır. Yine iframe başlangıç etiketi içerisinde width ile genişlik, height ile yükseklik belirtilebilir. iframe başlangıç etiketi içerisinde tanımlanan title, iframe’in ne hakkında olduğu bilgisini sağlar. Örnek Kullanım: Aşağıda
36 – Html id Attribute identity nin kısaltması olan id kimlik anlamına gelmektedir. id html öğelerine benzersiz bir kimlik sunar. Tanımlanan bir id başka bir html öğesi için tanımlanamaz. Sadece bir tane olur ve tanımlandığı öğeyi temsil eder. id kullanarak html öğelerine stil verebiliriz. Yine id ile html öğesine erişmek javascriptte yoğun bir şekilde kullanılır.
35 – Html Sınıf Kullanımı – Class Attribute Class attribute genelde html öğelerine stil, tasarım eklemek için kullanılır. Bu sayede istediğimiz html öğesini özelleştirebiliriz. Birden fazla html öğesine aynı class ismi verilebilir. Bu sayede toplu bir düzenleme şansımız olur. Yine bir html öğesine birden fala class tanımlayabiliriz. Class attribute html öğesinin başlangıç etiketi içerisinde tanımlanır.
34 – Html inline elemanlar Html inline elemanlar içeriği kadar yer kaplar ve yanına başka bir html elemanı gelebilir. Satırı tamamen kaplamazlar. En çok kullanılan inline elemanlar <a> ve <span> ‘dır. Örnek Html inline elemanlar neler? <a> | <abbr> | <acronym> | <b> | <bdo> | <big> | <br> | <button> | <cite> | <code>
