ટૅબ્સ અને અંતર બનાવવા માટે HTML અને CSS નો ઉપયોગ કેવી રીતે કરવો

બ્રાઉઝર્સ દ્વારા HTML માં સફેદ જગ્યા કેવી રીતે ગણવામાં આવે છે તે જુઓ

જો તમે શરૂઆત વેબ ડીઝાઈનર છો, તો ઘણી બધી બાબતોમાંની એક તમને પ્રારંભમાં સમજવાની જરૂર છે તે છે જે સાઇટના કોડમાં સફેદ જગ્યા વેબ બ્રાઉઝર દ્વારા સંચાલિત થાય છે.

કમનસીબે, જે રીતે બ્રાઉઝ કરે છે તે સફેદ સ્થાનને નિયંત્રિત કરે છે તે પહેલેથી જ ખૂબ જ સાહજિક નથી, ખાસ કરીને જો તમે HTML માં આવો અને તેની સાથે સરખાવશો કે શબ્દ પ્રોસેસિંગ પ્રોગ્રામ્સમાં કેવી રીતે સફેદ જગ્યા નિયંત્રિત થાય છે, જે તમે વધુ જાણી શકો છો.

વર્ડ પ્રોસેસિંગ સૉફ્ટવેરમાં, તમે દસ્તાવેજમાં ઘણાં બધાં અંતર અથવા ટૅબ્સ ઉમેરી શકો છો અને તે અંતર્ગત દસ્તાવેજની સામગ્રીના પ્રદર્શનમાં પ્રતિબિંબિત થશે. આ HTML કે વેબ પૃષ્ઠો સાથે નથી. જેમ કે, કેવી રીતે સફેદ જગ્યા છે તે જાણવાથી, ખરેખર, વેબ બ્રાઉઝર્સ દ્વારા નિયંત્રિત કરવામાં ખૂબ જ મહત્વપૂર્ણ છે.

પ્રિન્ટમાં અંતર

વર્ડ પ્રોસેસિંગ સોફ્ટવેરમાં, ત્રણ પ્રાથમિક સફેદ જગ્યા અક્ષરો જગ્યા, ટેબ અને વાહન વળતર છે. આ દરેક કાર્ય અલગ રીતે, પરંતુ એચટીએમએલ (HTML) માં, બ્રાઉઝર્સ તેમને બધા જ સમાન રેન્ડર કરે છે. શું તમે તમારા HTML માર્કઅપમાં એક જગ્યા અથવા 100 જગ્યાઓ મૂકો છો, અથવા ટેબ્સ અને કેરેજ રિટર્ન સાથે તમારા અંતરને ભેળવી દો છો, જ્યારે તે બ્રાઉઝર દ્વારા પૃષ્ઠ પ્રસ્તુત થાય છે ત્યારે આ બધાને એક જગ્યામાં સંક્ષિપ્ત કરવામાં આવશે. વેબ ડિઝાઇન પરિભાષામાં, તેને સફેદ જગ્યા પતન તરીકે ઓળખવામાં આવે છે. તમે આ વેબપેજમાં સફેદજગ્યા ઉમેરવા માટે આ સ્પેસિંગ સ્પેસિંગ કીઓનો ઉપયોગ કરી શકતા નથી કારણ કે બ્રાઉઝરમાં રેન્ડર કરવામાં આવે ત્યારે બ્રાઉઝર એક જ જગ્યામાં બહુવિધ ખાલી જગ્યાને તૂટી શકે છે,

કોઇએ ટૅબ્સ શા માટે ઉપયોગ કરે છે?

લાક્ષણિક રીતે, જ્યારે લોકો ટેક્સ્ટ ડોક્યુમેન્ટમાં ટૅબ્સનો ઉપયોગ કરે છે, ત્યારે તેઓ લેઆઉટ કારણોસર તેનો ઉપયોગ કરી રહ્યાં છે અથવા ટેક્સ્ટને ચોક્કસ સ્થાન પર ખસેડવા અથવા અન્ય ઘટકથી ચોક્કસ અંતર મેળવવા માટે ઉપયોગ કરી રહ્યાં છે. વેબ ડીઝાઇનમાં, તે વિઝ્યુઅલ સ્ટાઇલ અથવા લેઆઉટ જરૂરિયાતો હાંસલ કરવા માટે તમે તે ઉપરોક્ત સ્પેસ અક્ષરોનો ઉપયોગ કરી શકતા નથી.

વેબ રચનામાં, કોડમાં વધારાની જગ્યાના અક્ષરોનો ઉપયોગ સ્પષ્ટપણે તે કોડ વાંચવા માટે સરળ હશે. વેબ ડીઝાઇનરો અને ડેવલપરો ઘણીવાર ઇન્ડેન્ટ કોડમાં ટેબ્સનો ઉપયોગ કરે છે જેથી તેઓ જોઈ શકે કે કયા ઘટકો અન્ય ઘટકોના બાળકો છે - પરંતુ તે ઇન્ડેન્ટ્સ પૃષ્ઠના દ્રશ્ય લેઆઉટ પર અસર કરતા નથી. તે જરૂરી વિઝ્યુઅલ લેઆઉટ ફેરફારો માટે, તમારે CSS (કેસ્કેડીંગ સ્ટાઇલ શીટ્સ) ને ચાલુ કરવાની જરૂર પડશે.

HTML ટૅબ્સ અને અંતર બનાવવા માટે CSS નો ઉપયોગ કરવો

આજે માળખા અને શૈલીના જુદાં જુદાં જુદાં જુદાં સ્થાન સાથે વેબસાઇટ્સની રચના થાય છે. જ્યારે HTML દ્વારા શૈલીનું નિર્ધારણ કરવામાં આવે છે ત્યારે પૃષ્ઠનું માળખું HTML દ્વારા નિયંત્રિત થાય છે. આનો અર્થ એ કે અંતર બનાવવા અથવા ચોક્કસ લેઆઉટ પ્રાપ્ત કરવા માટે, તમારે CSS તરફ વળવું જોઈએ અને ફક્ત HTML કોડમાં ખાલી જગ્યાઓને ઉમેરવાનો પ્રયાસ કરતા નથી.

જો તમે ટેક્સ્ટનો કૉલમ બનાવવા ટેબ્સનો ઉપયોગ કરવાનો પ્રયાસ કરી રહ્યાં છો, તો તમે તેના બદલે