ਆਮ ਫਲ

ਸਧਾਰਣ ਵਹਾਉ ਉਹ ਢੰਗ ਹੈ ਜਿਸਦੇ ਅਨੁਸਾਰ ਜ਼ਿਆਦਾਤਰ ਹਾਲਾਤਾਂ ਵਿੱਚ ਤੱਤ ਕਿਸੇ ਵੈਬ ਪੇਜ ਵਿੱਚ ਪ੍ਰਦਰਸ਼ਿਤ ਹੁੰਦੇ ਹਨ. HTML ਦੇ ਸਾਰੇ ਤੱਤ ਅੰਦਰਲੇ ਬਕਸੇ ਵਿੱਚ ਹੁੰਦੇ ਹਨ ਜੋ ਕਿ ਜਾਂ ਤਾਂ ਇਨਲਾਈਨ ਬਕਸੇ ਜਾਂ ਬਲਾਕ ਬਾਕਸ ਹਨ

ਬਲਾਕ ਬਾਕਸ ਬਾਕਸ

ਆਮ ਪ੍ਰਵਾਹ ਵਿੱਚ, ਬਲਾਕ ਬਾਕਸ ਇੱਕ ਪੰਨੇ ਤੇ ਦੂਜੇ ਤੋਂ (ਇੱਕ ਤਰਤੀਬ ਅਨੁਸਾਰ ਉਹ HTML ਵਿੱਚ ਲਿਖੇ ਗਏ ਹਨ) ਤੇ ਬਣਾਏ ਗਏ ਹਨ. ਉਹ ਸੰਮਿਲਿਤ ਡੱਬੇ ਦੇ ਉੱਪਰ ਖੱਬੇ ਪਾਸੇ ਤੋਂ ਸ਼ੁਰੂ ਹੁੰਦੇ ਹਨ ਅਤੇ ਉੱਪਰ ਤੋਂ ਹੇਠਾਂ ਤਕ ਸਟੈਕ ਹੁੰਦੇ ਹਨ ਹਰੇਕ ਬਕਸੇ ਵਿਚਲੀ ਦੂਰੀ ਨੂੰ ਇਕ ਦੂਜੇ ਵਿਚ ਫੈਲਣ ਵਾਲੇ ਉਪਰਲੇ ਅਤੇ ਹੇਠਲੇ ਮਾਰਜਿਨ ਨਾਲ ਮਾਰਜਿਨ ਦੁਆਰਾ ਪ੍ਰਭਾਸ਼ਿਤ ਕੀਤਾ ਗਿਆ ਹੈ.

ਉਦਾਹਰਣ ਵਜੋਂ, ਤੁਹਾਡੇ ਕੋਲ ਹੇਠਾਂ ਦਿੱਤੇ HTML ਹੋ ਸਕਦੇ ਹਨ:

ਇਹ ਪਹਿਲਾ ਡੀਵੀ ਹੈ ਇਸਦੇ ਆਲੇ ਦੁਆਲੇ ਇੱਕ 5 ਪੈਕਸ ਹਾਸ਼ੀਆ ਨਾਲ ਇਹ 200 ਪਿਕਸਲ ਚੌੜਾ ਹੈ

ਇਹ ਇੱਕ ਵਿਸ਼ਾਲ ਡੀਵੀ ਹੈ

ਇਹ ਇੱਕ ਡੀਵੀ ਹੈ ਜੋ ਕਿ ਦੂਜੇ ਇੱਕ ਤੋਂ ਥੋੜਾ ਵੱਡਾ ਹੈ.

ਹਰ ਇੱਕ DIV ਇੱਕ ਬਲਾਕ ਤੱਤ ਹੈ, ਇਸ ਲਈ ਇਹ ਪਿਛਲੇ ਬਲਾਕ ਐਲੀਮੈਂਟ ਤੋਂ ਹੇਠਾਂ ਰੱਖਿਆ ਜਾਵੇਗਾ. ਹਰੇਕ ਖੱਬੇ ਬਾਹਰਲਾ ਕਿਨਾਰਾ ਬਲਾਕ ਦੇ ਖੱਬੇ ਕੋਨੇ ਨੂੰ ਛੂਹੇਗਾ.

ਇਨਲਾਈਨ ਬਾਕਸ ਲੇਆਉਟ

ਅੰਦਰੂਨੀ ਬਕਸਿਆਂ ਨੂੰ ਪੰਨੇ ਉੱਤੇ ਖਿਤਿਜੀ ਰੂਪ ਵਿੱਚ ਰੱਖਿਆ ਗਿਆ ਹੈ, ਦੂਜਾ ਕਿ ਕੰਟੇਨਰ ਦੇ ਤਲ ਦੇ ਸਿਖਰ ਤੇ ਇੱਕ ਤੋਂ ਬਾਅਦ. ਜਦੋਂ ਇੱਕ ਲਾਈਨ ਵਿੱਚ ਇਨਲਾਈਨ ਬਾਕਸ ਦੇ ਸਾਰੇ ਤੱਤਾਂ ਨੂੰ ਫਿੱਟ ਕਰਨ ਲਈ ਲੋੜੀਂਦੀ ਸਪੇਸ ਨਹੀਂ ਹੁੰਦਾ, ਉਹ ਅਗਲੀ ਲਾਈਨ ਨੂੰ ਲਪੇਟਦੇ ਹਨ ਅਤੇ ਉਚਾਈ ਤੋਂ ਸਟੈਕ ਕਰਦੇ ਹਨ.

ਉਦਾਹਰਨ ਲਈ, ਹੇਠਾਂ ਦਿੱਤੇ HTML ਵਿੱਚ:

ਇਹ ਟੈਕਸਟ ਬੋਲਡ ਹੈ ਅਤੇ ਇਹ ਟੈਕਸਟ ਇਟੈਲਿਕ ਹੈ . ਅਤੇ ਇਹ ਸਾਦਾ ਪਾਠ ਹੈ

ਪੈਰਾ ਇੱਕ ਬਲਾਕ ਤੱਤ ਹੈ, ਪਰ 5 ਇਨਲਾਈਨ ਤੱਤ ਹਨ:

• "ਇਹ ਪਾਠ"
• "ਬੋਲਡ"
• "ਅਤੇ ਇਹ ਪਾਠ"
• "ਤਿਰਛੇ"
• ". ਅਤੇ ਇਹ ਸਾਦਾ ਪਾਠ ਹੈ."

ਇਸ ਲਈ ਆਮ ਪ੍ਰਵਾਹ ਇਹ ਹੈ ਕਿ ਕਿਵੇਂ ਵੈਬ ਡਿਜ਼ਾਇਨਰ ਦੁਆਰਾ ਕਿਸੇ ਵੀ ਦਖਲ ਦੇ ਬਿਨਾਂ ਇਹ ਬਲਾਕ ਅਤੇ ਇਨਲਾਈਨ ਤੱਤ ਵੈਬ ਪੇਜ ਤੇ ਪ੍ਰਦਰਸ਼ਿਤ ਹੋਣਗੇ.

ਜੇ ਤੁਸੀਂ ਇੱਕ ਪੇਜ ਤੇ ਇਕ ਤੱਤ ਕਿੱਥੇ ਪ੍ਰਭਾਵਿਤ ਕਰਨਾ ਚਾਹੁੰਦੇ ਹੋ ਤਾਂ ਤੁਸੀਂ CSS ਪੋਜਿੰਗਿੰਗ ਜਾਂ CSS ਫਲੋਟਸ ਦੀ ਵਰਤੋਂ ਕਰ ਸਕਦੇ ਹੋ.