HTML <kbd> ਟੈਗ

  • ਪਿਛਲਾ ਪੰਨਾ <ins>
  • ਅਗਲਾ ਪੰਨਾ <label>

ਨਿਰਧਾਰਣ ਅਤੇ ਵਰਤੋਂ

<kbd> ਟੈਗ ਕੀਬੋਰਡ ਇਨਪੁਟ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ। ਇਸ ਦਾ ਸਮਾਂਤਰ ਕੇਬਰ ਦੇ ਰੂਪ ਵਿੱਚ ਵਿਖਾਇਆ ਜਾਂਦਾ ਹੈ。

ਸੁਝਾਅ:ਇਹ ਟੈਗ ਤਿਆਗ ਨਹੀਂ ਹੋਇਆ ਹੈ। ਪਰ, CSS ਦੀ ਵਰਤੋਂ ਨਾਲ ਵਧੇਰੇ ਪ੍ਰਭਾਵਸ਼ਾਲੀ ਪ੍ਰਭਾਵ ਹਾਸਲ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ (ਹੇਠ ਦੇ ਉਦਾਹਰਣ ਨੂੰ ਦੇਖੋ)。

ਦੇਖੋ:

ਟੈਗ ਵਰਣਨ
<code> ਕੰਪਿਊਟਰ ਪ੍ਰੋਗਰਾਮ ਦੇ ਮਾਡਲ ਆਉਟਪੁਟ ਨਿਰਧਾਰਿਤ ਕਰੋ。
<samp> ਕੀਬੋਰਡ ਇਨਪੁਟ ਨਿਰਧਾਰਿਤ ਕਰੋ。
<var> ਵਾਰੀਆਬਲ ਨਿਰਧਾਰਿਤ ਕਰੋ。
<pre> ਪ੍ਰੀ-ਫਾਰਮੈਟਿਡ ਟੈਕਸਟ ਨਿਰਧਾਰਿਤ ਕਰੋ。

ਇਸ ਦੇ ਨਾਲ ਵੀ ਦੇਖੋ:

HTML ਟੂਰHTML ਟੈਕਸਟ ਫਾਰਮੈਟਿੰਗ

HTML DOM ਰੈਫਰੈਂਸ ਮੈਨੂਅਲ:Kbd ਆਬਜੈਕਟ

ਇੰਸਟੈਂਸ

ਉਦਾਹਰਣ 1

ਦਸਤਾਵੇਜ਼ ਵਿੱਚ ਕੀਬੋਰਡ ਇਨਪੁਟ ਵਜੋਂ ਕੁਝ ਲਿਖਤ ਨਿਰਧਾਰਿਤ ਕਰੋ:

<p>ਟੈਕਸਟ ਕਾਪੀ ਕਰਨ ਲਈ <kbd>Ctrl</kbd> + <kbd>C</kbd> ਦੱਬੋ (Windows)。</p>
<p>ਟੈਕਸਟ ਕਾਪੀ ਕਰਨ ਲਈ <kbd>Cmd</kbd> + <kbd>C</kbd> ਦੱਬੋ (Mac OS)。</p>

ਆਪਣੇ ਅਨੁਸਾਰ ਪ੍ਰਯੋਗ ਕਰੋ

ਉਦਾਹਰਣ 2

CSS ਨਾਲ <kbd> ਐਲੀਮੈਂਟ ਦੀ ਸਟਾਈਲ ਸੈਟ ਕਰੋ:

<html>
<head>
<style>
kbd {
  border-radius: 2px;
  padding: 2px;
  border: 1px solid black;
}
</style>
</head>
<body>
<p>ਟੈਕਸਟ ਕਾਪੀ ਕਰਨ ਲਈ <kbd>Ctrl</kbd> + <kbd>C</kbd> ਦੱਬੋ (Windows)。</p>
<p>ਟੈਕਸਟ ਕਾਪੀ ਕਰਨ ਲਈ <kbd>Cmd</kbd> + <kbd>C</kbd> ਦੱਬੋ (Mac OS)。</p>
</body>
</html>

ਆਪਣੇ ਅਨੁਸਾਰ ਪ੍ਰਯੋਗ ਕਰੋ

ਗਲੋਬਲ ਪ੍ਰਤੀਭਾਵ

<kbd> ਟੈਗ ਇਵੈਂਟ ਪ੍ਰਤੀਭਾਵ ਦੀ ਸਮਰਥਨ ਕਰਦੇ ਹਨ HTML ਵਿੱਚ ਗਲੋਬਲ ਪ੍ਰਤੀਭਾਵ。

ਈਵੈਂਟ ਪ੍ਰਤੀਭਾਵ

<kbd> ਟੈਗ ਇਵੈਂਟ ਪ੍ਰਤੀਭਾਵ ਦੀ ਸਮਰਥਨ ਕਰਦੇ ਹਨ HTML ਵਿੱਚ ਈਵੈਂਟ ਪ੍ਰਤੀਭਾਵ。

ਮੂਲਧਾਰਾ ਸੀਐੱਸਐੱਸ ਸੈਟਿੰਗ

ਮੋਸਟ ਬਰਾਉਜ਼ਰਜ਼ ਨਾਲ ਹੇਠ ਲਿਖੇ ਮੂਲਧਾਰਾ ਮੁੱਲਾਂ ਦਿਖਾਉਣਗੇ <kbd> ਅਬਜੈਕਟ:

kbd {
  font-family: monospace;
}

ਆਪਣੇ ਅਨੁਸਾਰ ਪ੍ਰਯੋਗ ਕਰੋ

ਬਰਾਉਜ਼ਰ ਸਮਰਥਨ

ਚਰਮੀ ਐਂਜਲ ਫਾਇਰਫਾਕਸ ਸੈਫਾਰੀ ਓਪੇਰਾ
ਚਰਮੀ ਐਂਜਲ ਫਾਇਰਫਾਕਸ ਸੈਫਾਰੀ ਓਪੇਰਾ
ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ
  • ਪਿਛਲਾ ਪੰਨਾ <ins>
  • ਅਗਲਾ ਪੰਨਾ <label>