HTML Eğitimi

HTML ANA SAYFA HTML'ye Giriş HTML Düzenleyiciler HTML Temel HTML Öğeleri HTML Özellikleri HTML Başlıkları HTML Paragrafları HTML Stilleri HTML Biçimlendirme HTML Alıntılar HTML Yorumları HTML Renkleri HTML CSS'si HTML Bağlantıları HTML Görselleri HTML Sık Kullanılan Simgesi HTML Tabloları HTML Listeleri HTML Bloğu ve Satır İçi HTML Sınıfları HTML Kimliği HTML İç Çerçeveleri HTML JavaScript'i HTML Dosya Yolları HTML Başlığı HTML Düzeni HTML Duyarlı HTML Bilgisayar Kodu HTML Semantiği HTML Stil Kılavuzu HTML Varlıkları HTML Sembolleri HTML Emojileri HTML Karakter Seti HTML URL Kodlaması HTML'ye karşı XHTML

HTML Formları

HTML Formları HTML Formu Nitelikleri HTML Form Öğeleri HTML Giriş Türleri HTML Girdi Nitelikleri HTML Giriş Formu Nitelikleri

HTML Grafikleri

HTML Kanvas HTML SVG'si

HTML Ortamı

HTML Ortamı HTML Videosu HTML Ses HTML Eklentileri HTML YouTube

HTML API'leri

HTML Coğrafi Konum HTML Sürükle/Bırak HTML Web Depolama HTML Web Çalışanları HTML ÖAM

HTML Örnekleri

HTML Örnekleri HTML Testi HTML Alıştırmaları HTML Sertifikası HTML Özeti HTML Erişilebilirliği

HTML Referansları

HTML Etiket Listesi HTML Özellikleri HTML Genel Nitelikleri HTML Tarayıcı Desteği HTML Olayları HTML Renkleri HTML Kanvas HTML Ses/Video HTML Doktipleri HTML Karakter Kümeleri HTML URL Kodlaması HTML Dil Kodları HTTP Mesajları HTTP Yöntemleri PX'den EM'ye Dönüştürücü Klavye kısayolları

HTML JavaScript'i


JavaScript, HTML sayfalarını daha dinamik ve etkileşimli hale getirir.


Örnek

My First JavaScript


HTML <script> Etiketi

HTML <script>etiketi, bir istemci tarafı komut dosyası (JavaScript) tanımlamak için kullanılır.

<script>Öğe ya kod deyimleri içerir ya da srcöznitelik aracılığıyla harici bir komut dosyasına işaret eder .

JavaScript'in yaygın kullanımları, görüntü işleme, form doğrulama ve dinamik içerik değişiklikleridir.

Bir HTML öğesini seçmek için JavaScript çoğunlukla document.getElementById()yöntemi kullanır.

Bu JavaScript örneğinde "Merhaba JavaScript!" yazıyor. id="demo" ile bir HTML öğesine:

Örnek

<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>

İpucu: JavaScript Eğitimimizde JavaScript hakkında daha fazla bilgi edinebilirsiniz .


JavaScript'in Tadı

JavaScript'in neler yapabileceğine dair bazı örnekler:

Örnek

JavaScript içeriği değiştirebilir:

document.getElementById("demo").innerHTML = "Hello JavaScript!";

Örnek

JavaScript stilleri değiştirebilir:

document.getElementById("demo").style.fontSize = "25px";
document.getElementById("demo").style.color = "red";
document.getElementById("demo").style.backgroundColor = "yellow";

Örnek

JavaScript nitelikleri değiştirebilir:

document.getElementById("image").src = "picture.gif";


HTML <noscript> Etiketi

HTML <noscript>etiketi, tarayıcılarında komut dosyalarını devre dışı bırakmış veya komut dosyalarını desteklemeyen bir tarayıcıya sahip kullanıcılara gösterilecek alternatif bir içeriği tanımlar:

Örnek

<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
<noscript>Sorry, your browser does not support JavaScript!</noscript>

HTML Alıştırmaları

Egzersizlerle Kendinizi Test Edin

Egzersiz yapmak:

Öğenin HTML içeriğini <p>"Merhaba Dünya!" olarak değiştirmek için JavaScript'i kullanın.

<body>

<p id="demo">Merhaba.</p>

<script>
belgesi.("demo").innerHTML = "Merhaba Dünya!";
</script>

</body>


HTML Komut Dosyası Etiketleri

Tag Description
<script> Defines a client-side script
<noscript> Defines an alternate content for users that do not support client-side scripts

Mevcut tüm HTML etiketlerinin tam listesi için HTML Etiket Referansımızı ziyaret edin .