એચટીટીપી ઝડપી અને ડર્ટી ટ્યૂટોરિયલ

HTML5 એ માર્કઅપ લેંગ્વેજ છે જેનો ઉપયોગ વેબ પર દેખાતા પૃષ્ઠો લખવા માટે થાય છે. તે નિયમોનું પાલન કરે છે જે તમને સૌ પ્રથમ દેખાશે નહીં. જો કે, HTML5 માં, HTML દસ્તાવેજ લખવાનું શરૂ કરવા માટે તમારે માત્ર થોડાક વસ્તુઓ જ જાણવાની જરૂર છે, જે તમે કોઈપણ શબ્દ પ્રોસેસિંગ પ્રોગ્રામમાં કરી શકો છો.

ખુલે છે અને બંધ ટૅગ્સ

ફક્ત થોડાક અપવાદો સાથે, તમામ સૂચનાઓ-કહેવાય ટેગ-જોડીમાં આવે છે. તે ખુલે છે અને પછી HTML5 માં બંધ થાય છે ઓપનિંગ ટેગ અને ક્લોઝિંગ ટેગ વચ્ચેની કંઇપણ ઓપનિંગ ટેગ દ્વારા આપવામાં આવેલી સૂચનાઓને અનુસરે છે. કોડિંગમાં માત્ર એટલો જ તફાવત છે કે બંધ ટેગમાં ફોરવર્ડ સ્લેશ ઉમેરવામાં આવે છે. દાખ્લા તરીકે:

હેડલાઇન ગોઝ અહીં

અહીં બે ટેગ્સ સૂચવે છે કે બંને વચ્ચેની બધી સામગ્રી હેડલાઇન કદ H1 માં દેખાશે. જો તમે ક્લોઝિંગ ટૅગ ઉમેરવાનું ભૂલી જાઓ છો, તો ઑપનિંગ ટેગને અનુસરે છે તે બધું હેડલાઇન કદ H1 માં દેખાશે.

HTML5 માં મૂળભૂત ટૅગ્સ

HTML5 દસ્તાવેજ માટે જરૂરી મૂળભૂત તત્વો છે:

doctype ઘોષણા ટૅગ નથી તે કમ્પ્યુટરને કહે છે કે HTML5 તેના પર આવી રહ્યું છે. તે દરેક HTML5 પૃષ્ઠની ટોચ પર જાય છે અને આ ફોર્મ લે છે:

એચટીએમએલ ટેગ કમ્પ્યુટરને કહે છે કે ઓપનિંગ અને ક્લોઝિંગ ટેગ વચ્ચે જે બધું દેખાય છે તે HTML5નાં નિયમોને અનુસરે છે અને તે નિયમો અનુસાર અર્થઘટન થવું જોઈએ. ટૅગની અંદર, તમે સામાન્ય રીતે ટૅગ અને ટેગને શોધી શકશો.

આ ટેગ્સ તમારા દસ્તાવેજ માટેનું માળખું પૂરું પાડે છે, બ્રાઉઝર્સનો ઉપયોગ કરવા માટે પરિચિત કંઇક આપે છે અને જો તમે ક્યારેય તમારા દસ્તાવેજોને એક્સએચટીએમએલ પર ખસેડો છો, તો તે ભાષાના તે સંસ્કરણમાં આવશ્યક છે.

એસઇઓ અથવા શોધ એન્જિન ઓપ્ટિમાઇઝેશન માટે મુખ્ય ટેગ મહત્વપૂર્ણ છે. એક સારા ટાઇટલ ટૅગ લખવું એ એકમાત્ર સૌથી મહત્વની બાબત છે જે તમે તમારા પૃષ્ઠ પર વાંચકોને આકર્ષવા માટે કરી શકો છો. તે પૃષ્ઠ પર દેખાતું નથી પરંતુ તે બ્રાઉઝરની ટોચ પર બતાવે છે જ્યારે તમે ટાઇટલ લખી લો છો, કીવર્ડ્સનો ઉપયોગ કરો છો જે પૃષ્ઠ પર લાગુ થાય છે પરંતુ તેને વાંચવાયોગ્ય રાખો. શીર્ષક ઓપનિંગ અને ક્લોઝિંગ ટેગની અંદર જાય છે.

જ્યારે તમે કોઈ વેબ પૃષ્ઠ ખોલો છો ત્યારે બોડી ટેગમાં તમે તમારી કમ્પ્યુટર સ્ક્રીન પર જુઓ છો. વેબ પૃષ્ઠ માટે તમે લખી રહેલી દરેક વસ્તુ ઉદઘાટન અને સમાપ્તિ ટૅગ્સ વચ્ચે દેખાય છે. આ મૂળભૂત બાબતોને એકસાથે મૂકો અને તમારી પાસે છે:

તમારું ટાઇટલ હેડ અહીં આવે છે વેબ પૃષ્ઠ પર બધું અહીં આવે છે. નોંધો કે દરેક ટેગ અનુરૂપ બંધ કરવાની ટેગ ધરાવે છે.

મથાળું ટૅગ્સ

મથિંગ ટૅગ્સ વેબ પૃષ્ઠ પર ટેક્સ્ટના સંબંધિત કદને નિર્ધારિત કરે છે. એચ 1 ટેગ સૌથી મોટું છે, જે H2, H3, H4, H5 અને H6 ટૅગ્સ દ્વારા કદમાં અનુસરવામાં આવે છે. તમે આનો ઉપયોગ વેબ પૃષ્ઠ પરના કેટલાક ટેક્સ્ટને હેડલાઇન અથવા સબહેડ તરીકે પ્રસ્તુત કરવા માટે કરો છો. ટૅગ્સ વિના, તમામ ટેક્સ્ટ સમાન કદ દેખાય છે. હેડલાઇન ટેગો આનો ઉપયોગ કરે છે:

ઉપહદ અહીં ગોઝ

બસ આ જ. તમે સુયોજિત કરી શકો છો અને વેબ પેજ લખી શકો છો કે જે હેડલાઇન્સ અને પેટાહેડ્સ સાથેનો ટેક્સ્ટ ધરાવે છે.

આ સાથે તમે પ્રેક્ટિસ કર્યા પછી, તમે ઈમેજોને કેવી રીતે ઉમેરવું અને અન્ય વેબ પેજીસની લિંક્સ કેવી રીતે દાખલ કરવી તે શીખી શકો છો. HTML5 આ ઝડપી મૂળભૂત પરિચય આવરી કરતાં વધુ સક્ષમ છે.