Setting Table Background in Punjabi | HTML Table

ਅਸੀਂ ਹੇਠਾਂ ਦਿੱਤੇ ਦੇ ਐਟਰੀਬਿਊਟਸ ਵਿੱਚ ਕਿਸੇ ਇੱਕ ਐਟਰੀਬਿਊਟ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ ਟੇਬਲ ਦਾ ਬੈਕਗ੍ਰਾਊਂਡ ਕਰ ਸਕਦੇ ਹਾਂ:

• Bgcolor: ਇਹ ਐਟਰੀਬਿਊਟ ਪੂਰੇ ਟੇਬਲ ਲਈ ਬੈਕਗ੍ਰਾਊਂਡ ਦਾ ਰੰਗ ਬਦਲਣ ਲਈ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ। ਇਸਦੀ ਵਰਤੋਂ ਕਿਸੇ ਵਿਸ਼ੇਸ਼ ਟੇਬਲ ਰੇਅ ਜਾਂ ਟੇਬਲ ਸੈੱਲ ਦਾ ਰੰਗ ਬਦਲਣ ਲਈ ਵੀ ਕੀਤੀ ਜਾ ਸਕਦੀ ਹੈ। ਇਸ ਐਟਰੀਬਿਊਟ ਦਾ ਮੁੱਲ ਰੰਗ ਦੇ ਨਾਮ (Color Name) ਜਾਂ ਹੋਕਸਾਡੈਸੀਮਲ ਕੋਡ (Hexadecimal Color Code) ਵਜੋਂ ਸੈੱਟ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ।

ਉਦਾਹਰਣ ਲਈ: <table bgcolor="pink">.......<table>

• Background: ਇਹ ਐਟਰੀਬਿਊਟ ਪੂਰੇ ਟੇਬਲ ਲਈ ਜਾਂ ਸਿਰਫ ਸੈੱਲ ਲਈ ਬੈਕਗ੍ਰਾਊਂਡ ਤਸਵੀਰ ਸੈੱਟ ਕਰਨ ਲਈ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ। ਇਸ ਐਟਰੀਬਿਊਟ ਦਾ ਮੁੱਲ ਫਾਈਲ ਐਕਸਟੈਂਸ਼ਨ ਸਮੇਤ ਤਸਵੀਰ ਦਾ URL (ਲੋਕੇਸ਼ਨ ਐਡਰੈੱਸ) ਹੁੰਦਾ ਹੈ। ਉਦਾਹਰਣ ਲਈ: <uble background="back.jpg">.......</table>

ਇਹਨਾਂ ਐਟਰੀਬਿਊਟਸ ਨੂੰ HTML5 ਵਿੱਚ ਸਟਾਈਲ ਸੀਟਾਂ ਦੀ ਵੱਧ ਰਹੀ ਵਰਤੋਂ ਤਰਜੀਹ ਨਹੀਂ (deprecate) ਦਿਤੀ ਜਾਂਦੀ ਹੈ।

<!DOCTYPE html>
<html>
<head>
<title>Setting Table Background</title>
</head>
<body>
<h2>Setting Table Background</h2>

<table width="80%" border="1" background="/media/images/cat.jpg">

<caption>Student Information</caption>
  <tr>
    <th>#</th>
    <th>Name of Student</th>
    <th>Class</th>
  </tr>
  <tr>
    <td>1.</td>
    <td>Taranpreet Singh</td>
    <td>6th</td>
  </tr>
  <tr>
    <td>2.</td>
    <td>Mehakpreet Kaur</td>
    <td>7th</td>
  </tr>
  <tr>
    <td>3.</td>
    <td>Veerpal Kaur</td>
    <td>8th</td>
  </tr>
  <tr>
    <td>4.</td>
    <td>Jasmeen</td>
    <td>9th</td>
  </tr>
  <tr bgcolor="yellow">
    <td>5.</td>
    <td>Sonia</td>
    <td>10th</td>
  </tr>
  <tr>
    <td>6.</td>
    <td>Jaskaran Singh</td>
    <td>11th</td>
  </tr>
  <tr bgcolor="pink">
    <td>7.</td>
    <td>Arshdeep Kaur</td>
    <td>12th</td>
  </tr>
  
</table>

</body>
</html>

Live Demo & Try it yourself!

HTML Programming

Search This Blog

Setting Table Background in Punjabi | HTML Table | Online HTML Editor

Comments

Post a Comment