HTML arşivleri - Teknokodi

Div Nasıl Ortalanır? 5 Farklı Yolla Div Ortalama

Ağu 14, 2024Ağu 14, 2024 Teknokodi

Div nasıl ortalanır? En iyi yazılımcıların bile yapamayıp google da arattığı bu ortalama olayı nasıl yapılır? İşte bu yazımızda 5 farklı yolla div ortalamayı göreceğiz. Ayrıca bu yöntemleri başka elemanları ortalamak için de kullanabilirsiniz. 1. Flexbox ile Ortalama Flexbox, içeriği hem dikey hem de yatay olarak ortalamanın modern bir yoludur: .container { display: flex; justify-content: center; align-items: center; height: 100vh; } Teknokodi 2. Grid İle Ortalama CSS Grid ile ayrıca içeriği ortalayabilir: .container { display: grid; place-items: center; height: 100vh; } Teknokodit 3. Mutlak Konumlandırma ile Ortalama Mutlak konumlandırmayı kullanarak…

Okumaya Devam Et

Emoji ile Etkileşimli Reaksiyon Oluşturma

Mar 25, 2024 Teknokodi

Sosyal mesyanın da etkisi ile kullanıcılar içeriklere duygusal tepki vermeye başladı. Artık bir resim, video, blog yazısı yada başka birşeyde bile kullanıcılar sevip sevmediklerini emoji ile reaksiyon göstererek belli ediyor. Bu yazımızda bizlerde basit ama eğlenceli bir emoji ile tepki veren butonlar yapacağız. HTML İlk önce kuullanıcılara göstereceğimiz emojilerin görsellerini HTML ile hazırlıyoruz. CSS HTML ile hazırladığımız içeriği CSS ile ekranımıza yerleştireceğiz. Burada sayfanın en altına ve ortasına container ımızı yerleştireceğiz ki üst kısımda sanki bir içerik var ve ona reaksiyon gösteriyoruz gibi dursun 🙂 CSS kısımlarını siz kendi projenize…

Okumaya Devam Et

HTML Etiketleri – HTML DOCTYPE Bildirimi

Eyl 30, 2022Eki 4, 2022 Teknokodi

Tanım ve Kullanım Tüm HTML belgeleri bir <!DOCTYPE> bildirimi ile başlamalıdır. Bildirim bir HTML etiketi değildir. HTML Doctype, tarayıcıya hangi belge türünün bekleneceği hakkında bir “bilgi” dir. HTML 5’te bildirim basittir: İpucu ve Notlar İpucu: <!DOCTYPE> bildirimi büyük/küçük harf duyarlı DEĞİLDİR. Tarayıcı Desteği Eleman Chrome Edge Firefox Safari Opera <!DOCTYPE> Evet Evet Evet Evet Evet Nitelikler – Global Nitelikler – Olay Nitelikleri – Örnekler HTML Eğitimine Devam Et HTML Nedir? HTML Etiketleri HTML Olay Nitelikleri HTML Nitelikleri Paylaş Takip Et Twitter Youtube Linkedin Instagram Google-play Eğitimin, Eğlencenin ve Haberin Sitesi TEKNOKODİ

Okumaya Devam Et

HTML Etiketleri – HTML HTML Etiketi (HTML Tag)

Eyl 30, 2022Eyl 30, 2022 Teknokodi

Tanım ve Kullanım <html> etiketi, bir HTML belgesinin kökünü temsil eder. <html> etiketi, diğer tüm HTML öğelerinin kapsayıcısıdır (<!DOCTYPE> bildirimi hariç). Not: Web sayfasının dilini belirtmek için her zaman <html> etiketinin içine lang özniteliğini eklemelisiniz. Bu, arama motorlarına ve tarayıcılara yardımcı olmak içindir. İpucu ve Notlar – Tarayıcı Desteği Eleman Chrome Edge Firefox Safari Opera <html> Evet Evet Evet Evet Evet Nitelikler Nitelik Değer Açıklama xmlns http://www.w3.org/1999/xhtml XML ad alanı özniteliğini belirtir (İçeriğinizin XHTML’ye uyması gerekiyorsa) Global Nitelikler <html> etiketleri ayrıca HTML’deki Global Nitelikleri destekler. Olay Nitelikleri – Örnekler HTML…

Okumaya Devam Et

HTML Etiketleri – HTML Head Etiketi (Head Tag)

Eyl 30, 2022Eyl 30, 2022 Teknokodi

