એક 2x2 કોષ્ટક કેવી રીતે બનાવવી

એકવાર તમે પંક્તિઓ અને કૉલમ્સની બેઝિક્સને સમજો છો - અને જ્યારે તમે સમજી શકો ત્યારે ટેબલનો ઉપયોગ કરવા માટે બરાબર છે અને જ્યારે તમે તેમને ટાળવા જોઈએ ત્યારે HTML કોષ્ટકો બનાવવા માટે સરળ છે.

કોષ્ટકો અને વેબ ડિઝાઇનનું સંક્ષિપ્ત ઇતિહાસ

ઘણા વર્ષો પહેલા, CSS અને વેબ ધોરણો સ્વીકારવા પહેલાં, વેબ ડીઝાઇનરોએ સાઇટ્સ માટે પૃષ્ઠ લેઆઉટ બનાવવા માટે HTML

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

તો તમે ટેબલ કેવી રીતે ગોઠવો છો? ચાલો ફક્ત 2x2 કોષ્ટક બનાવીને શરૂ કરીએ. તેમાં 2 કૉલમ (આ ઊભી બ્લોક્સ છે) અને 2 પંક્તિઓ (હોરિઝોન્ટલ બ્લોક્સ) હશે. તમે 2x2 કોષ્ટક બનાવી લીધા પછી, તમે કોઈપણ પંક્તિના કોષ્ટક બનાવી શકો છો, જે તમને ફક્ત વધારાના પંક્તિઓ અથવા કૉલમ્સ ઉમેરીને ગમશે.

મુશ્કેલી: સરેરાશ

સમય આવશ્યક: 10 મિનિટ

અહીં કેવી રીતે:

1. સૌ પ્રથમ કોષ્ટક <ટેબલ> ખોલો
2. Tr tag

સાથે પ્રથમ પંક્તિ ખોલો

ટીડી ટેગ

જ્યારે આ પૃષ્ઠ બ્રાઉઝરમાં રેન્ડર કરશે, ત્યારે કોષ્ટક હેડરો સાથેની પ્રથમ પંક્તિ ડિફૉલ્ટ રૂપે બોલ્ડ ટેક્સ્ટમાં પ્રદર્શિત થશે અને તે કોષ્ટક કોષમાં કે જેમાં તેઓ દેખાય છે તે કેન્દ્રિત થશે.

તો, શું તે HTML માં કોષ્ટકોનો ઉપયોગ કરવા બરાબર છે?

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

જેનિફર કિરીન દ્વારા લખાયેલી 8/11/16 ના રોજ જેરેમી ગીરર્ડ દ્વારા સંપાદિત

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