વેબસાઈટ બનાવી પ્રારંભ કરવા માટે મૂળભૂત HTML જાણો
તમારી વેબ સાઇટ બનાવવા માટે મૂળભૂત HTML જાણો. મૂળભૂત HTML શીખવા માટે મુશ્કેલ નથી. એચ.એલ.ટી. (HTML) શીખવું કદાચ એક જ સૌથી મહત્વની વસ્તુ છે જે તમે ક્યારેય કરી શકો છો જો તમે તમારી પોતાની વેબ સાઇટ બનાવવા માંગો છો તમારે સારા પાના ડિઝાઇન કરવા HTML શીખવું આવશ્યક છે કારણ કે તે એવી ભાષા છે કે જેમાં ઇન્ટરનેટ પરની વેબ સાઇટ આધારિત છે.
વેબ સાઇટ્સ તમારા જીવનમાં કંઈક બતાવવા માટે એક સરસ રીત છે બેઝિક એચટીએમએલ તમને તમારી વેબ સાઇટ પર જે કંઈ બતાવવું છે તે વિશ્વને બતાવવા દેશે. રંગો ઉમેરી રહ્યા છે, ટેક્સ્ટનું કદ બદલવું અને તમારી વેબ સાઇટ પરના ચિત્રો સહિતની કેટલીક વસ્તુઓ છે કે જે તમે મૂળભૂત એચટીએમએલ શીખતા હો ત્યારે તમે કરી શકો છો.
મૂળભૂત HTML જાણવા માટે તમારે ધ્યાનમાં રાખવું જોઈએ કે તે ફક્ત એવા અક્ષરોની શ્રેણી છે કે જે વાસ્તવમાં શું માટે ઊભા છે તે સંક્ષેપ છે. ઉદાહરણ તરીકે, H1 ફકરા માટેનું મથાળું છે જે પાંચ કદમાં પ્રથમ છે અને બીઆર એક રેખા વિરામ છે.
યાદ રાખવું એક મહત્વપૂર્ણ બાબત એ છે કે, જ્યારે તમે મૂળભૂત એચટીએમએલ શીખતા હોવ તો તે એ છે કે વેબ પેજ પર એચટીએમએલ ટેગ્સ ચોક્કસ ક્રમમાં આવે છે અને બ્રાઉઝરની શરૂઆત અને સમાપ્તિ ટેગ માટે આદેશ ઓળખી કાઢવો જરૂરી છે. અંતિમ ટૅગ એ ફક્ત પ્રારંભ ટૅગની જેમ જ છે સિવાય કે તે / પ્રતીકથી પ્રારંભ થાય છે. મથાળું આ અહીં મથાળું H1>
આના જેવો દેખાશે. પ્રારંભ ટેગ, એચ 1 , મથાળું અને અંતિમ ટેગ, / H1 છે
મૂળભૂત HTML ને યોગ્ય રીતે જાણો અને યાદ રાખો કે ટૅગ્સ ચોક્કસ ક્રમમાં આવે છે. વેબ પેજના મૂળભૂત માળખા નીચે મુજબ છે:
અહીં તમે મહત્વની દસ્તાવેજની માહિતી જેમ કે ફ્રેમ્સ, લેંગ્વેજ અને ખાસ સૂચનાઓ મૂકી શકો છો.
HEAD>
તમારી વાર્તા, ચિત્રો, લિંક્સ અને અહીં બીજું બધું મૂકો.
તમારા ફકરાના મથાળું H1>
આ તે છે જ્યાં તમે તમારા દસ્તાવેજનો ટેક્સ્ટ દાખલ કરો છો. P>
લિંક કેવી રીતે લખવી તે આ છે:
http://www.nameofpage.com "> શીર્ષક અથવા તમે શું કહેવા માગો છો બાપ્તિસ્મા
BODY>
HTML>
તમે સજાના મધ્યમાં એક લિંક દાખલ કરી શકો છો. જો તમે કહેવા માગો છો કે "માઇક્રોસોફ્ટ પાસે કેટલાક અદભૂત જનતા છે." તે આના જેવું દેખાશે:
તમે અન્ય પૃષ્ઠોની લિંક્સ પણ બનાવી શકશો નહીં પરંતુ તમે તે જ પૃષ્ઠ પર અન્ય સ્થાન પર લિંક્સ પણ બનાવી શકો છો. જો હું ઇચ્છતો હતો કે તમે આ લેખની શરૂઆતમાં પાછા જશો તો હું "ગો બૅક" જેવું કંઈક કહીશ અને હાઇપરલિંક પર ક્લિક કરીને તમે શરૂઆતમાં પાછા જશો. આ એક થોડી વધુ મુશ્કેલ છે કારણ કે તેમાં તેના બે ભાગો છે. સૌ પ્રથમ તમે તમારી લિંક બનાવો છો:
HREF=" નામફૉડકાસ્ટ # ત્યાંથી જાઓ જાઓ
શબ્દ "ત્યાં" શબ્દ છે જેને હું તમને પાછા લઇ જવા માંગું છું તેથી હવે મને તે શબ્દ પર જવું અને બનાવવું અને એન્ચેર કરવું પડશે જેથી જે મેં બનાવેલી લિંક જાણે છે કે ક્યાં જવું છે:
જ્યારે તમે મૂળભૂત એચટીએમએલ શીખશો ત્યારે તમે તમારી વેબ સાઇટને ટેક્સ્ટ એડિટરમાં લખી શકો છો જે વિન્ડોઝ સાથે આવે છે, નોટટેબ અને અરાનોફિલિયા જેવા પ્રોગ્રામ્સ અથવા તમારા વેબ બ્રાઉઝર સાથે આવે છે. કોઈપણ રીતે જો તમે મૂળભૂત HTML શીખ્યા ત્યારથી જ નિયમોનું પાલન કરો તો બધું જ સારું થશે.
મૂળભૂત એચટીએમએલ ટૅગ્સ
- લેખકની ટિપ્પણીઓ બ્રાઉઝર દ્વારા ન જોઈ.
... HTML> - આ ટૅગનો ઉપયોગ કરીને તમારા પૃષ્ઠને હંમેશા પ્રારંભ અને સમાપ્ત કરો
... HEAD> - દસ્તાવેજ માટેનું મથાળું.
... BODY> - દસ્તાવેજના બોડી.
... H1>
- સૌથી નાનું શીર્ષકનું કદ.
... H2>
- નાના મથાળું કદ.
... H3>
- મધ્યમ કદનું મથાળું કદ.
... H4>
- મધ્યમ-મોટા મથાળું કદ.
... H5>
- મોટા મથાળું કદ.
... H6>
- સૌથી મથાળું કદ.
... - હાઇપરટેક્સ્ટ લિંકને શરૂ કરે છે
... ADDRESS> - લેખક પર માહિતી.
... BLOCKQUOTE>
- લાંબા અવતરણ.
... PRE>
- પ્રીફોર્મમેટ કરેલ ટેક્સ્ટ
- ફોર્મ બ્લોક
- ટેક્સ્ટ દાખલ કરવા માટે એક બૉક્સ બનાવે છે.
- એક સ્ક્રોલિંગ મેનૂ બનાવે છે
- પસંદ કરવા માટે આઇટમ્સ બનાવે છે.
... OL>
- આદેશિત સૂચિ
આદેશિત સૂચિનું ઉદાહરણ:
- લાલ
- વાદળી
- લીલા
... UL>
- અનક્રમાંડિત સૂચિ
એક unordered સૂચિનું ઉદાહરણ:
- લાલ
- વાદળી
- લીલા
- મેનુ સૂચિ
... DL>
- ગ્લોસરી સૂચિ
... CITE> - પ્રશસ્તિ
... CODE>
- કોડ ફૉન્ટ
... DFN> - નિર્ધારિત શબ્દ.
... EM> - ભાર.
લાલ પર ભાર મૂકવાનો ઉદાહરણ:
લાલ, વાદળી, લીલા
... I> - ઇટાલિક
ઇટાલિકનું ઉદાહરણ:
લાલ, વાદળી, લીલા
... KBD> - કીબોર્ડ ટેક્સ્ટ.
... SAMP> - નમૂના ટેક્સ્ટ.
... strong > - મજબૂત ભાર.
મજબૂત ભારનું ઉદાહરણ:
લાલ, વાદળી, લીલા
... TT> - ટાઇપરાઇટર ટેક્સ્ટ.
... VAR> - વેરીએબલ
... B> - બોલ્ડ
- દસ્તાવેજ વર્ણવે છે.
- લાઇન બ્રેક
<એચઆર> - આડું રેખા.
- છબી.
- ફકરો
- સૂચિ આઇટમ
- એક સૂચિમાં શબ્દને ચિહ્નિત કરે છે.
- સૂચિમાંની વ્યાખ્યાને માર્ક કરે છે.