એચટીએમએલ પર પાઠ. કોષોને મર્જ

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

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

થિયરી પરિચય

colspan અને rowspan: HTML માં, કોશિકાઓ સંઘ બે વિશેષતાઓ માધ્યમ દ્વારા થાય છે. તેઓ ટીડી ટેગ માટે યોગ્ય છે.

પ્રથમ, દરેક ટેબલ માળખું વિશ્લેષણ પહેલાં અમે વિષય અન્વેષણ દો. દરેક ટેબલ રેખા છે, અને તે છે - કોષ. યાદ રાખો કે શરૂઆતમાં, બધા કોષ્ટકો કોષો જ નંબર હોવો આવશ્યક છે.

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

એચટીએમએલ-ટેબલ: કોષો આડી અને ઉભી મર્જ

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

કૃપા કરીને નોંધો કે તમે ટોચ પર નજીકના તત્વ તે સ્પષ્ટ કરવાની જરૂર છે. ઉદાહરણ માટે, ઉપરોક્ત આંકડો, જો તમે સેલ 1 અને 2 ભેગા કરવા માગે છે, તો તમે બે એક મૂલ્ય સાથે સેલ 1 colspan લક્ષણમાં સ્પષ્ટ કરવાની જરૂર છે. અને સ્થિતિની નંબર 2 અથવા 3 કાઢી નાખો, તેને વાંધો નથી.

નીચે લીટી એ છે કે તમે સેલ કે તે કેટલી જગ્યા લેશે કહેવું છે. ડિફૉલ્ટ મૂલ્ય 1 છે.

મર્જ કોષો ઊભી એચટીએમએલ-ટેબલ સમાન સિદ્ધાંત પર ઉજવાય છે. ફક્ત કબજો મેળવ્યો જગ્યા તરીકે ઊભી ગણવામાં આવશે. નીચેની આકૃતિનો જુઓ.

અહીં, નંબર 43 સાથે સેલ બે શબ્દમાળાઓ લે છે. આ કરવા માટે, તમે લક્ષણ rowspan ઉલ્લેખ કરો. જસ્ટ યાદ:

• રો - પંક્તિ.
• કોલ - સ્તંભ / કૉલમ.
• સ્પાન - એસોસિએશન.

સર્જકો, માનવ શક્ય ભાષા લાવવા કે જેથી તેને જાણ્યા વગર, કોઈક સમજી શકે પ્રયાસ કર્યો છે.

આડી અને ઉભી: HTML માં, કોશિકાઓ સંઘ બે દિશામાં કરી શકાય છે. આ કરવા માટે, અમે બંને લક્ષણ ઉલ્લેખ કરો.

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

HTML: કોષો મર્જ. ઉદાહરણો

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

તમે પણ કોશિકાના કેન્દ્રમાં ત્રણ જોડાઈ શકે છે. પ્રથમ કિસ્સામાં colspan લક્ષણ સેલ №1 નિર્દિષ્ટ કરે છે. અહીં, પ્રથમ યથાવત રહેશે, અને બીજા <ટીડી> ત્રણ બરાબર colspan ઉમેરવામાં.

તમે એક પંક્તિ તમામ કોશિકાઓ મર્જ કરવા માંગો છો, તો પછી ચાર ટીડી પ્રથમ colspan = સૂચવી માં '5' દૂર કરો.

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

એક સાઇટ માળખું તરીકે કોષ્ટક

HTML માં, કોશિકાઓ સંઘ હંમેશા માહિતી સાથે નિયમિત કોષ્ટકો શબ્દ (શબ્દ અથવા Excel માં) માટે ઉપયોગ થતો નથી. વેબસાઇટ ડિઝાઇનરો ઘણી વખત, પરંતુ તે પહેલાં ચૂંટણી તેમને સાઇટ્સ લેઆઉટ માટે ઉપયોગ કર્યો છે.

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

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

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

નિષ્કર્ષ

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

જ્યારે ગેઇન અનુભવ, આ ઓપરેશન્સમાંથી તમે સરળતાથી તમારા માથા માં કરી શકો છો.