કેવી રીતે એક HTML ટેબલ બનાવવા માટે. રંગ ટેબલ

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

ટેબલ પર કામ શરૂ

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

તેથી, HTML માં એક ટેબલ બનાવવા માટે શરૂ કરીને, અમે મહત્તમ ધ્યાન ભલામણ કરે છે અને નથી વિચલિત કરી.

પ્રથમ, અમે કાગળ એક ભાગ પર ભવિષ્યના ટેબલ ડ્રો જોઈએ, માર્ક જે કોષમાં તમે હશે, તેમજ પોતાની નોંધ્યું ચોક્કસ તત્વ મૂળભૂત પરિમાણો.

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

સંપાદક

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

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

તમે સંપાદક સોફ્ટવેર એન્જિન પોતે માં બિલ્ટ ઇન વાપરી શકો છો. તેથી, જ્યારે તમે ઘણા એન્જિનમાં એક રેકોર્ડ બનાવવા તે કોષ્ટકો સહિત જુદા જુદા તત્વો ઉમેરવા માટે ક્ષમતા પૂરી પાડે છે. તો પણ મૂળભૂત સુવિધાઓ સંપાદક તમને સંતોષ ન હોય, ખાતરી કોડ ફેરફારો શરૂઆતથી તેને લખ્યા કરતાં વધુ સરળ રહેશે.

ટૅગ્સ

પહેલાં તમે HTML માં એક ટેબલ બનાવવા માટે શરૂ કેવી રીતે સંપાદક તમે ઉપયોગ કરશે તેને ધ્યાનમાં લીધા વગર, તમે મૂળભૂત ટૅગ્સ યાદ જોઈએ. તેમને બધા ત્રણ - <ટેબલ> <ટીઆર> અને <ટીડી>. નોંધ કરો કે બધા ટૅગ્સ જોડી કરવામાં આવી છે. પ્રથમ ટેબલ, સમગ્ર ટેગ રજૂ બીજી લાઇન, ત્રીજા વ્યાખ્યાયિત - પંક્તિ અંદર કોષ.

ટૅગ્સ દરેક વિશે થોડું વધારે. ટેબલ હંમેશા ટેગ <ટેબલ> સાથે શરૂ થાય છે અને સાથે સમાપ્ત થાય છે. કોઈ પણ બ્રાઉઝર તેની સામે એક ટેબલ શું છે પ્રતીક છે. આગળ, નિયત રેખાઓ <ટીઆર> ટેગ ખોલે અને સાથે અંત થાય છે. દરેક પંક્તિ માં, TAG મદદથી <ટીડી> અને કોષો નિયત સંખ્યા.

આમ, 2x2 ટેબલ કોડ આના જેવો દેખાશે:

<ટેબલ>

<ટીઆર> <ટીડી>

<ટીડી>

<ટીઆર> <ટીડી> <ટીડી>

એચટીએમએલ કોડ પૃષ્ઠો એક કોષ્ટક શામેલ પસંદગી સંપાદક નકલ કરી શકાય છે.

પરિમાણો, પંક્તિઓ અને કોષો કોષ્ટકો

તેથી, અમે મૂળભૂત કોડ ચર્ચા કરી હતી. હવે કેવી રીતે ટેબલ સુધારવા માટે, તે તેજસ્વી અને વધુ આકર્ષક બનાવવા વિશે વાત કરીએ. આ કરવા માટે, તમે ટૅગ મૂળભૂત પરિમાણો જાણવાની જરૂર છે. તેઓ એક શરૂઆત ટેગ લખવામાં આવે છે, જેમાં પછી દરેક પરિમાણ સરખાવાય છે, અને પછી અવતરણ લેવામાં તેનું મૂલ્ય રજીસ્ટર કરે છે. <ટેબલ bgcolor = «#FFFFFF»>: ઉદાહરણ તરીકે, એક HTML ટેબલ પૃષ્ઠભૂમિ તરીકે વ્યાખ્યાયિત કરવામાં આવે છે.

અમે થોડા મૂળભૂત પરિમાણો છે કે તમારા માટે સૌથી ઉપયોગી હશે યાદી. ટેબલ પોતે સાથે શરૂ કરીએ.

