HTML માં જગ્યાઓ કેવી રીતે દાખલ કરવી

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

નોન-બ્રેકિંગ સ્પેસ માટે nbsp અક્ષરોનો ઉપયોગ કરો.

HTML, MS Word દસ્તાવેજથી વિપરીત, વધારાની જગ્યાને ઓળખતું નથી જે ખાલી સ્પેસ બાર વડે ટાઈપ કરવામાં આવે છે. તેના બદલે, તમારે જોઈતું પરિણામ મેળવવા માટે તમારે HTML ની ​​ભાષા અને પ્રતીકોનો ઉપયોગ કરવો પડશે. તમારા HTML માં તૂટતી ન હોય તેવી જગ્યા દાખલ કરવા માટે, તમે જ્યાં વધારાની જગ્યા માંગો છો તે સ્થાન પછી ' ' લખો. પછી તે તેને એક જગ્યા તરીકે ઓળખશે જે તમે તમારા દસ્તાવેજના તે સ્થાનમાં ઇચ્છો છો. ધ્યાનમાં રાખો કે તમારે આ ટેકનિકનો સળંગ ઘણી વખત વધુ પડતો ઉપયોગ કરવો જોઈએ નહીં કારણ કે તે બ્રાઉઝર્સને મૂંઝવણમાં મૂકી શકે છે.

વાયરસ / ગેટ્ટી છબીઓ

આ તકનીક સાથે બહુવિધ જગ્યાઓ દાખલ કરો.

જો તમારે એક શબ્દ પછી એક કરતાં વધુ જગ્યા દાખલ કરવાની જરૂર હોય, તો તમે બે જગ્યા માટે '&ensp' નો ઉપયોગ કરી શકો છો. ચાર જગ્યાઓ માટે, '&emsp' લખો. તમે ટેબ પસંદગીનો ઉપયોગ કરી શકો છો, પછી શબ્દો પછી લાંબી જગ્યા દાખલ કરવા માટે ' ' અક્ષરોને સતત ચાર વાર હિટ કરો. આમાંની કોઈપણ વ્યૂહરચના તમારા HTML દસ્તાવેજમાં પસંદ કરેલા શબ્દો પછી વધુ સફેદ જગ્યા ઉમેરવા માટે કામ કરશે.

સ્કેનરેલ / ગેટ્ટી છબીઓ

કાસ્કેડિંગ સ્ટાઇલ શીટ્સનો ઉપયોગ કરીને ફકરાઓને ઇન્ડેન્ટ કરો.

કેસ્કેડીંગ સ્ટાઈલ શીટ્સ (CSS) એ HTML-આધારિત પ્રોટોકોલ છે જે તમને ઓછી ઔપચારિક રીતે HTML દાખલ કરવાની મંજૂરી આપે છે. CSS પદ્ધતિઓનો ઉપયોગ કરીને, તમારે HTML ના લાંબા સ્વરૂપનો ઉપયોગ કરવાની જરૂર નથી, તેથી સમયની બચત થાય છે. CSS નું ફોર્મેટ પ્રમાણભૂત HTML કરતા અલગ છે, પરંતુ તેમાં તેની અંદર HTML શામેલ છે. તમે ઇન્ડેન્ટ કરવા માટે CSS ફોર્મેટનો ઉપયોગ કરી શકો છો, ત્યાંથી તમારા HTML માં તમને જરૂરી જગ્યાઓ બનાવી શકો છો. આને દાખલ કરવા માટે તમે એક લીટીનો ઉપયોગ કરી શકો છો તે છે p. ઇન્ડેન્ટ {padding-left: 1.8 em} યાદ રાખો કે આ કોડને તમારા HTML ની ​​અંદરના ટૅગ્સ વચ્ચે મૂકવાની જરૂર છે.

ફિટબિટ 2 વિ 3

NicoElNino / Getty Images

લાઇન બ્રેક બનાવવા માટે આ ટેગનો ઉપયોગ કરો.

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

ગેરહાજર84 / ગેટ્ટી છબીઓ

નવા ફકરાને વ્યાખ્યાયિત કરવા માટે આ અક્ષર ટેગનો ઉપયોગ કરો.

કેટલીકવાર તમારા HTML દસ્તાવેજમાં નવો ફકરો બનાવવો જરૂરી બની જાય છે. લાઇન બ્રેકની જેમ, આ તમારા ટેક્સ્ટનો નવો વિભાગ સ્થાપિત કરવામાં મદદ કરે છે અને તમારા કાર્યના દેખાવને સાફ કરવામાં મદદ કરે છે. આ તેને વધુ વાંચવા યોગ્ય અને નેવિગેટ કરવામાં સરળ બનાવે છે.

