HTML Basics for Beginners

Page 3 – Examples

ਉਦਾਹਰਣ 1: ਸਧਾਰਨ ਵੈੱਬ ਪੇਜ

ਤੁਸੀਂ ਕੋਈ ਸਧਾਰਾਨ ਵੈੱਬ ਪੇਜ ਬਣਾਉਣਾ ਚਾਹੁੰਦੇ ਹੋ ਜਿਸ ਵਿੱਚ ਸਿਰਫ਼ ਸਿਰਲੇਖ (heading) ਤੇ ਪੈਰਾਗ੍ਰਾਫ ਹੋਵੇ।

<!DOCTYPE html>
<html>
  <head>
    <title>ਮੇਰੀ ਪਹਿਲੀ ਵੈੱਬਸਾਈਟ</title>
  </head>
  <body>
    <h1>ਸਤ ਸ੍ਰੀ ਅਕਾਲ ਦੁਨੀਆ!</h1>
    <p>ਇਹ ਮੇਰੀ ਪਹਿਲੀ ਵੈੱਬ ਪੇਜ ਹੈ ਜੋ ਮੈਂ HTML ਨਾਲ ਬਣਾਇਆ ਹੈ।</p>
  </body>
</html>
      

ਉਦਾਹਰਣ 2: ਚਿੱਤਰ (Image) ਜੋੜਨਾ

ਤੁਸੀਂ ਆਪਣੇ ਵੈੱਬ ਪੇਜ ਵਿੱਚ ਕੋਈ ਚਿੱਤਰ ਜੋੜਨਾ ਚਾਹੁੰਦੇ ਹੋ:

<img src="mera-chitra.jpg" alt="ਇਹ ਮੇਰਾ ਚਿੱਤਰ ਹੈ">
      

ਉਦਾਹਰਣ 3: ਲਿੰਕ ਬਣਾਉਣਾ

ਕਿਸੇ ਹੋਰ ਵੈੱਬਸਾਈਟ 'ਤੇ ਜਾਣ ਲਈ ਲਿੰਕ ਬਣਾਉਣਾ:

<a href="https://www.example.com">ਇਸ ਲਿੰਕ 'ਤੇ ਕਲਿਕ ਕਰੋ</a>
      

ਉਦਾਹਰਣ 4: ਸੂਚੀ (List) ਬਣਾਉਣਾ

ਵੱਖ-ਵੱਖ ਚੀਜ਼ਾਂ ਦੀ ਸੂਚੀ ਬਣਾਉਣਾ:

<ul>
  <li>HTML</li>
  <li>CSS</li>
  <li>JavaScript</li>
</ul>
      

ਸੰਖੇਪ ਵਿੱਚ:
HTML ਨਾਲ ਤੁਸੀਂ ਆਪਣੀ ਵੈੱਬਸਾਈਟ ਦੀ ਬਣਤਰ (structure), ਟੈਕਸਟ, ਚਿੱਤਰ, ਲਿੰਕ, ਟੇਬਲ, ਫਾਰਮ ਅਤੇ ਬਹੁਤ ਕੁਝ ਜੋੜ ਸਕਦੇ ਹੋ।