કોડ શું લાગે છે જેમ દેખાય છે
વેબસાઇટ બનાવતી વખતે, તમારી પાસે દરેક વેબ પેજ પર ઘણી વસ્તુઓ હોય છે. HTML લિંક્સ તે વસ્તુઓમાંથી એક છે તમારી લિંક્સ માટે HTML લિંક્સ વિવિધ વસ્તુઓ કરે છે. HTML લિંક્સ વગર તમે "વેબસાઇટ" નહી કરી શકો છો અને તમે તમારા મુલાકાતીઓને તે વિષયો પર વધુ માહિતી બતાવી શકતા નથી કે જેમાં તમે રુચિ ધરાવો છો અને વિશે વાત કરવા માગો છો.
ત્યાં 3 મુખ્ય પ્રકારના HTML લિંક્સ છે; બાહ્ય કડીઓ, આંતરિક લિંક્સ, અને તે જ પૃષ્ઠની અંદર લિંક્સ. તમારા વેબ પેજ પરના દરેક પ્રકારના HTML લિંક્સને ઉમેરી રહ્યા છે તે થોડુંક અલગ રીતે કરવામાં આવે છે.
બાહ્ય HTML કડીઓ
બાહ્ય HTML લિંક્સ તે HTML લિંક્સ છે જે અન્ય વેબસાઇટ પર જાય છે. જો તમે એચટીએમએલ લિંક્સને, અથવા તમારા વેબપેજ પર બાહ્ય એચટીએમએલ લિંક્સનું એક ઉદાહરણ તરીકે ઓળખાતા અન્ય વેબસાઇટ, તમને ગમે છે. તમારી વેબસાઇટ પર બાહ્ય HTML લિંક્સ હોવું ખૂબ જ મહત્વપૂર્ણ છે કારણ કે જો તમારી પાસે સારા એવા HTML લિંક્સ હોય જે તમારા મુલાકાતીઓને રસ હોય તો તે HTML લિંક્સને ઍક્સેસ કરવા માટે તેમને તમારી વેબસાઇટ પર પાછા આવવાનું ચાલુ રાખશે. ઉદાહરણ તરીકે, જો તમારી પાસે સ્ટાર ટ્રેક પર એચટીએમએલ લિંક્સનો સેટ છે અને તે ખરેખર સ્ટાર ટ્રેકની જેમ હોય તો તે સાઇટ્સની શોધ માટે શોધ એન્જિનની શોધ કરતા તમારી વેબસાઇટ પર આવવું સહેલું છે. તેઓ તમારા વેબ પૃષ્ઠો બુકમાર્ક પણ કરી શકે છે જેથી તેઓ તમારા HTML લિંક્સ પર વધુ ઝડપથી પ્રવેશ કરી શકે છે જેથી તમારા માટે વધુ પૃષ્ઠ દૃશ્યોમાં પરિણમે છે. જો તેમને એવું ગમતું હોય તો તેઓ તમારા મિત્રોને એચટીએમએલ લિંક્સ વિશેના તમારા મિત્રોને કહી શકે છે અને તેમના મિત્રો તમારી વેબસાઈટ પરથી એચટીએમએલ લિંક્સને તેમની વેબસાઈટ પરથી મૂકી દેશે. પરિણામ: વધુ પૃષ્ઠ દૃશ્યો
બાહ્ય HTML લિંક્સ માટેના કોડ આના જેવી દેખાય છે:
HTML લિંક્સ માટેનો ટેક્સ્ટ અહીં આવે છે તમે લખવા માંગો છો તે કંઈપણ વધુ અહીં જાય છે.
તેથી જો તમે મારા હોમપેજને એચટીએમએલ લિંક્સ મુકી રહ્યા હોવ તો આ આના જેવો દેખાશે:
વેબ અને શોધ ટીપ્સ - વ્યક્તિગત વેબ પૃષ્ઠોની લિંક્સ માટેનું તમારું સ્થાન
તમારા વેબ પૃષ્ઠ પર જે HTML લિંક્સ દેખાશે તે આ છે:
પર્સનલ વેબ પેજીસ - વ્યક્તિગત વેબ પાનાંની લિંક્સ માટે તમારું સ્થાન.
નીચે તમારા માટે વિરામ છે જેથી તમે તેને વધુ સારી રીતે સમજી શકો:
- HTML લિંક્સ શરૂ કરવા માટે તમારા બ્રાઉઝરને કહે છે
"http://www.sitename.com" - એ HTML લિંક પોતે છે અને અન્ય સાથે બંધ હોવું જોઈએ >
HTML લિંક્સ માટેનો ટેક્સ્ટ અહીં આવે છે - તે છે જ્યાં તમે HTML કોડ પર જવા માટે કોઈકને ક્લિક કરવા માંગો છો તે ટેક્સ્ટ મૂકી છે
- HTML લિંક્સ બંધ કરે છે અને તમારા બ્રાઉઝરને ટેક્સ્ટ મોડ પર પાછા જવા માટે કહે છે.
અને - તમારા બ્રાઉઝરને કહો કે તમે આ બે કોડ વચ્ચેનો ટેક્સ્ટ બોલ્ડ અક્ષરોમાં કરવા માંગો છો. જો તમે તમારા ટેક્સ્ટને બોલ્ડમાં ન ઈચ્છતા હો તો તમારે આનો ઉપયોગ કરવાની જરૂર નથી.
તમે લખવા માંગો છો તે કંઈપણ વધુ અહીં જાય છે. - આ સ્થળનું વર્ણન કરવા માટે આ એક સારું સ્થાન છે કે જે HTML લિંક્સ તમારા મુલાકાતીને લાવશે.
તે જ પૃષ્ઠ HTML લિંક એ HTML લિંક છે જે એક જ વેબ પેજ પર તમારા વેબ પેજ પરના એક બિંદુથી બીજા બિંદુ સુધી જાય છે. ઉદાહરણ તરીકે, જો તમે કોઈ વેબ પેજના તળિયે છો અને એક HTML લિંક છે જે તમને પાછા ટોચ પર લાવે છે જે એક જ પૃષ્ઠ લિંકનું ઉદાહરણ છે. આ પ્રકારની લિંક માટેનો બીજો ઉપયોગ સમાવિષ્ટોનો એક ટેબલ છે.
એક જ પાનું લિંક માટે કોડ બે ભાગો છે; લિંક અને હૂક લિંક, તે ભાગ છે જે બ્રાઉઝરને કહે છે કે જ્યારે વપરાશકર્તા તેના પર ક્લિક કરે છે ત્યારે તે ક્યાં જાય છે. હૂક એ લિંક શું છે અને તે કેવી રીતે પૃષ્ઠ પર ક્યાં જાય છે તે જાણે છે.
તમને પ્રથમ હૂક બનાવવાની જરૂર છે. જ્યાં સુધી તમે કડીમાં કઇ સરનામું રાખશો તે તમે જાણતા ન હોય ત્યાં સુધી એક લિંક સેટ કરી શકતા નથી તેથી બ્રાઉઝર જાણે છે કે ક્યાં જવું છે તમારે તમારા હૂકને એક નામ આપવાની જરૂર છે અને તમારે ટેક્સ્ટની આસપાસ લિંક મૂકવી જોઈએ. નીચેના ઉદાહરણમાં, મેં હૂકને "ટોપ" નામ આપ્યું અને તેને પૃષ્ઠનાં શિર્ષકની આસપાસ મૂક્યું હતું જેથી વપરાશકર્તાને પૃષ્ઠની ટોચ પર લઈ જવામાં આવે. હૂક માટેનું કોડ આના જેવું દેખાય છે:
પૃષ્ઠનું શીર્ષક
હવે આપણે લિંક બનાવી શકીએ છીએ. લિંકમાં અમે સમાન નામનો ઉપયોગ કરીએ છીએ. આ તે બ્રાઉઝર છે જ્યાં જવાનું છે તે કહે છે, તે હવે "ટોપ" તરીકે ઓળખાતા હૂકને જોશે. લિંક માટેનું કોડ આના જેવું દેખાય છે: