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 Bilgisayar Kodu Öğeleri


HTML, kullanıcı girdisini ve bilgisayar kodunu tanımlamak için çeşitli öğeler içerir.


Örnek

<code>
x = 5;
y = 6;
z = x + y;
</code>

Klavye Girişi için HTML <kbd>

HTML <kbd>öğesi, klavye girişini tanımlamak için kullanılır. İçindeki içerik, tarayıcının varsayılan monospace yazı tipinde görüntülenir.

Örnek

Bir belgede bazı metinleri klavye girişi olarak tanımlayın:

<p>Save the document by pressing <kbd>Ctrl + S</kbd></p>

Sonuç:

Save the document by pressing Ctrl + S

Program Çıktısı için HTML <samp>

HTML <samp>öğesi, bir bilgisayar programından örnek çıktıyı tanımlamak için kullanılır. İçindeki içerik, tarayıcının varsayılan monospace yazı tipinde görüntülenir.

Örnek

Bir belgedeki bir bilgisayar programından örnek çıktı olarak bazı metinleri tanımlayın:

<p>Message from my computer:</p>
<p><samp>File not found.<br>Press F1 to continue</samp></p>

Sonuç:

Message from my computer:

File not found.
Press F1 to continue



Bilgisayar Kodu için HTML <code>

HTML <code>öğesi, bir bilgisayar kodu parçasını tanımlamak için kullanılır. İçindeki içerik, tarayıcının varsayılan monospace yazı tipinde görüntülenir.

Örnek

Bir belgede bazı metinleri bilgisayar kodu olarak tanımlayın:

<code>
x = 5;
y = 6;
z = x + y;
</code>

Sonuç:

x = 5; y = 6; z = x + y;

<code>Öğenin fazladan boşluk ve satır sonlarını korumadığına dikkat edin .

Bunu düzeltmek için <code>öğeyi bir öğenin içine koyabilirsiniz <pre>:

Örnek

<pre>
<code>
x = 5;
y = 6;
z = x + y;
</code>
</pre>

Sonuç:

x = 5;
y = 6;
z = x + y;

Değişkenler için HTML <var>

HTML <var>öğesi, programlamada veya matematiksel bir ifadede bir değişkeni tanımlamak için kullanılır. İçerideki içerik tipik olarak italik olarak görüntülenir.

Örnek

Bir belgede bazı metinleri değişkenler olarak tanımlayın:

<p>The area of a triangle is: 1/2 x <var>b</var> x <var>h</var>, where <var>b</var> is the base, and <var>h</var> is the vertical height.</p>

Sonuç:

The area of a triangle is: 1/2 x b x h, where b is the base, and h is the vertical height.

Bölüm özeti

  • Öğe <kbd>klavye girişini tanımlar
  • Öğe , <samp>bir bilgisayar programından örnek çıktıyı tanımlar
  • Öğe, bir bilgisayar kodu parçasını <code>tanımlar
  • Öğe , <var>programlamada veya matematiksel bir ifadede bir değişken tanımlar
  • Öğe , <pre>önceden biçimlendirilmiş metni tanımlar

HTML Alıştırmaları

Egzersizlerle Kendinizi Test Edin

Egzersiz yapmak:

"var person;" metnini tanımlayın. programlama kodu olarak

<p>Kod örneği: kişiydi;</p>


HTML Bilgisayar Kodu Öğeleri

Tag Description
<code> Defines programming code
<kbd> Defines keyboard input 
<samp> Defines computer output
<var> Defines a variable
<pre> Defines preformatted text

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