જો તમારે નવો ફકરો બનાવવાની જરૂર હોય, તો ટાઈપ કરો

તમે જ્યાં ઇન્ડેન્ટ મૂકવા માંગો છો તે બિંદુ પર અક્ષર. જ્યારે તમે તમારી સામગ્રી બનાવતા હોવ ત્યારે આ દસ્તાવેજના દેખાવમાં મદદ કરવા માટે સેવા આપવી જોઈએ.

exdez / ગેટ્ટી છબીઓ

જગ્યાઓ વાંચવા માટે પ્રી-ફોર્મેટ કરેલ ટેક્સ્ટ વિકલ્પનો ઉપયોગ કરો.

જો તમે એન્ટર કીનો ઉપયોગ કરીને બનાવેલ સ્પેસને વાંચવામાં સમર્થ થવા માંગતા હોવ, તો તમે પ્રી-ફોર્મેટ કરેલ ટેક્સ્ટ એરિયા પહેલા અને પછી એક સરળ HTML ટેગ દાખલ કરીને આમ કરી શકો છો. ફક્ત તે શબ્દો ટાઈપ કરો કે જેને તમે આ રીતે ટૅગ્સ વચ્ચે ફોર્મેટ કરવા માંગો છો: |_+_| એકવાર તમે આ કરી લો, પછી તમે 'enter' કી વડે કોઈપણ જગ્યાઓ દાખલ કરો છો તે આ તકનીક દ્વારા પ્રદર્શિત થશે.

વેલકમિયા / ગેટ્ટી છબીઓ

'સ્લોપી HTML' ટાળવા માટે બે વાર તપાસો.

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

mrPliskin / Getty Images

વેબ પૃષ્ઠ પર તમારા ટેક્સ્ટને સંરેખિત કરો.

HTML કોડિંગ ભાષાનો ઉપયોગ કરીને પૃષ્ઠ બનાવતી વખતે HTML ના મૂળભૂત ઘટકો મહત્વપૂર્ણ છે. તમારા પૃષ્ઠને યોગ્ય માર્જિન અને ફોર્મેટ સાથે સંરેખિત કરવું એ સૌથી મૂળભૂત ઘટકોમાંનું એક છે. જો તમે ગ્રાફિક્સ એડિટરમાં હોવ તો તમે 'ડાબે સંરેખિત', 'કેન્દ્ર સંરેખિત' અથવા 'જમણે સંરેખિત' કાર્યોનો ઉપયોગ કરી શકો છો. જો નહીં, તો તમારે HTML કોડિંગનો ઉપયોગ કરીને તમારા ટેક્સ્ટને સંરેખિત કરવા માટે નીચેના ટૅગ્સ શામેલ કરવા પડશે:

ડાબે સંરેખિત કરો

Savushkin / Getty Images

પ્રકાશિત કરતા પહેલા તમારા HTMLનું પૂર્વાવલોકન કરો.

એક ભૂલ કેટલાક HTML કોડર્સ કરે છે કે તેઓ પ્રકાશિત અથવા સબમિટ કરતા પહેલા તેમના HTMLનું પૂર્વાવલોકન અથવા પ્રૂફરીડ કરતા નથી. આ ભૂલોમાં પરિણમી શકે છે જે નબળો વપરાશકર્તા અનુભવ પેદા કરશે. આને સુધારવા માટે, હંમેશા તમારા કોડિંગને HTML પ્રીવ્યુઅરમાં અજમાવો અથવા તેને પ્રકાશિત કરો જ્યાં તમે તેને પહેલા જોઈ શકો. આ કોઈપણ કોડિંગ ભૂલોને ટાળશે જે અનિયમિત અથવા ઢાળવાળી HTML નું કારણ બને છે. ફિલ્મમાં, યુદ્ધ રમતો , કેન્દ્રીય પાત્ર, મેથ્યુ બ્રોડરિક, આખરે કમ્પ્યુટરમાં પ્રવેશવા માટેનો પાસવર્ડ શોધી કાઢે છે, કહે છે, 'તે એટલું સરળ ન હોઈ શકે.' સત્ય એ છે કે તે ઘણીવાર સરળ હોય છે અને તે સરળ ભૂલો છે જેમ કે ટેગ અથવા પાત્રને છોડવા જે HTML કોડિંગ કરતી વખતે મોટાભાગની સમસ્યાઓનું કારણ બને છે.

સોલસ્ટોક / ગેટ્ટી છબીઓ

HTML5 શીખો.

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

relif / ગેટ્ટી છબીઓ