ਟਾਈਪੋਗ੍ਰਾਫ਼ੀ
ਹੈਡਿੰਗ 1
ਹੈਡਿੰਗ 2
ਹੈਡਿੰਗ 3
ਹੈਡਿੰਗ 4
ਹੈਡਿੰਗ 5
ਹੈਡਿੰਗ 6
ਪ੍ਰਦਰਸ਼ਤ 1
ਪ੍ਰਦਰਸ਼ਤ 2
ਪ੍ਰਦਰਸ਼ਤ 3
ਪ੍ਰਦਰਸ਼ਤ 4
ਪ੍ਰਦਰਸ਼ਤ 5
ਪ੍ਰਦਰਸ਼ਤ 6
ਇਹ ਇੱਕ ਲੀਡ ਪੈਰਾਗ੍ਰਾਫ ਹੈ। ਇਹ ਨਿਯਮਤ ਪੈਰਿਆਂ ਤੋਂ ਵੱਖਰਾ ਹੈ।
ਤੁਸੀਂ ਮਾਰਕ ਟੈਗ ਦੀ ਵਰਤੋਂ ਕਰ ਸਕਦੇ ਹੋ ਹਾਈਲਾਈਟ ਪਾਠ
ਟੈਕਸਟ ਦੀ ਇਸ ਲਾਈਨ ਦਾ ਮਤਲਬ ਮਿਟਾਏ ਗਏ ਟੈਕਸਟ ਵਜੋਂ ਮੰਨਿਆ ਜਾਣਾ ਹੈ।
ਟੈਕਸਟ ਦੀ ਇਸ ਲਾਈਨ ਨੂੰ ਹੁਣ ਸਹੀ ਨਹੀਂ ਮੰਨਿਆ ਜਾਣਾ ਹੈ।
ਟੈਕਸਟ ਦੀ ਇਸ ਲਾਈਨ ਨੂੰ ਦਸਤਾਵੇਜ਼ ਵਿੱਚ ਇੱਕ ਜੋੜ ਵਜੋਂ ਮੰਨਿਆ ਜਾਣਾ ਹੈ।
ਟੈਕਸਟ ਦੀ ਇਹ ਲਾਈਨ ਰੇਂਡਰ ਕੀਤੀ ਜਾਵੇਗੀ।
ਟੈਕਸਟ ਦੀ ਇਸ ਲਾਈਨ ਦਾ ਮਤਲਬ ਫਾਈਨ ਪ੍ਰਿੰਟ ਵਜੋਂ ਮੰਨਿਆ ਜਾਣਾ ਹੈ।
ਇਹ ਲਾਈਨ ਬੋਲਡ ਟੈਕਸਟ ਵਜੋਂ ਰੈਂਡਰ ਕੀਤੀ ਗਈ ਹੈ।
ਇਹ ਲਾਈਨ ਇਟਾਲਿਕ ਟੈਕਸਟ ਦੇ ਰੂਪ ਵਿੱਚ ਰੈਂਡਰ ਕੀਤੀ ਗਈ ਹੈ।
ਇੱਕ ਮਸ਼ਹੂਰ ਹਵਾਲਾ, ਇੱਕ ਬਲਾਕਕੋਟ ਤੱਤ ਵਿੱਚ ਸ਼ਾਮਲ ਹੈ।
- ਇਹ ਇੱਕ ਸੂਚੀ ਹੈ।
- ਇਹ ਪੂਰੀ ਤਰ੍ਹਾਂ ਅਨਸਟਾਇਲ ਦਿਖਾਈ ਦਿੰਦਾ ਹੈ।
- ਢਾਂਚਾਗਤ ਤੌਰ 'ਤੇ, ਇਹ ਅਜੇ ਵੀ ਇੱਕ ਸੂਚੀ ਹੈ।
- ਹਾਲਾਂਕਿ, ਇਹ ਸ਼ੈਲੀ ਸਿਰਫ ਤੁਰੰਤ ਬਾਲ ਤੱਤਾਂ 'ਤੇ ਲਾਗੂ ਹੁੰਦੀ ਹੈ.
- ਨੇਸਟਡ ਸੂਚੀਆਂ:
- ਇਸ ਸ਼ੈਲੀ ਤੋਂ ਪ੍ਰਭਾਵਿਤ ਨਹੀਂ ਹਨ
- ਅਜੇ ਵੀ ਇੱਕ ਗੋਲੀ ਦਿਖਾਏਗਾ
- ਅਤੇ ਢੁਕਵਾਂ ਖੱਬਾ ਹਾਸ਼ੀਆ ਹੈ
- ਇਹ ਅਜੇ ਵੀ ਕੁਝ ਸਥਿਤੀਆਂ ਵਿੱਚ ਕੰਮ ਆ ਸਕਦਾ ਹੈ।
- ਇਹ ਇੱਕ ਸੂਚੀ ਆਈਟਮ ਹੈ.
- ਅਤੇ ਇੱਕ ਹੋਰ.
- ਪਰ ਉਹ ਇਨਲਾਈਨ ਪ੍ਰਦਰਸ਼ਿਤ ਹੁੰਦੇ ਹਨ।
ਚਿੱਤਰ
ਟੇਬਲ
| # | ਪਹਿਲੀ | ਪਿਛਲੇ | ਵਰਤ |
|---|---|---|---|
| 1 | ਮਰਕੁਸ | ਔਟੋ | doਮਡੋ |
| 2 | ਯਾਕੂਬ ਨੇ | ਥੋਰਨਟਨ | - ਚਰਬੀ |
| 3 | ਲੈਰੀ ਦ ਬਰਡ | ||
| # | ਪਹਿਲੀ | ਪਿਛਲੇ | ਵਰਤ |
|---|---|---|---|
| 1 | ਮਰਕੁਸ | ਔਟੋ | doਮਡੋ |
| 2 | ਯਾਕੂਬ ਨੇ | ਥੋਰਨਟਨ | - ਚਰਬੀ |
| 3 | ਲੈਰੀ ਦ ਬਰਡ | ||
| ਕਲਾਸ | ਸਿਰਲੇਖ | ਸਿਰਲੇਖ |
|---|---|---|
| ਮੂਲ | ਸੈੱਲ | ਸੈੱਲ |
| ਪ੍ਰਾਇਮਰੀ | ਸੈੱਲ | ਸੈੱਲ |
| ਸੈਕੰਡਰੀ | ਸੈੱਲ | ਸੈੱਲ |
| ਸਫਲਤਾ | ਸੈੱਲ | ਸੈੱਲ |
| ਖ਼ਤਰਾ | ਸੈੱਲ | ਸੈੱਲ |
| ਚੇਤਾਵਨੀ | ਸੈੱਲ | ਸੈੱਲ |
| ਜਾਣਕਾਰੀ | ਸੈੱਲ | ਸੈੱਲ |
| ਚਾਨਣ | ਸੈੱਲ | ਸੈੱਲ |
| ਹਨੇਰੇ | ਸੈੱਲ | ਸੈੱਲ |
| # | ਪਹਿਲੀ | ਪਿਛਲੇ | ਵਰਤ |
|---|---|---|---|
| 1 | ਮਰਕੁਸ | ਔਟੋ | doਮਡੋ |
| 2 | ਯਾਕੂਬ ਨੇ | ਥੋਰਨਟਨ | - ਚਰਬੀ |
| 3 | ਲੈਰੀ ਦ ਬਰਡ | ||
ਅੰਕੜੇ
ਦਸਤਾਵੇਜ਼ਭਾਗ
Accordion
ਦਸਤਾਵੇਜ਼.accordion-body, ਹਾਲਾਂਕਿ ਪਰਿਵਰਤਨ ਓਵਰਫਲੋ ਨੂੰ ਸੀਮਤ ਕਰਦਾ ਹੈ।
.accordion-body, ਹਾਲਾਂਕਿ ਪਰਿਵਰਤਨ ਓਵਰਫਲੋ ਨੂੰ ਸੀਮਤ ਕਰਦਾ ਹੈ।
.accordion-body, ਹਾਲਾਂਕਿ ਪਰਿਵਰਤਨ ਓਵਰਫਲੋ ਨੂੰ ਸੀਮਤ ਕਰਦਾ ਹੈ।
ਚੇਤਾਵਨੀ
ਦਸਤਾਵੇਜ਼ਬਹੁਤ ਖੂਬ!
ਆਹ ਹਾਂ, ਤੁਸੀਂ ਇਸ ਮਹੱਤਵਪੂਰਨ ਚੇਤਾਵਨੀ ਸੰਦੇਸ਼ ਨੂੰ ਸਫਲਤਾਪੂਰਵਕ ਪੜ੍ਹ ਲਿਆ ਹੈ। ਇਹ ਉਦਾਹਰਨ ਟੈਕਸਟ ਥੋੜਾ ਲੰਬਾ ਚੱਲਣ ਜਾ ਰਿਹਾ ਹੈ ਤਾਂ ਜੋ ਤੁਸੀਂ ਦੇਖ ਸਕੋ ਕਿ ਇਸ ਕਿਸਮ ਦੀ ਸਮਗਰੀ ਨਾਲ ਅਲਰਟ ਦੇ ਅੰਦਰ ਸਪੇਸਿੰਗ ਕਿਵੇਂ ਕੰਮ ਕਰਦੀ ਹੈ।
ਜਦੋਂ ਵੀ ਤੁਹਾਨੂੰ ਲੋੜ ਹੋਵੇ, ਚੀਜ਼ਾਂ ਨੂੰ ਵਧੀਆ ਅਤੇ ਸੁਥਰਾ ਰੱਖਣ ਲਈ ਹਾਸ਼ੀਏ ਦੀਆਂ ਉਪਯੋਗਤਾਵਾਂ ਦੀ ਵਰਤੋਂ ਕਰਨਾ ਯਕੀਨੀ ਬਣਾਓ।
ਬੈਜ
ਦਸਤਾਵੇਜ਼ਉਦਾਹਰਨ ਸਿਰਲੇਖ ਨ੍ਯੂ
ਉਦਾਹਰਨ ਸਿਰਲੇਖ ਨ੍ਯੂ
ਉਦਾਹਰਨ ਸਿਰਲੇਖ ਨ੍ਯੂ
ਉਦਾਹਰਨ ਸਿਰਲੇਖ ਨ੍ਯੂ
ਉਦਾਹਰਨ ਸਿਰਲੇਖ ਨ੍ਯੂ
ਉਦਾਹਰਨ ਸਿਰਲੇਖ ਨ੍ਯੂ
ਉਦਾਹਰਨ ਸਿਰਲੇਖ ਨ੍ਯੂ
ਉਦਾਹਰਨ ਸਿਰਲੇਖ ਨ੍ਯੂ
ਬ੍ਰੈਡਰਕ੍ਰਮਬ
ਦਸਤਾਵੇਜ਼ਬਟਨ
ਦਸਤਾਵੇਜ਼ਬਟਨ ਸਮੂਹ
ਦਸਤਾਵੇਜ਼ਕਾਰਡ
ਦਸਤਾਵੇਜ਼ਕਾਰਡ ਦਾ ਸਿਰਲੇਖ
ਕਾਰਡ ਦੇ ਸਿਰਲੇਖ 'ਤੇ ਬਣਾਉਣ ਅਤੇ ਕਾਰਡ ਦੀ ਸਮਗਰੀ ਦਾ ਵੱਡਾ ਹਿੱਸਾ ਬਣਾਉਣ ਲਈ ਕੁਝ ਤੇਜ਼ ਉਦਾਹਰਨ ਟੈਕਸਟ।
ਕਿਤੇ ਜਾਓਕਾਰਡ ਦਾ ਸਿਰਲੇਖ
ਕਾਰਡ ਦੇ ਸਿਰਲੇਖ 'ਤੇ ਬਣਾਉਣ ਅਤੇ ਕਾਰਡ ਦੀ ਸਮਗਰੀ ਦਾ ਵੱਡਾ ਹਿੱਸਾ ਬਣਾਉਣ ਲਈ ਕੁਝ ਤੇਜ਼ ਉਦਾਹਰਨ ਟੈਕਸਟ।
ਕਿਤੇ ਜਾਓਕਾਰਡ ਦਾ ਸਿਰਲੇਖ
ਕਾਰਡ ਦੇ ਸਿਰਲੇਖ 'ਤੇ ਬਣਾਉਣ ਅਤੇ ਕਾਰਡ ਦੀ ਸਮਗਰੀ ਦਾ ਵੱਡਾ ਹਿੱਸਾ ਬਣਾਉਣ ਲਈ ਕੁਝ ਤੇਜ਼ ਉਦਾਹਰਨ ਟੈਕਸਟ।
- ਇਕ ਵਸਤੂ
- ਇੱਕ ਦੂਜੀ ਆਈਟਮ
- ਇੱਕ ਤੀਜੀ ਆਈਟਮ
ਕਾਰਡ ਦਾ ਸਿਰਲੇਖ
ਇਹ ਵਾਧੂ ਸਮੱਗਰੀ ਲਈ ਕੁਦਰਤੀ ਲੀਡ-ਇਨ ਦੇ ਤੌਰ 'ਤੇ ਹੇਠਾਂ ਸਹਾਇਕ ਟੈਕਸਟ ਦੇ ਨਾਲ ਇੱਕ ਵਿਸ਼ਾਲ ਕਾਰਡ ਹੈ। ਇਹ ਸਮੱਗਰੀ ਥੋੜੀ ਲੰਬੀ ਹੈ।
ਆਖਰੀ ਵਾਰ 3 ਮਿੰਟ ਪਹਿਲਾਂ ਅੱਪਡੇਟ ਕੀਤਾ ਗਿਆ
ਝੂਲਾ
ਦਸਤਾਵੇਜ਼ਡ੍ਰੌਪਡਾਊਨ
ਦਸਤਾਵੇਜ਼ਸੂਚੀ ਸਮੂਹ
ਦਸਤਾਵੇਜ਼- ਇੱਕ ਅਯੋਗ ਆਈਟਮ
- ਇੱਕ ਦੂਜੀ ਆਈਟਮ
- ਇੱਕ ਤੀਜੀ ਆਈਟਮ
- ਇੱਕ ਚੌਥੀ ਆਈਟਮ
- ਅਤੇ ਇੱਕ ਪੰਜਵਾਂ
- ਇਕ ਵਸਤੂ
- ਇੱਕ ਦੂਜੀ ਆਈਟਮ
- ਇੱਕ ਤੀਜੀ ਆਈਟਮ
- ਇੱਕ ਚੌਥੀ ਆਈਟਮ
- ਅਤੇ ਇੱਕ ਪੰਜਵਾਂ
ਮਾਡਲ
ਦਸਤਾਵੇਜ਼ਨੇਵਸ
ਦਸਤਾਵੇਜ਼Navbar
ਦਸਤਾਵੇਜ਼ਅੰਕਿਤ
ਦਸਤਾਵੇਜ਼ਪੌਪੋਵਰ
ਦਸਤਾਵੇਜ਼ਤਰੱਕੀ
ਦਸਤਾਵੇਜ਼ਸਕ੍ਰੌਲਸਪੀ
ਦਸਤਾਵੇਜ਼ਪਹਿਲਾ ਸਿਰਲੇਖ
ਇਹ scrollspy ਪੰਨੇ ਲਈ ਕੁਝ ਪਲੇਸਹੋਲਡਰ ਸਮੱਗਰੀ ਹੈ. ਨੋਟ ਕਰੋ ਕਿ ਜਦੋਂ ਤੁਸੀਂ ਪੰਨੇ ਨੂੰ ਹੇਠਾਂ ਸਕ੍ਰੋਲ ਕਰਦੇ ਹੋ, ਉਚਿਤ ਨੈਵੀਗੇਸ਼ਨ ਲਿੰਕ ਉਜਾਗਰ ਹੁੰਦਾ ਹੈ। ਇਹ ਪੂਰੇ ਕੰਪੋਨੈਂਟ ਉਦਾਹਰਨ ਵਿੱਚ ਦੁਹਰਾਇਆ ਜਾਂਦਾ ਹੈ। ਅਸੀਂ ਸਕ੍ਰੋਲਿੰਗ ਅਤੇ ਹਾਈਲਾਈਟਿੰਗ 'ਤੇ ਜ਼ੋਰ ਦੇਣ ਲਈ ਇੱਥੇ ਕੁਝ ਹੋਰ ਉਦਾਹਰਣ ਕਾਪੀ ਜੋੜਦੇ ਰਹਿੰਦੇ ਹਾਂ।
ਦੂਜਾ ਸਿਰਲੇਖ
ਇਹ scrollspy ਪੰਨੇ ਲਈ ਕੁਝ ਪਲੇਸਹੋਲਡਰ ਸਮੱਗਰੀ ਹੈ. ਨੋਟ ਕਰੋ ਕਿ ਜਦੋਂ ਤੁਸੀਂ ਪੰਨੇ ਨੂੰ ਹੇਠਾਂ ਸਕ੍ਰੋਲ ਕਰਦੇ ਹੋ, ਉਚਿਤ ਨੈਵੀਗੇਸ਼ਨ ਲਿੰਕ ਉਜਾਗਰ ਹੁੰਦਾ ਹੈ। ਇਹ ਪੂਰੇ ਕੰਪੋਨੈਂਟ ਉਦਾਹਰਨ ਵਿੱਚ ਦੁਹਰਾਇਆ ਜਾਂਦਾ ਹੈ। ਅਸੀਂ ਸਕ੍ਰੋਲਿੰਗ ਅਤੇ ਹਾਈਲਾਈਟਿੰਗ 'ਤੇ ਜ਼ੋਰ ਦੇਣ ਲਈ ਇੱਥੇ ਕੁਝ ਹੋਰ ਉਦਾਹਰਣ ਕਾਪੀ ਜੋੜਦੇ ਰਹਿੰਦੇ ਹਾਂ।
ਤੀਜਾ ਸਿਰਲੇਖ
ਇਹ scrollspy ਪੰਨੇ ਲਈ ਕੁਝ ਪਲੇਸਹੋਲਡਰ ਸਮੱਗਰੀ ਹੈ. ਨੋਟ ਕਰੋ ਕਿ ਜਦੋਂ ਤੁਸੀਂ ਪੰਨੇ ਨੂੰ ਹੇਠਾਂ ਸਕ੍ਰੋਲ ਕਰਦੇ ਹੋ, ਉਚਿਤ ਨੈਵੀਗੇਸ਼ਨ ਲਿੰਕ ਉਜਾਗਰ ਹੁੰਦਾ ਹੈ। ਇਹ ਪੂਰੇ ਕੰਪੋਨੈਂਟ ਉਦਾਹਰਨ ਵਿੱਚ ਦੁਹਰਾਇਆ ਜਾਂਦਾ ਹੈ। ਅਸੀਂ ਸਕ੍ਰੋਲਿੰਗ ਅਤੇ ਹਾਈਲਾਈਟਿੰਗ 'ਤੇ ਜ਼ੋਰ ਦੇਣ ਲਈ ਇੱਥੇ ਕੁਝ ਹੋਰ ਉਦਾਹਰਣ ਕਾਪੀ ਜੋੜਦੇ ਰਹਿੰਦੇ ਹਾਂ।
ਚੌਥਾ ਸਿਰਲੇਖ
ਇਹ scrollspy ਪੰਨੇ ਲਈ ਕੁਝ ਪਲੇਸਹੋਲਡਰ ਸਮੱਗਰੀ ਹੈ. ਨੋਟ ਕਰੋ ਕਿ ਜਦੋਂ ਤੁਸੀਂ ਪੰਨੇ ਨੂੰ ਹੇਠਾਂ ਸਕ੍ਰੋਲ ਕਰਦੇ ਹੋ, ਉਚਿਤ ਨੈਵੀਗੇਸ਼ਨ ਲਿੰਕ ਉਜਾਗਰ ਹੁੰਦਾ ਹੈ। ਇਹ ਪੂਰੇ ਕੰਪੋਨੈਂਟ ਉਦਾਹਰਨ ਵਿੱਚ ਦੁਹਰਾਇਆ ਜਾਂਦਾ ਹੈ। ਅਸੀਂ ਸਕ੍ਰੋਲਿੰਗ ਅਤੇ ਹਾਈਲਾਈਟਿੰਗ 'ਤੇ ਜ਼ੋਰ ਦੇਣ ਲਈ ਇੱਥੇ ਕੁਝ ਹੋਰ ਉਦਾਹਰਣ ਕਾਪੀ ਜੋੜਦੇ ਰਹਿੰਦੇ ਹਾਂ।
ਪੰਜਵਾਂ ਸਿਰਲੇਖ
ਇਹ scrollspy ਪੰਨੇ ਲਈ ਕੁਝ ਪਲੇਸਹੋਲਡਰ ਸਮੱਗਰੀ ਹੈ. ਨੋਟ ਕਰੋ ਕਿ ਜਦੋਂ ਤੁਸੀਂ ਪੰਨੇ ਨੂੰ ਹੇਠਾਂ ਸਕ੍ਰੋਲ ਕਰਦੇ ਹੋ, ਉਚਿਤ ਨੈਵੀਗੇਸ਼ਨ ਲਿੰਕ ਉਜਾਗਰ ਹੁੰਦਾ ਹੈ। ਇਹ ਪੂਰੇ ਕੰਪੋਨੈਂਟ ਉਦਾਹਰਨ ਵਿੱਚ ਦੁਹਰਾਇਆ ਜਾਂਦਾ ਹੈ। ਅਸੀਂ ਸਕ੍ਰੋਲਿੰਗ ਅਤੇ ਹਾਈਲਾਈਟਿੰਗ 'ਤੇ ਜ਼ੋਰ ਦੇਣ ਲਈ ਇੱਥੇ ਕੁਝ ਹੋਰ ਉਦਾਹਰਣ ਕਾਪੀ ਜੋੜਦੇ ਰਹਿੰਦੇ ਹਾਂ।
ਸਪਿਨਰ
ਦਸਤਾਵੇਜ਼ਟੋਸਟ
ਦਸਤਾਵੇਜ਼ਟੂਲ-ਟਿੱਪ
ਦਸਤਾਵੇਜ਼
