શું HTML માપ ટૅગ અસ્તિત્વમાં છે?

જલદી તમે HTML સાથે વેબપૃષ્ઠો બનાવવાનું શરૂ કરો, તમે કદ બદલવાનું સાથે કામ કરવાનું શરૂ કરશે. તમારી સાઇટ જે રીતે તમે તેને જોવા માંગો છો તેની શોધ કરવા માટે, સંભવિત રૂપે ડિઝાઇન અથવા અન્ય ડીઝાઇનરે ડિઝાઇન કર્યા છે, તો તમે તે સાઇટ પરના ટેક્સ્ટનું કદ, તેમજ પૃષ્ઠ પરના અન્ય ઘટકોને બદલવા માંગો છો. આ કરવા માટે તમે એચટીએમએલ "કદ" ટૅગ શોધી શકો છો, પરંતુ તમને ઝડપથી તે ખૂટે છે.

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

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

ફોન્ટ કદ

ફોન્ટ્સ દાવાપૂર્વક સીએસએસ સાથે કદ માટે સૌથી સરળ વસ્તુ છે. Moreso માત્ર તે લખાણ કદ બદલવાની કરતાં, સીએસએસ સાથે તમે તમારી વેબસાઇટ ટાઇપોગ્રાફી વિશે વધુ ચોક્કસ હોઈ શકે છે. તમે ફોન્ટ માપ, રંગ, કેસીંગ, વજન, અગ્રણી, અને વધુ વ્યાખ્યાયિત કરી શકો છો. ફોન્ટ ટેગ સાથે, તમે ફક્ત કદને વ્યાખ્યાયિત કરી શકો છો, અને પછી બ્રાઉઝરનાં ડિફૉલ્ટ ફૉન્ટ કદથી સંબંધિત સંખ્યા તરીકે જે દરેક ગ્રાહક માટે અલગ પડે છે.

તમારા ફકરાને 12pt નો ફોન્ટ માપ આપવા માટે, ફોન્ટ-સાઈઝ શૈલીની મિલકતનો ઉપયોગ કરો:

h3 {font-size = 24px; }

આ શૈલી હેડિઅિંગ 3 ઘટકો 24 પિક્સેલ્સનો ફોન્ટ કદ સેટ કરશે. તમે આને બાહ્ય સ્ટાઇલશીટમાં ઉમેરી શકો છો અને તમારી બધી સાઇટના H3s આ શૈલીનો ઉપયોગ કરશે.

જો તમે તમારા ટેક્સ્ટમાં વધારાની ટાઇપોગ્રાફિક શૈલીઓ ઍડ કરવા માંગો છો, તો તમે તેમને આ CSS નિયમ પર ઉમેરી શકો છો:

h3 {font-size: 24px; રંગ: # 000; ફોન્ટ વજન: સામાન્ય; }

આ ફક્ત H3s માટે તે ફૉન્ટનું કદ સેટ કરશે નહીં, તે રંગને કાળા રંગમાં પણ સેટ કરશે (જે છે તે હેક્સ કોડ # 000 સાધન છે) અને તે "સામાન્ય" પર વજન સુયોજિત કરશે. ડિફૉલ્ટ રૂપે, બ્રાઉઝર હેડર 1-6 ને બોલ્ડ ટેક્સ્ટ તરીકે રેન્ડર કરે છે, તેથી આ શૈલી તે ડિફૉલ્ટ અને અનિવાર્યપણે "અન-બોલ્ડ" ટેક્સ્ટને ઓવરરાઇડ કરશે.

છબી કદ

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

ફોન્ટ્સથી વિપરીત, છબીઓ માપને વ્યાખ્યાયિત કરવા માટે HTML અથવા CSS નો ઉપયોગ કરી શકે છે. તમે છબીની પહોળાઈ અને ઊંચાઈ વ્યાખ્યાયિત કરો છો જ્યારે તમે HTML નો ઉપયોગ કરો છો, ત્યારે તમે ફક્ત પિક્સેલમાં ઇમેજ માપ વ્યાખ્યાયિત કરી શકો છો. જો તમે CSS નો ઉપયોગ કરો છો, તો તમે ઇંચ, સેન્ટિમીટર અને ટકાવારી સહિતના અન્ય માપનો ઉપયોગ કરી શકો છો. આ છેલ્લા મૂલ્ય, ટકાવારીઓ, ખૂબ જ ઉપયોગી છે જ્યારે તમારી છબીઓને એક પ્રતિભાવ વેબસાઇટ તરીકે પ્રવાહી કરવાની જરૂર છે

HTML નો ઉપયોગ કરીને તમારી છબી કદ વ્યાખ્યાયિત કરવા માટે, img ટૅગની ઊંચાઈ અને પહોળાઈ વિશિષ્ટતાઓનો ઉપયોગ કરો. ઉદાહરણ તરીકે, આ છબી 400x400 પિક્સેલ્સનો વર્ગ હશે:

ઊંચાઇ = "400" પહોળાઈ = "400" alt = "છબી" />

CSS નો ઉપયોગ કરીને તમારી ઇમેજ માપ વ્યાખ્યાયિત કરવા માટે, ઊંચાઇ અને પહોળાઈ શૈલી ગુણધર્મોનો ઉપયોગ કરો. માપ વ્યાખ્યાયિત કરવા માટે સી.એસ.એસ.નો ઉપયોગ કરીને અહીંની એક જ છબી છે:

શૈલી = "ઊંચાઇ: 400 પીએક્સ; પહોળાઈ: 400 પીએક્સ;" alt = "છબી" />

લેઆઉટ કદ

લેઆઉટમાં તમે વ્યાખ્યાયિત સૌથી સામાન્ય કદ પહોળાઈ છે, અને તમારે નક્કી કરવાની જરૂર છે તે પ્રથમ વસ્તુ એ છે કે નિશ્ચિત પહોળાઈ લેઆઉટ અથવા પ્રતિભાગી વેબસાઇટનો ઉપયોગ કરવો. બીજા શબ્દોમાં કહીએ તો, શું તમે પહોળાઈને પિક્સેલ્સ, ઇંચ અથવા પોઈન્ટની ચોક્કસ સંખ્યા તરીકે વ્યાખ્યાયિત કરવા જઈ રહ્યા છો? અથવા તમે તમારા લેઆઉટની પહોળાઈને ઇએમએસ અથવા ટકા ઉપયોગ કરીને લવચીક બનાવવા માટે જઈ રહ્યા છો? તમારા લેઆઉટના કદને વ્યાખ્યાયિત કરવા માટે, તમે પહોળાઈ અને ઊંચાઈ CSS ગુણધર્મોનો ઉપયોગ કરો છો જેમ તમે એક છબીમાં કરશો

સ્થિર પહોળાઈ:

શૈલી = "પહોળાઈ: 600px;">

લિક્વિડ પહોળાઈ:

શૈલી = "પહોળાઈ: 80%;">

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