તેથી, સરહદ પહોળાઈ પરિમાણ સરહદ મદદ, જે કોઈ પણ સંખ્યાત્મક કિંમત લઈ શકો છો સુયોજિત કરવા માટે. બોર્ડર રંગ bordercolor કરે છે. સામાન્ય પૃષ્ઠભૂમિ bgcolor કરે છે.

તમે ટેબલ પૃષ્ઠભૂમિ ચિત્ર બનાવવા માંગો છો, તો વપરાયેલ પૃષ્ઠભૂમિ, આ કિસ્સામાં તમે URL પેટર્ન સેટ કરવા જોઇએ ઉપયોગ કરે છે.

જે ડાબી, મધ્યમાં અને જમણે સેટ કરી શકાય છે ટેબલ પરિમાણ આસપાસ પાનું align કરશે, સમાવિષ્ટો સરખા છે.

સેટ શીર્ષક ટેગ જોડી <કેપ્શન> છે, કે જે ઉદઘાટન ટેગ <ટેબલ> પછી તરત જ રજીસ્ટર કરવામાં મદદ કરશે.

પરિમાણો એક બીટ સ્ટ્રિંગ. સળંગ કોષો રંગ bgcolor મદદથી સ્થાપના કરી હતી. લખાણ ગોઠવણી આડા પરિમાણ align (ડાબે, કેન્દ્ર અથવા જમણે) નો ઉપયોગ કરી શકાય છે, વર્ટિકલ - વેલિન (ટોચ કિંમતો ધારે, મધ્યમ અથવા નીચે).

સેલ અંગે અહીં નોંધવું જોઈએ કે પૃષ્ઠભૂમિ રંગ અને પૃષ્ઠભૂમિ પેટર્ન સમગ્ર ટેબલ તરીકે જ પરિમાણો સાથે તે માટે આપવામાં આવે છે. લખાણ તમે સંરેખિત અને સંરેખિત પરિમાણો ઉપયોગ કરી શકો છો એક સરખા છે.

colspan અને rowspan - પણ ચોક્કસ સેટિંગ્સ છે. પ્રથમ કૉલમ નંબર સેટ કરી શકો છો, કે જે સેલ વિસ્તારવા કરશે. બીજા પંક્તિઓ જેના માટે નિર્ધારિત કોશિકામાં વધારો થવાની સંભાવના છે સંખ્યા ઉલ્લેખ કરે છે.

તે તમામ વધુ ઉપયોગી વિકલ્પો છે.

રંગ ટેબલ

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

કોડ પોતે પાઉન્ડ ચિહ્ન સાથે શરૂ થાય છે અને એ અથવા અક્ષરો ત્રણ જોડી સમાવેશ થાય છે. ઉદાહરણ તરીકે, ટેબલ લીલા રંગ કોડ # 007F0 છે. લાલ, લીલો અને વાદળી - દરેક જોડી ત્રણ પ્રાથમિક રંગો એક તીવ્રતા પ્રતિનિધિત્વ કરે છે. ટેબલ ઉપયોગ કરીને, તમે રંગ તમે ઇચ્છો પસંદ કરો અને કોડ મદદથી તેને સેટ કરી શકો છો.

તમે ટેબલ ઉપયોગ કરી શકતા નથી, તો તમે રંગ ઇંગલિશ માં તેના નામનો ઉપયોગ કરી શકે છે.

વિષયવસ્તુ

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

ક્રમમાં લખાણ અથવા સેલ (રેખા) અન્ય કોઈપણ માહિતી મૂકવા માટે, બે ટૅગ્સ વચ્ચે તે સેટ જોઇએ. ઉદાહરણ તરીકે: <ટીડી> NAME . તે "નામ" કોષમાં પ્રદર્શિત કરશે.

<ઓડિયો> અને <વિડિઓ> - ગ્રાફિક માહિતી અને મીડિયા ફાઇલો ખાસ ટૅગ્સ ઉપયોગ કરીને મૂકો.

ટિપ્સ

છેલ્લે અમે તમને ઝડપથી કોઇ જટિલતા એક એચટીએમએલ કોષ્ટક બનાવવા મદદ કરવા માટે કેટલાક ઉપયોગી ટીપ્સ આપે છે.

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

કોશિકાઓ અને પંક્તિઓ વિષયવસ્તુ કારણ કે શરૂઆતમાં અંત તરીકે નોંધણી કરવા માટે, જ્યારે ટેબલ ફ્રેમ તૈયાર છે સલાહ આપી હતી.