Tanım ve Kullanım head öğesi, meta veriler (verilerle ilgili veriler) için bir kapsayıcıdır ve <html> etiketi ile <body> etiketi arasına yerleştirilir. Meta veriler, HTML belgesi hakkındaki verilerdir. Meta veriler görüntülenmiyor. Meta veriler genellikle belge başlığını, karakter setini, stilleri, komut dosyalarını ve diğer meta bilgileri tanımlar. Aşağıdaki öğeler <head> öğesinin içine girebilir: <title> (tüm HTML sayfaları için gereklidir) <style> <base> <link> <meta> <script> <noscript> İpucu ve Notlar – Tarayıcı Desteği Eleman Chrome Edge Firefox Safari Opera <head> Evet Evet Evet Evet Evet Nitelikler – Global Nitelikler <head> etiketleri ayrıca HTML’deki Global Nitelikleri…

Okumaya Devam Et

HTML Etiketleri – HTML Title Etiketi (Title Tag)

Eyl 30, 2022Eyl 30, 2022 Teknokodi

Tanım ve Kullanım title etiketi belgenin başlığını tanımlar. Başlık salt metin olmalıdır ve tarayıcının başlık çubuğunda veya sayfa sekmesinde gösterilir. HTML belgelerinde <title> etiketi gereklidir! Bir sayfa başlığının içeriği, arama motoru optimizasyonu (SEO) için çok önemlidir! Sayfa başlığı, arama sonuçlarında sayfaları listelerken sıraya karar vermek için arama motoru algoritmaları tarafından kullanılır. <title> öğesi: Tarayıcı araç çubuğunda bir başlık tanımlar Sık kullanılanlara eklendiğinde sayfa için bir başlık sağlar Arama motoru sonuçlarında sayfa için bir başlık görüntüler İyi başlıklar oluşturmak için bazı ipuçları: Daha uzun, açıklayıcı bir başlık seçin (bir veya iki kelimelik…

Okumaya Devam Et

HTML Etiketleri – HTML Body Etiketi (Body Tag)

Eyl 30, 2022Eyl 30, 2022 Teknokodi

Tanım ve Kullanım body etiketi, belgenin gövdesini tanımlar. <body> öğesi, başlıklar, paragraflar, resimler, köprüler, tablolar, listeler vb. gibi bir HTML belgesinin tüm içeriğini içerir. Not: Bir HTML belgesinde yalnızca bir <body> öğesi olabilir İpucu ve Notlar – Tarayıcı Desteği Eleman Chrome Edge Firefox Safari Opera <body> Evet Evet Evet Evet Evet Nitelikler – Global Nitelikler <body> etiketleri ayrıca HTML’deki Global Nitelikleri destekler. Olay Nitelikleri <body> etiketleri ayrıca HTML’deki Olay Niteliklerini de destekler. Örnekler HTML Eğitimine Devam Et HTML Nedir? HTML Etiketleri HTML Olay Nitelikleri HTML Nitelikleri Paylaş Takip Et Twitter Youtube Linkedin…

Okumaya Devam Et

HTML Etiketleri – HTML Header Etiketleri (Header Tags)

Eyl 30, 2022Eyl 30, 2022 Teknokodi

Tanım ve Kullanım header etiketleri HTML başlıklarını tanımlamak için kullanılır. <h1> den <h6> ya kadar başlık tanımı vardır. <h1> en önemli başlığı tanımlar. <h6> en az önemli başlığı tanımlar. Not: Sayfa başına yalnızca bir <h1> kullanın – bu, tüm sayfa için ana başlığı/konuyu temsil etmelidir. Ayrıca, başlık düzeylerini atlamayın – <h1> ile başlayın, ardından <h2> kullanın, vb. İpucu ve Notlar – Tarayıcı Desteği Eleman Chrome Edge Firefox Safari Opera <h1> – <h6> Evet Evet Evet Evet Evet Nitelikler – Global Nitelikler <h1> – <h6> etiketleri ayrıca HTML’deki Global Nitelikleri destekler.…

Okumaya Devam Et

HTML Eğitim Serisi – Giriş – HTML Nedir?

Eyl 15, 2022Eyl 15, 2022 Teknokodi

Merhaba arkadaşlar. Bu eğitim serimizde HTML i inceleyeceğiz. HTML in nerelerde ve nasıl kullanıldığına bakacağız. Şimdi HTML dersimize başlayalım. HTML, web sayfaları için standart biçimlendirme dilidir. Yani web sayfalarını oluşturmak için kullanılan standart metin işaretleme dilidir. 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. Hiper Metin İşaretleme Dili anlamına gelir Web sayfaları oluşturmak için standart biçimlendirme dilidir Bir Web sayfasının yapısını tanımlar Bir dizi öğeden oluşur Ögeler tarayıcıya içeriğin nasıl görüntüleneceğini söyler Ögeler, “bu bir başlıktır”, “bu bir paragraftır”,…

Okumaya Devam Et