HTML ભાષામાં અસંખ્ય ઘટકો શામેલ છે તેમાં ફકરા, હેડિંગ, લિંક્સ અને છબીઓ જેવા સામાન્ય રીતે ઉપયોગમાં લેવાતા વેબસાઇટ ઘટકો શામેલ છે. હેડર, એનએવી, ફૂટર અને વધુ સહિત, HTML5 સાથે રજૂ કરવામાં આવેલા ઘણા નવા ઘટકો પણ છે. આ બધા HTML ઘટકોનો ઉપયોગ દસ્તાવેજનું માળખું બનાવવા અને તેનો અર્થ આપવા માટે થાય છે. તત્વોને વધુ અર્થ ઉમેરવા માટે, તમે તેમને વિશેષતાઓ આપી શકો છો
મૂળભૂત HTML ઑપનિંગ ટેગ
તમારા એચટીએમએલ ટેગમાં વિશેષતા ઉમેરવા માટે, તમે ટેગ નામ પછી આ જગ્યા પહેલી મૂકી છે (આ કિસ્સામાં "પી"). પછી તમે એટ્રીબ્યુટ નામ ઉમેરશો કે જેનો ઉપયોગ તમે સમાન સહી કરીને કરવા માંગો છો. છેલ્લે, લક્ષણ મૂલ્ય અવતરણ ગુણમાં મૂકવામાં આવશે. દાખ્લા તરીકે:
ટૅગ્સમાં બહુવિધ વિશેષતા હોઈ શકે છે તમે દરેક લક્ષણને જગ્યાથી બીજા સાથે અલગ કરી દો છો.
આવશ્યક વિશેષતાઓ સાથે ઘટકો
કેટલાક HTML ઘટકોને વાસ્તવમાં આવશ્યકતાઓની જરૂર છે જો તમે તેમને હેતુપૂર્વક કામ કરવા માંગો છો છબી ઘટક અને લિંક ઘટક આનું બે ઉદાહરણ છે.
છબી તત્વને "સ્રોક" વિશેષતાની જરૂર છે. તે વિશેષતા એ બ્રાઉઝરને કહે છે કે તમે તે સ્થાન પર કઈ છબીનો ઉપયોગ કરવા માગો છો એટ્રીબ્યુટનું મૂલ્ય છબીના એક ફાઇલ પાથ હશે. દાખ્લા તરીકે:
તમે નોંધ લેશો કે મેં આ ઘટકમાં અન્ય લક્ષણ ઉમેર્યું છે, "alt" અથવા વૈકલ્પિક લખાણ લક્ષણ. આ તકનીકી છબીઓ માટે જરૂરી એટ્રીબ્યુટ નથી, પરંતુ સુલભતા માટે હંમેશા આ સામગ્રીને શામેલ કરવા માટે તે એક શ્રેષ્ઠ પ્રથા છે. Alt એટ્રીબ્યુટના મૂલ્યમાં સૂચિબદ્ધ ટેક્સ્ટ એ છે કે જો કોઈ કારણોસર કોઈ છબી લોડ કરવામાં નિષ્ફળ રહે તો શું પ્રદર્શિત થશે.
અન્ય ઘટકો કે જે ચોક્કસ લક્ષણોની જરૂર છે એ એન્કર અથવા લિંક ટેગ છે. આ તત્વમાં "href" લક્ષણનો સમાવેશ હોવો આવશ્યક છે, જે 'હાયપરટેક્સ્ટ સંદર્ભ' માટે વપરાય છે. તે કહેતા એક ફેન્સી રીત છે "જ્યાં આ લિંક હોવી જોઈએ." જેમ છબી તત્વને જાણવાની જરૂર છે કે કઈ છબીને લોડ કરવી જોઈએ, લિંક ટેગ આવશ્યક છે જાણો કે જ્યાં તેને જોઈએ છે. અહીં લિંક ટેગ કેવી રીતે દેખાશે:
તે લિંક હવે કોઈ વ્યક્તિને કોઈ વિશેષતાના મૂલ્યમાં ઉલ્લેખિત વેબસાઇટ પર લાવશે. આ કિસ્સામાં, તે મુખ્ય પૃષ્ઠ છે.
CSS હૂક તરીકે લક્ષણો
લક્ષણોનો બીજો ઉપયોગ એ છે કે જ્યારે તેઓ CSS શૈલીઓ માટે "હુક્સ" તરીકે ઉપયોગમાં લેવાય છે. કારણ કે વેબ માનકોએ એવું સૂચવ્યું છે કે તમારે તમારા પૃષ્ઠની સ્ટ્રક્ચર (HTML) તેની શૈલીઓ (CSS) થી અલગ રાખવી જોઈએ, તમે CSS માં આ એટ્રિબ્યુટ હુક્સનો ઉપયોગ કરીને વેબ બ્રાઉઝરમાં કેવી રીતે સંરચિત પૃષ્ઠ પ્રદર્શિત થશે તે નિર્ધારિત કરો છો. હમણાં પૂરતું, તમે તમારા HTML દસ્તાવેજમાં આ માર્કઅપ ભાગ હોઈ શકે છે.
જો તમે ઇચ્છતા હો કે ડિવિઝનને બ્લેક (# 000) નાં બેકગ્રાઉન્ડ રંગ અને ફૉન્ટ-સાઈઝની 1.5 મીમ હશે, તો તમે તેને તમારા CSS માં ઉમેરી શકો છો:
.ફિચરડ {બેકગ્રાઉન્ડ રંગ: # 000; ફોન્ટ કદ: 1.5ેમ;}"વૈશિષ્ટિકૃત" વર્ગ લક્ષણ હૂક તરીકે કાર્ય કરે છે જે અમે તે ક્ષેત્રમાં શૈલીઓ લાગુ કરવા માટે CSS માં ઉપયોગ કરીએ છીએ. જો આપણે ઇચ્છતા હોય તો અમે અહીં એક ID એટ્રીબ્યુટ પણ કરી શકીએ છીએ. બંને વર્ગો અને ID સાર્વત્રિક લક્ષણો છે, જેનો અર્થ છે કે તેઓ કોઈપણ ઘટકમાં ઉમેરી શકાય છે. તે તત્વના દ્રશ્ય દેખાવને નક્કી કરવા માટે તેઓ બંને ચોક્કસ CSS શૈલીઓ સાથે લક્ષ્યાંકિત કરી શકાય છે.
જાવાસ્ક્રિપ્ટ વિષે
છેલ્લે, ચોક્કસ HTML ઘટકો પર લક્ષણોનો ઉપયોગ એ કંઈક છે જેનો ઉપયોગ તમે જાવાસ્ક્રિપ્ટમાં કરી શકો છો. જો તમારી પાસે એક સ્ક્રિપ્ટ છે જે ચોક્કસ ID લક્ષણ સાથે તત્વ શોધી રહી છે, જે હજી HTML ભાષાના આ સામાન્ય ભાગનો બીજો ઉપયોગ છે.