html

İlk olarak belgenin <head> bölümüne bir <title> etiketi ekleyin; sayfanın tarayıcı sekmesinde ve yer imlerinde görünen başlık bu etiketten alınır. Arama sonuçlarında kullanılabilecek açıklama için aynı bölüme name="description" özelliğine sahip bir <meta> etiketi yerleştirin. Değerleri yazıp...

Dosya yükleme alanı eklemek için formun içine <input type="file"> öğesi yerleştirin. Formun dosyayı sunucuya gerçekten gönderebilmesi için method="post" ve enctype="multipart/form-data" özniteliklerini de kullanın. Ancak bu HTML kodu yalnızca dosyanın seçilmesini ve gönderilmesini sağlar...

HTML’de sayfaya video eklemek için <video> etiketini kullanın. Videonun dosya yolunu src özniteliğiyle belirtin; kullanıcının oynatabilmesi için genellikle controls ekleyin. Aşağıdaki örneği HTML dosyanıza yerleştirip video.mp4 dosyasını aynı klasöre koyduğunuzda, sayfada video oynatıcı görünür...

E-posta gönderme bağlantısı eklemek için HTML’de <a> etiketinin href özniteliğinde mailto: protokolünü kullanın. En basit bağlantı, kullanıcının varsayılan e-posta uygulamasını açar ve alıcı adresini hazırlar: <a href="mailto:[email protected]">E-posta gönder</a> Kullanıcı bağlantıya...

HTML’de bir resme açıklama metni eklemek için önce amacınızı belirleyin. Resim yüklenemediğinde veya ekran okuyucu kullanan ziyaretçilere resmin içeriğini aktarmak istiyorsanız alt özniteliğini kullanın. Resmin üzerine gelindiğinde görünen ek bilgi gerekiyorsa title eklenebilir; ancak title...

İlk paragrafta ana yanıtı, izlenecek yolu ve ulaşılabilecek sonucu doğrudan ver. HTML’de sayfanın arka plan rengini değiştirmek için CSS’te body seçicisine background-color özelliğini uygulayın. Örneğin body { background-color: #f2f2f2; } kuralı, sayfanın görünen arka planını açık gri yapar...

İçeriğin kullanıcıya seçenekler arasından seçim yaptırması gerekiyorsa HTML sayfasına <select> etiketi ekleyip seçenekleri <option> etiketleriyle tanımlayabilirsiniz. Form gönderildiğinde seçilen seçeneğin value değeri sunucuya iletilir; yalnızca ekranda görünen metin gönderilmez. Aşağıdaki...

HTML’de tablo oluşturmak için <table> etiketiyle bir tablo başlatılır; satırlar <tr>, başlık hücreleri <th> ve veri hücreleri <td> ile yazılır. Hücreleri yatay olarak birleştirmek için colspan, dikey olarak birleştirmek için rowspan kullanılır. Aşağıdaki örneği bir .html dosyasına kaydedip...

Bir HTML butonuna tıklanınca başka sayfaya gitmenin en kısa yolu, butonun tıklanma olayında window.location.href değerini değiştirmektir. Ancak yalnızca başka bir adrese geçiş yapılacaksa, erişilebilirlik ve tarayıcı davranışları açısından bağlantıyı (<a>) buton gibi biçimlendirmek genellikle...

İlk olarak tarayıcının geliştirici araçlarını açıp resim isteğinin hangi URL’ye gittiğini kontrol edin. En sık sorun, src içindeki dosya yolunun HTML dosyasına göre yanlış yazılmasıdır. Dosya gerçekten o konumdaysa, ad ve uzantı büyük-küçük harfleriyle eşleşiyorsa ve sunucu resmi doğrudan...

Favicon eklemek için simge dosyanızı web sitenizin erişilebilir bir konumuna, örneğin /images/favicon.ico veya /images/favicon-32.png yoluna yükleyin. Ardından HTML belgesinin <head> bölümüne uygun bir <link> etiketi ekleyin. Dosya yolu doğruysa tarayıcı sayfa sekmesinde, yer imlerinde veya...

Telefon numarasını tıklanabilir yapmak için HTML’de numarayı tel: şemasını kullanan bir <a> etiketi içine yerleştirin. Örneğin href="tel:+902121234567" değeri, destekleyen cihazlarda telefon uygulamasını açar ve numarayı arama ekranına aktarır. Numarayı +90 gibi ülke koduyla ve boşluk, parantez...

İlk olarak HTML dosyasını UTF-8 biçiminde kaydedin ve sayfanın <head> bölümüne, içerikten önce <meta charset="UTF-8"> satırını ekleyin. Sayfa hâlâ bozuk görünüyorsa sunucunun gönderdiği karakter kodlamasını, verinin kaydedildiği kodlamayı ve varsa veritabanı bağlantısını kontrol edin. Bu üç...

Bağlantıyı yeni sekmede açmak için bağlantı etiketine target="_blank" özniteliğini ekleyin. Dış bağlantılarda güvenlik ve ilişki bilgisini açıkça belirtmek için genellikle rel="noopener" de kullanılır. <a href="https://www.ornek.com" target="_blank" rel="noopener">Örnek siteyi aç</a> Bu kodda...

HTML’de başlık eklemek için <h1> ile <h6> arasındaki başlık etiketlerini, paragraf eklemek için <p> etiketini kullanabilirsiniz. <h1> sayfanın ana başlığıdır; <h2> ve devamındaki başlıklar alt bölümleri gösterir. Metni bu etiketlerin arasına yazıp dosyayı .html uzantısıyla kaydettiğinizde...

Bir HTML formu oluşturmak için alanları <form> etiketi içine yerleştirmeniz, her alanı anlaşılır bir <label> ile eşleştirmeniz ve verilerin gönderileceği adresi action özniteliğinde belirtmeniz gerekir. Kullanıcı formu gönderdiğinde tarayıcı, name özniteliği bulunan alanların değerlerini seçilen...

Sayfa içi bağlantı oluşturmak için <a> etiketine, gidilecek bölümün id değerini başına # koyarak yazın. Örneğin <a href="#iletisim">İletişim bölümüne git</a> bağlantısı, aynı sayfada id="iletisim" özniteliği bulunan bölüme götürür. Kullanıcı bağlantıya tıkladığında tarayıcı sayfayı ilgili konuma...

İlk paragrafta ana yanıtı, izlenecek yolu ve ulaşılabilecek sonucu doğrudan ver. HTML’de bir videoyu sayfaya eklemek için <video> etiketini kullanır, içine videonun dosya yolunu gösteren <source> etiketi ekler ve videonun desteklenmediği durumlar için açıklayıcı bir yedek metin yazarsın. Dosyayı...

İndirme bağlantısı oluşturmak için dosyanın adresini href özniteliğine, download özniteliğini de a etiketine ekleyin. Kullanıcı bağlantıya tıkladığında tarayıcı dosyayı sayfada açmak yerine indirmeyi deneyecektir. <a href="dosyalar/rapor.pdf" download>Raporu indir</a> Bu örnekte...

HTML’de bir e-posta adresine tıklanınca kullanıcının cihazında tanımlı varsayılan e-posta uygulamasını açmak için adresi mailto: şemasıyla bir bağlantının href özniteliğine yazmalısınız. Örneğin mailto:[email protected] bağlantısına tıklandığında, işletim sistemi bu adresi e-posta uygulamasına...