તમારા પૃષ્ઠ પર ડિઝાઇન વિભાગો બનાવી રહ્યાં છે
હેડિંગ તમારા ટેક્સ્ટને ગોઠવવા, ઉપયોગી વિભાગો બનાવવા અને શોધ એન્જિન માટે તમારા વેબપૃષ્ઠને ઑપ્ટિમાઇઝ કરવા માટે એક ઉપયોગી રીત છે. તમે એચટીએમએલ શીર્ષક ટૅગ્સ સાથે સરળતાથી હેડિંગ બનાવી શકો છો. તમે તમારા ટેક્સ્ટની દેખાવને બોલ્ડ અને ઇટાલિક ટૅગ્સ સાથે પણ બદલી શકો છો.
શીર્ષકોની
મથિંગ ટૅગ્સ તમારા દસ્તાવેજને વહેંચવાનો સરળ માર્ગ છે. જો તમે અખબારી તરીકે તમારી સાઇટ વિશે વિચારો છો, તો શીર્ષકો એ અખબાર પરની હેડલાઇન્સ છે મુખ્ય હેડલાઇન એ h1 છે અને અનુગામી મથાળાઓ h6 દ્વારા h2 છે.
HTML બનાવવા માટે નીચેના કોડ્સનો ઉપયોગ કરો.
આ મથાળું છે 1 આ મથાળું છે 2 આ મથાળું છે 3 આ મથાળું 4 આ મથાળું છે 5 આ મથાળું છે 6 યાદ રાખવું ટિપ્સ
- લોજીકલ ક્રમમાં તમારા શીર્ષકોની રાખવાનો પ્રયાસ કરો, h1 h2 પહેલા આવે છે, જે h3 પહેલા આવે છે, અને એમ બધુ આગળ.
- મથાળાઓ કેવી રીતે દેખાય છે તેના વિશે ખૂબ ચિંતા કરશો નહીં - તમારે હેડલાઇન્સનો ઉપયોગ કરવાને બદલે હેડલાઇન્સનો ઉપયોગ કરવો જોઈએ.
- હેડલાઇન ટેગો બ્લોક-લેવલનાં ઘટકો છે , તેથી તેઓ તમારા માટે લાઇન બ્રેક્સમાં મૂકવામાં આવે છે. શીર્ષકોની ટૅગ્સ અંદર પી ટૅગ્સ મૂકી નથી
બોલ્ડ અને ઇટાલિક
આ મથાળું છે 3 આ મથાળું 4 આ મથાળું છે 5 આ મથાળું છે 6 યાદ રાખવું ટિપ્સ
- લોજીકલ ક્રમમાં તમારા શીર્ષકોની રાખવાનો પ્રયાસ કરો, h1 h2 પહેલા આવે છે, જે h3 પહેલા આવે છે, અને એમ બધુ આગળ.
- મથાળાઓ કેવી રીતે દેખાય છે તેના વિશે ખૂબ ચિંતા કરશો નહીં - તમારે હેડલાઇન્સનો ઉપયોગ કરવાને બદલે હેડલાઇન્સનો ઉપયોગ કરવો જોઈએ.
- હેડલાઇન ટેગો બ્લોક-લેવલનાં ઘટકો છે , તેથી તેઓ તમારા માટે લાઇન બ્રેક્સમાં મૂકવામાં આવે છે. શીર્ષકોની ટૅગ્સ અંદર પી ટૅગ્સ મૂકી નથી
બોલ્ડ અને ઇટાલિક
આ મથાળું છે 5 આ મથાળું છે 6 યાદ રાખવું ટિપ્સ
- લોજીકલ ક્રમમાં તમારા શીર્ષકોની રાખવાનો પ્રયાસ કરો, h1 h2 પહેલા આવે છે, જે h3 પહેલા આવે છે, અને એમ બધુ આગળ.
- મથાળાઓ કેવી રીતે દેખાય છે તેના વિશે ખૂબ ચિંતા કરશો નહીં - તમારે હેડલાઇન્સનો ઉપયોગ કરવાને બદલે હેડલાઇન્સનો ઉપયોગ કરવો જોઈએ.
- હેડલાઇન ટેગો બ્લોક-લેવલનાં ઘટકો છે , તેથી તેઓ તમારા માટે લાઇન બ્રેક્સમાં મૂકવામાં આવે છે. શીર્ષકોની ટૅગ્સ અંદર પી ટૅગ્સ મૂકી નથી
બોલ્ડ અને ઇટાલિક
યાદ રાખવું ટિપ્સ
- લોજીકલ ક્રમમાં તમારા શીર્ષકોની રાખવાનો પ્રયાસ કરો, h1 h2 પહેલા આવે છે, જે h3 પહેલા આવે છે, અને એમ બધુ આગળ.
- મથાળાઓ કેવી રીતે દેખાય છે તેના વિશે ખૂબ ચિંતા કરશો નહીં - તમારે હેડલાઇન્સનો ઉપયોગ કરવાને બદલે હેડલાઇન્સનો ઉપયોગ કરવો જોઈએ.
- હેડલાઇન ટેગો બ્લોક-લેવલનાં ઘટકો છે , તેથી તેઓ તમારા માટે લાઇન બ્રેક્સમાં મૂકવામાં આવે છે. શીર્ષકોની ટૅગ્સ અંદર પી ટૅગ્સ મૂકી નથી
બોલ્ડ અને ઇટાલિક
ત્યાં ચાર ટેગ્સ છે જે તમે બોલ્ડ અને ઇટાલિક માટે વાપરી શકો છો:
- અને બોલ્ડ માટે
- અને ઇટાલિક માટે
તમે ઉપયોગ કરો છો તે કોઈ બાબત નથી. જ્યારે કેટલાક અને પસંદ કરે છે, પરંતુ ઘણા લોકો "બોલ્ડ" અને તે યાદ રાખવા માટે સરળ ઇટેલિક માટે શોધે છે.
ફક્ત ટેક્સ્ટ બોલ્ડ અથવા ઇટાલિક બનાવવા માટે, શરૂઆતના અને સમાપ્તિ ટૅગ્સ સાથે તમારા ટેક્સ્ટને ફરતે કરો :
બોલ્ડ ઇટાલિકતમે આ ટૅગ્સને માળો (જેનો અર્થ છે કે તમે ટેક્સ્ટને બંને બોલ્ડ અને ઇટાલિક બનાવી શકો છો) અને તે બાહ્ય અથવા આંતરિક ટેગ છે તે કોઈ બાબત નથી.
દાખ્લા તરીકે:
આ ટેક્સ્ટ બોલ્ડ છે
આ ટેક્સ્ટ બોલ્ડ છેઆ ટેક્સ્ટ ઇટાલિકોમાં છે
આ ટેક્સ્ટ ઇટાલિકો છેઆ ટેક્સ્ટ બોલ્ડ અને ત્રાંસા બંને છે
આ ટેક્સ્ટ બંને બોલ્ડ અને ત્રાંસા છેબોલ્ડ અને ઇટાલિકો ટૅગ્સ શા માટે ત્યાં બે સમૂહો
HTML4 માં, અને ટૅગ્સને સ્ટાઇલ ટેગ ગણવામાં આવ્યાં હતાં જે ફક્ત ટેક્સ્ટના દેખાવ પર અસર કરતા હતા અને ટૅગની સામગ્રીઓ વિશે કંઇ ન બોલતા, અને તેનો ઉપયોગ કરવા માટે ખરાબ ફોર્મ માનવામાં આવે છે. ત્યારબાદ, HTML5 સાથે, તેમને ટેક્સ્ટના દેખાવની બહાર એક સિમેન્ટીક અર્થ આપવામાં આવી હતી.
HTML5 માં આ ટૅગ્સનો વિશિષ્ટ અર્થ છે:
- એવી ટેક્સ્ટ સૂચવે છે કે જે આજુબાજુના ટેક્સ્ટ કરતાં વધુ મહત્વપૂર્ણ નથી, પરંતુ સામાન્ય ટાઇપોગ્રાફિક પ્રસ્તુતિ બોલ્ડ ટેક્સ્ટ છે, જેમ કે સમીક્ષામાં દસ્તાવેજ સારાંશ અથવા પ્રોડક્ટ નામોનાં કીવર્ડ્સ.
- એવી ટેક્સ્ટ સૂચવે છે જે આસપાસના ટેક્સ્ટ કરતાં વધુ મહત્વપૂર્ણ નથી, પરંતુ સામાન્ય ટાઇપગ્રાફિક પ્રસ્તુતિ ઇટાલિક ટેક્સ્ટ છે, જેમ કે પુસ્તક શીર્ષક, તકનીકી શબ્દ અથવા અન્ય ભાષામાં શબ્દસમૂહ.
- ટેક્સ્ટને પ્રસ્તુત કરે છે જે આસપાસનાં ટેક્સ્ટની સરખામણીમાં વધુ મહત્વ ધરાવે છે.
- ટેક્સ્ટને સૂચિત કરે છે જે આસપાસના ટેક્સ્ટની સરખામણીમાં ભારયુક્ત તણાવ ધરાવે છે.