જ્યારે આપણે HTML કોડ વિશે વાત કરીએ છીએ, ત્યારે ચોક્કસપણે તમારામાંથી ઘણા લોકો એવી ભાષા વિશે વિચારે છે જેનો ઉપયોગ માહિતીને સંરચિત કરવા માટે કરવામાં આવે છે જે જ્યારે આપણે બ્રાઉઝર અથવા વેબ પૃષ્ઠ દાખલ કરીએ છીએ ત્યારે અમને પ્રદાન કરવામાં આવે છે. પરંતુ આ અહીં સમાપ્ત થતું નથી, HTML શું છે અને તે શું છે તે વધુ સારી રીતે સમજવા માટે, આપણે આ વિષયમાં ઘણું આગળ વધવું જોઈએ.
આ કોડ કે જેના વિશે આપણે વાત કરવા જઈ રહ્યા છીએ તે વેબ ડેવલપમેન્ટનો મૂળભૂત આધાર છે. દરેક વખતે જ્યારે આપણે વિવિધ પૃષ્ઠોને બ્રાઉઝ કરીએ છીએ, ત્યારે તે બધામાં HTML હાજર કરતાં વધુ હોય છે, પછી ભલે તે ફેશન પૃષ્ઠ હોય કે વ્યક્તિગત બ્લોગ. જો તમને આ વિષય વિશે વધુ જાણવામાં રસ હોય, તો પેન અને કાગળ લો અને અમે શરૂ કરીશું.
HTML કોડ શું છે અને તેનો ઉપયોગ શેના માટે થાય છે?
જેમ કે અમે આ પ્રકાશનની શરૂઆતમાં સૂચવ્યું છે, HTML એ એક એવી ભાષા છે કે જેના વડે આપણે આપણા વેબ પેજની સામગ્રીને વ્યાખ્યાયિત કરી શકીએ છીએ. સ્પેનિશમાં, ટૂંકું નામ હાયપરટેક્સ્ટ માર્કઅપ લેંગ્વેજની વ્યાખ્યાને અનુરૂપ છે. એટલે કે, લેબલોની શ્રેણી કે જે અમારું બ્રાઉઝર અર્થઘટન કરવામાં સક્ષમ છે અને જેની સાથે અમે અમારા ટેક્સ્ટ અને અન્ય પ્રકારના પાસાઓને વ્યાખ્યાયિત કરી શકીએ છીએ જે વેબ પૃષ્ઠ, છબીઓ, ગ્રાફિક્સ વગેરેનો ભાગ હશે.
આ ભાષા જે આપણે બોલીએ છીએ તેમાં પૃષ્ઠ જે બંધારણને અનુસરે છે તેનું વર્ણન કરવાનું કાર્ય ધરાવે છે અને તે જે રીતે પ્રદર્શિત થવાના છે તે રીતે ગોઠવવામાં પણ મદદ કરે છે.. આ બધા ઉપરાંત, HTML તમને અન્ય પ્રકારનાં પૃષ્ઠો અથવા તો દસ્તાવેજો પર વિવિધ રીડાયરેક્ટ કરેલી લિંક્સ શામેલ કરવાની મંજૂરી આપશે.
તે પ્રોગ્રામિંગ ભાષા નથી, કારણ કે તે ચોક્કસ અંકગણિત કાર્યોને પૂર્ણ કરતી નથી. તેથી આપણે નિર્દેશ કરી શકીએ છીએ કે તેનું મુખ્ય કાર્ય સ્થિર વેબ પૃષ્ઠો બનાવવા માટે સક્ષમ બનવાનું છે. તે ખૂબ જ ઉપયોગી છે કારણ કે, તેને અન્ય પ્રકારની પ્રોગ્રામિંગ ભાષા સાથે જોડીને, તમે સૌથી વધુ ગતિશીલ પૃષ્ઠો મેળવી શકો છો, જેમ કે આપણે દરરોજ મુલાકાત લઈએ છીએ.
HTML ઇતિહાસનો થોડોક
graffica.info
આ ભાષાનો જન્મ 1980 માં થયો હતો જ્યારે ટિમ બર્નર્સ-લી નામના વૈજ્ઞાનિકે નવી હાઇપરટેક્સ્ટ સિસ્ટમનો વિચાર રજૂ કર્યો હતો.. તે દસ્તાવેજો અને ફાઇલોને શેર કરવામાં સક્ષમ થવાની જરૂરિયાત પર આધારિત હતું. HTML વિશે વાત કરતા આ પ્રકાશનમાં, કુલ 22 ટૅગ્સનું વર્ણન કરવામાં આવ્યું છે જે આ ભાષા શું છે તેની પ્રારંભિક અને સરળ ડિઝાઇન શીખવે છે.
હાલમાં, વર્ષો પહેલા ઉલ્લેખિત આમાંના કેટલાંક લેબલ હજુ પણ જાળવી રાખવામાં આવ્યા છે, અન્ય કે જેને બાજુ પર છોડી દેવામાં આવ્યા છે અને સમય જતાં ઉમેરવામાં આવેલ અન્યની સરખામણીમાં. જેમાંથી આપણે નિર્દેશ કરી શકીએ છીએ કે તેના સમગ્ર ઇતિહાસમાં HTML ની વિવિધ આવૃત્તિઓ છે.
ચાલો યાદ રાખીએ કે આ પ્રકારની ભાષાની પ્રક્રિયા ફક્ત બ્રાઉઝર દ્વારા જ થઈ શકે છે જેમ કે અમે હાલમાં આ વેબસાઈટ પર જણાવેલ પ્રકાશન વાંચવા માટે ઉપયોગ કરી રહ્યા છીએ.
લેબલ્સના પ્રકારો
અગાઉના વિભાગમાં આપણે જે બાબત તરફ ધ્યાન દોર્યું છે તેમાંની એક એ છે કે HTML ભાષા વિવિધ ટૅગ્સથી બનેલી છે. જેઓ નથી જાણતા તેમના માટે આ લેબલ્સ, તે કૌંસ અથવા કૌંસ દ્વારા સંરક્ષિત એક પ્રકારના ટેક્સ્ટ ટુકડાઓ છે જેનો ઉદ્દેશ્ય કોડ લખવાનો છે.
આ લેબલ્સ, તેઓ સામાન્ય રીતે ટીપ <>માં કૌંસમાં આપણે જે જાણીએ છીએ તેના દ્વારા સીમાંકિત કરવામાં આવે છે, એટલે કે;. આનો ઉપયોગ દેખાવના સંદર્ભમાં, વેબ પર તમે જે દેખાવા માંગો છો તેનું વર્ણન કરવા માટે થાય છે.
HTML માં, અનેઅમે શોધીએ છીએ કે વિવિધ લેબલોની વિશાળ વિવિધતા વ્યાખ્યાયિત કરવામાં આવી છે. તેને જે ઉપયોગ આપવામાં આવશે તેના આધારે, આપણે તેમાંથી કેટલાક નીચે જોઈશું.
- ઓપનિંગ ટેગ: પૃષ્ઠોની શરૂઆતમાં વપરાયેલ છે. તે અમને કહે છે કે ચોક્કસ તત્વ ક્યાંથી શરૂ થાય છે અથવા સમાપ્ત થાય છે. તત્વનું નામ પોઇન્ટેડ કૌંસની વચ્ચે જવું આવશ્યક છે.
- બંધ ટૅગ્સ: અગાઉના કેસની જેમ જ, પરંતુ આ એક તત્વનો અંત સૂચવે છે. તેઓ મુખ્યત્વે લખવાની રીતમાં અલગ પડે છે, કારણ કે ત્રાંસી રેખા દેખાય છે.
- શીર્ષક ટૅગ્સ: તેઓ સૂચવે છે કે આગળ જે મૂકવામાં આવ્યું છે તે અમારા પૃષ્ઠનું શીર્ષક છે.
- શરીર લેબલ્સ: આ કિસ્સામાં, અમે ટૅગ્સ વિશે વાત કરી રહ્યા છીએ જે ટેક્સ્ટના મુખ્ય ભાગને સૂચવે છે, એટલે કે, ટેક્સ્ટના બ્લોક્સ.
- હેડર ટેગ: તેનું નામ દર્શાવે છે તેમ, તે એક લેબલ છે જે અમારા પૃષ્ઠનું શીર્ષક અથવા હેડર સૂચવે છે.
- સબટાઈટલ ટેગ: આ કિસ્સામાં અમે લેવલ 2 સબટાઈટલ વિશે વાત કરી રહ્યા છીએ.
- ફકરો ટેગ: તે તે છે જેનો ઉપયોગ આપણા લખાણને જૂથબદ્ધ રીતે એક લીટીમાં દેખાડવા માટે થાય છે.
- લોઅર સેક્શન લેબલ: ટેક્સ્ટના તળિયે નિર્દેશ કરે છે. તે નિષ્કર્ષ સાથે અથવા પૃષ્ઠના અંતિમ ભાગ સાથે ઓળખી શકાય છે જ્યાં સંપર્ક માહિતી અથવા સામાજિક નેટવર્ક્સ દેખાય છે.
- ઉપલા વિભાગનું લેબલ: અમે પૃષ્ઠ પરના ટેક્સ્ટ અથવા હેડરની ટોચનો સંદર્ભ લઈએ છીએ.
- બોલ્ડ લેબલ: જેમ આપણે બધા જાણીએ છીએ, તેઓ અમુક તત્વને પ્રકાશિત કરવા માટે જવાબદાર છે જે આપણા ટેક્સ્ટને બંધ કરે છે.
- ઇટાલિક લેબલ્સ: પાછલા કેસની જેમ જ, પરંતુ અહીં ઇટાલિકમાં જે દર્શાવેલ છે તે દેખાય છે.
- છબી ટેગ: જ્યારે અમે અમારા પૃષ્ઠ પર છબી દાખલ કરવા માંગીએ છીએ ત્યારે અમે તેનો ઉપયોગ કરીએ છીએ.
- લિંક ટૅગ્સ: જો આપણે અમારી વેબસાઇટ પર ક્યાંય પણ લિંક્સ ઉમેરવા માંગતા હોય, તો અમારે આ ટેગ ઉમેરવો જ પડશે.
આ HTML ભાષામાં ઉપયોગમાં લેવાતા કેટલાક મુખ્ય ટૅગ્સ છે. આપણે ખોલીએ છીએ તે દરેક ટેગ માટે, આપણે યાદ રાખવું જોઈએ કે આપણે તેને બંધ કરવું જોઈએ, અન્યથા આપણે યોગ્ય રીતે કથિત ટેગનો સમાવેશ કરી શકીશું નહીં. તેને યોગ્ય રીતે કરવાથી સારી રીતે સંરચિત HTML ભાષા પ્રાપ્ત થશે. ખરાબ રીતે લખાયેલ કોડ પૃષ્ઠની રચનામાં ભૂલો પેદા કરી શકે છે. વધુમાં, બ્રાઉઝર તેને ઓળખી શકતું નથી અને અમને ખાલી સ્ક્રીન બતાવવામાં આવે છે અથવા પૃષ્ઠ જેવું છે તે રીતે પ્રદર્શિત થાય છે.
હવે જ્યારે તમે જાણો છો કે HTML શું છે, તે શેના માટે છે અને તેના કેટલાક સૌથી મૂળભૂત ટૅગ્સ, તમે આ ભાષાના મૂળભૂત માળખા વિશે અમે વાત કરી રહ્યા છીએ તેની સમજણ છે. એકવાર તમે આ જાણ્યા પછી, અમે તમને જે વિવિધ લેબલ્સ નામ આપ્યું છે તેનો ઉપયોગ કરવા અને નવા ઉમેરવા, તમે જે શીખ્યા તે બનાવવા અને તેનો અભ્યાસ કરવા માટે પ્રોત્સાહિત કરીએ છીએ.