તમે HTML ટૅગ્સ વિશે શું જાણવાની જરૂર છે
HTML એ વેબની ભાષા છે વેબ પૃષ્ઠો કે જે તમે તમારા કમ્પ્યુટર અથવા ફોન પર જુઓ છો, આ સહિત, હાયપરટેક્સ્ટ માર્કઅપ લેંગ્વેજમાં "એચટીએમએલ ટૅગ્સ" તરીકે ઓળખાય છે તેનો ઉપયોગ કરીને લખવામાં આવે છે. તમે HTML ને "અંડર ધ હૂડ કોડ" તરીકે વિચારી શકો છો જે વેબ પેજનું બંધારણ નિયંત્રિત કરે છે.
છેવટે, જ્યારે તમે કોઇ નવી ભાષા શીખશો, ત્યારે તમે સરળ શબ્દસમૂહોથી શરૂ કરો અને ત્યાંથી બિલ્ડ કરો. HTML વિશે શીખવું કોઈ અલગ નથી. તમે સામાન્ય એચટીએમએલ ટૅગ્સ માસ્ટિંગ દ્વારા શરૂ થશે. આ બોલાતી ભાષામાં "સરળ શબ્દસમૂહો" શીખવાની સમકક્ષ છે તે શબ્દસમૂહ તમે તમારા જ્ઞાન અને ભાષણનું નિર્માણ કરો છો તેવો આધાર બની જાય છે, જેમ HTML ટેગ્સ એ પાયા છે જેમ તમે તમારા વેબ ડેવલપમેન્ટ કુશળતાને બનાવશો.
HTML ટેગ ફોર્મેટ
તમે HTML ટૅગને ઓળખી શકો છો કારણ કે તે ટેગની શરૂઆત અને અંતે અક્ષરો <અને> દ્વારા ઘેરાયેલો છે આ બે અક્ષરો વચ્ચે અન્ય ટેક્સ્ટ હશે જે વ્યાખ્યાયિત કરે છે કે કયા પ્રકારની એચટીએમએલ ટેગ લખાય છે. ઉદાહરણ તરીકે, જો તમને ખબર હોય કે "હર" એટલે આડી નિયમ (અથવા રેખા), તો તમે તેને એચટીએમએલ ટેગ માટે લખી શકો છો:
તમે ફક્ત એક HTML ટૅગ લખ્યું છે જે વેબ પૃષ્ઠ પર આડી નિયમ ખેંચે છે.
મોટાભાગના એચટીએમએલ ટૅગ્સ જોડીમાં આવે છે. તેઓ શરૂઆતમાં અને ટેક્સ્ટના વિભાગના અંતમાં મૂકવામાં આવે છે જેથી તેમાં સમાવિષ્ટ સામગ્રીને નિર્ધારિત કરવામાં આવે. આ ટેગ જોડ HTML ઘટક બનાવે છે જ્યારે તમે જાણો છો કે અને strong> ટેક્સ્ટને બોલ્ડ બનાવવા માટે ઉદઘાટન અને સમાપન ટૅગ્સ છે, તમે કેવી રીતે HTML ટૅગ્સ વેબ પૃષ્ઠ પર ટેક્સ્ટ દેખાવને અસર કરે છે તે સમજી શકો છો.
ટેગને કારણે આ સજા બધા બોલ્ડ દેખાશે.
નોંધ કરો કે બંધ મજબૂત ટેગ (જે "મજબૂત ભાર છે અને જે, મૂળભૂત રૂપે, ટેક્સ્ટને બોલ્ડ તરીકે પ્રસ્તુત કરે છે) એ ઓપનિંગ બોલ્ડ ટેગ સમાન છે સિવાય કે તેમાં ટેગમાં સ્લેશ શામેલ છે. એચટીએમએલ ટેગ્સ. શરૂઆતમાં ટેગ અને ક્લોઝિંગ ટેગો સમાન છે, જેમાં બંધ થવાના સ્લેશના ઉમેરા સાથે તે પ્રથમ <અક્ષર છે.
HTML ટેગ મિશ્રણનો
એચટીએમએલ ટૅગ્સ વારંવાર સંયોજનમાં વપરાય છે. પર ભાર મૂક્યો (ઇટાલિક) ટેક્સ્ટ માટે ઉદઘાટન અને સમાપ્તિ ટૅગ્સ અને em> છે. બધા બોલ્ડ વાક્યના ઉદાહરણમાં એકલ શબ્દને ઇટાલિક ટૅગ્સમાં ઉમેરવાથી શબ્દને દેખાવા માટેનું કારણ બને છે વેબ પેજ પર બોલ્ડ અને ત્રાંસા બંને છે.
ટેગને કારણે આ સજા બધા બોલ્ડ દેખાશે.
જ્યારે કેટલાક ટેગ વેબ પૃષ્ઠના તત્વમાં એકસાથે ઉપયોગમાં લેવાય છે, ત્યારે કેટલાક ટેગ અન્ય લોકોની અંદર દેખાય છે, તેને નેસ્ટેડ એચટીએમએલ ટૅગ્સ તરીકે ઓળખવામાં આવે છે. તમને યાદ રાખવું જોઈએ કે નેસ્ટેડ ટેગ, જે અન્ય લોકોમાંના ટેગ છે, તેમના સમાવિષ્ટ ટૅગ્સ બંધ કરી શકાય તે પહેલાં જ બંધ હોવું જોઈએ. આ ઉદાહરણ જુઓ:
આ ટેક્સ્ટ છે જે ચોક્કસ કારણોસર પર ભાર મૂક્યો છે em>. p>
તમારે નોંધવું જોઈએ કે ટૅગ ની અંદર ખોલવામાં આવે છે, જેનો અર્થ છે કે તે બંધ હોવું જોઈએ p> ટેગ બંધ કરવું દેખાય છે. અન્ય બોક્સની અંદરના બોક્સ જેવા નેસ્ટેડ ટેગ વિશે વિચારો. આંતરિક બૉક્સીસ તેમના બાહ્ય પહેલાં બંધ હોવું જોઈએ, જેમાં બોક્સ રહેલા છે. માન્ય HTML માં ડઝનેક એચટીએમએલ ટૅગ્સ છે. કેટલાક એચટીએમએલ ટેગ્સ ફકરા જેવા ખૂબ જ સામાન્ય, મૂળભૂત તત્વો રાખે છે, જ્યારે અન્ય વધુ જટીલ છે અને લિંક અથવા "એન્કર" ટેગ જેવા વધુ કાર્યાલયો ઉમેરે છે. એચટીએમએલ ટૅગ્સની સૂચિ ટૅગ્સના ઉપયોગથી વેબ પેજ પર પ્રદર્શન કરી શકે તેવા ઘણા વિધેયો ટૅગ્સના સ્નેપશોટ આપે છે. ત્યાં કેટલાક ટૅગ્સ પણ છે જે તમામ વેબપૃષ્ઠો માટે જરૂરી છે. જેમ તમે તમારા પ્રથમ પૃષ્ઠનું નિર્માણ કરો છો, તેમ તમે ટૅગનો ઉપયોગ કરશો, જે વેબ પેજ શરૂ કરે છે; HTML ટેગ્સ અને વેબ પૃષ્ઠો
એચટીએમએલ ટેગની સૂચિ, તમે HTML ટ્યુટોરીયલ વડે પસાર થતાં સુધી ખૂબ મદદ નથી કરતા, પરંતુ તમે કરો તે પછી, તમે HTML ટેગનો ઉપયોગ તમારા પોતાના વેબ પૃષ્ઠને બનાવવા માટે કરી શકો છો. એક નોંધ, શક્ય એચટીએમએલ ટૅગ્સ સંખ્યા દ્વારા ભરાઈ ગયેલા નથી. જ્યારે સંભવિત ટેગનો ઉપયોગ કરવા માટે સેંકડો શક્ય હોય, ત્યારે વાસ્તવિકતા એ છે કે તમે ફક્ત થોડાક વખત તેમને ઉપયોગમાં લઈ શકો છો. વાસ્તવમાં, કેટલાક એચટીએમએલ ટેગ્સ છે જે મેં મારા ડીઝાઇનના વેબ ડીઝાઇનના કામમાં ક્યારેય એક વખત ક્યારેય ઉપયોગમાં લીધાં નથી!
નાપસંદગી ટૅગ્સ
HTML5 વર્તમાન માર્કઅપ સ્ટાન્ડર્ડ છે એચટીએમએલના પહેલાનાં વર્ઝનમાં ઉપયોગમાં લેવાતા કેટલાંક ટૅગ્સ હવે HTML5 માં સ્ટાઇલ શીટ્સ દ્વારા નિયંત્રિત કરવામાં આવે છે. દૂર કરવામાં આવેલ એચટીએમએલ ટૅગ્સ એચટીએમએલ સ્પષ્ટીકરણોમાંથી દૂર કરવામાં આવ્યા છે. કોઈપણ કાલગ્રસ્ત ટૅગ્સનો ઉપયોગ કરવો શ્રેષ્ઠ છે.
જેનિફર કિનાન દ્વારા મૂળ લેખ. 5/2/17 પર જેરેમી ગીરર્ડ દ્વારા સંપાદિત