માત્ર html ફાઈલોની મુખ્ય સમસ્યા એ છે કે તેઓ વેબસાઈટ પર વાંચવા અને ઉપયોગમાં લેવા માટે મુશ્કેલ હોઈ શકે છે. આ એટલા માટે છે કારણ કે મોટાભાગના બ્રાઉઝર ટેક્સ્ટ અને છબીઓને અલગથી પ્રદર્શિત કરે છે, જે ફાઇલની સામગ્રીને જોવાનું મુશ્કેલ બનાવે છે.
<img src="image.jpg">
આ એક HTML કોડ લાઇન છે જે વેબ બ્રાઉઝરને પેજ પર ઇમેજ ફાઇલ “image.jpg” પ્રદર્શિત કરવા કહે છે.
HTML ઇનપુટ એટ્રિબ્યુટ સ્વીકારે છે
HTML માં, તમે ઉપયોગ કરી શકો છો વપરાશકર્તાની વિશેષતા સ્વીકારવા માટે ટેગ કરો. ઉદાહરણ તરીકે, વપરાશકર્તાઓને ફોન નંબર દાખલ કરવાની મંજૂરી આપવા માટે, તમે નીચેના કોડનો ઉપયોગ કરી શકો છો:
ઇનપુટ ટેગ ટેલ ઇનપુટ ફીલ્ડ માટે આપમેળે જરૂરી વિશેષતાઓને સમાવી લેશે.
HTML માં ફાઇલો
HTML માં, ફાઇલો દ્વારા રજૂ થાય છે
HTML માં છબીઓ
HTML માં ઇમેજનો ઉપયોગ દસ્તાવેજમાં ગ્રાફિકલ ઑબ્જેક્ટને રજૂ કરવા માટે થાય છે. તેનો ઉપયોગ છબીઓ, ચિહ્નો, લોગો અને અન્ય ગ્રાફિક્સ પ્રદર્શિત કરવા માટે થઈ શકે છે. છબીઓનો ઉપયોગ હાઇપરલિંક્સ અથવા એમ્બેડેડ વિડિઓઝ બનાવવા માટે પણ થઈ શકે છે.
તમારા HTML દસ્તાવેજમાં ઇમેજ શામેલ કરવા માટે, તમારે પહેલા યોગ્ય ફાઇલ એક્સ્ટેંશન શામેલ કરવાની જરૂર છે. ઉદાહરણ તરીકે, જો તમે તમારા દસ્તાવેજમાં "logo.png" નામની છબી શામેલ કરવા માંગતા હો, તો તમે નીચેના કોડનો ઉપયોગ કરશો:
તમે કોઈપણ સાથેના ટેક્સ્ટ અથવા ફોર્મેટિંગ વિના પ્રમાણભૂત ઇમેજ ફાઇલને પ્રદર્શિત કરવા માટે પણ img ટૅગનો ઉપયોગ કરી શકો છો:
તમે પહોળાઈ અને ઊંચાઈના લક્ષણોનો ઉપયોગ કરીને છબી માટે પહોળાઈ અને ઊંચાઈનો પણ ઉલ્લેખ કરી શકો છો:
