എച്ച്ടിഎംഎൽ പട്ടികയിൽ

HTML ൽ, പല ഘടകങ്ങൾ ഉണ്ട്, അവരിൽ ഓരോ സ്വന്തം അതില് വിജയിക്കുകയും. പട്ടിക - വളരെ, രസകരമായ ജനകീയ ഗുരുതരമായ വിഷയം. അവളുടെ നന്ദി, യോജിച്ച ഒരു രൂപത്തിൽ വിവരങ്ങൾ നൽകാൻ മാത്രമല്ല, മാത്രമല്ല ഒരു സൈറ്റ് ചട്ടക്കൂട് പണിയാൻ.

മുമ്പ്, മിക്കവാറും എല്ലാ വെബ്മാസ്റ്ററിനായുള്ള വിന്യാസത്തിന്റെ പട്ടികകൾ ഉപയോഗിക്കുന്ന സൈറ്റുകൾ ആണ്. തുടക്കത്തിൽ, മേശ അത് കൊണ്ട് വന്ന് ഇല്ല. അതുകൊണ്ട്, ഞങ്ങൾ സൈറ്റ് അടയാളപ്പെടുത്താൻ ഒരു ബ്ലോക്ക് DIV ഘടകം ഉപയോഗിക്കണം.

നിങ്ങൾ എപ്പോഴും ഒരു ആണാണോ തുടരാൻ ആഗ്രഹിക്കുന്നില്ല എങ്കിൽ, ശരിയായി എല്ലാം ചെയ്യാൻ ഉടനെ ഉപയോഗിക്കും. ഈ ഭാഷ എച്ച്ടിഎംഎൽ വളരെ പ്രധാനമാണ്. പട്ടിക മൊത്തത്തിൽ മുഴുവൻ സൈറ്റ് സാധാരണ വിവരങ്ങൾ മാത്രം (ടെക്സ്റ്റ്, കണ്ണികൾ, ലിസ്റ്റുകൾ, ചിത്രങ്ങൾ തുടങ്ങിയവ. പി) ആയിരിക്കും, എന്നാൽ അല്ല.

ഒരു മേശ എച്ച്ടിഎംഎൽ എങ്ങനെ?

പട്ടിക - മറ്റ് ഘടകങ്ങൾ ഒരു വലിയ എണ്ണം അടങ്ങുന്ന ഒരു സങ്കീർണ്ണമായ ഘടകം. സെല്ലുകൾ അല്ലെങ്കിൽ വരികൾ സൃഷ്ടിക്കുമ്പോൾ എപ്പോഴും ഉടനെ ടാഗ് അടയ്ക്കൽ വേണ്ടത് എന്ന് ഓർക്കുക. അല്ലെങ്കിൽ അത് പറക്കുന്നതും. ബ്രൗസറിൽ ഹാൻഡ്ലർ അദ്ദേഹം അത് കണ്ടെത്തുന്നതുവരെ, എല്ലാം പട്ടികയിൽ ഉൾപ്പെടുത്താൻ തുടരും ഘടകത്തിന്റെ അവസാനം നോക്കുകയും ചെയ്യും. ഫലം കഞ്ഞി ആയിരിക്കും.

നിങ്ങൾ "നോട്ട്പാഡ്" ഒരു വെബ്സൈറ്റ് എഴുതുന്നു എങ്കിൽ, പിന്നെ എല്ലാം തന്റെ കൈകൾ തമ്മിൽ എന്തു ചെയ്യും. "പട്ടിക", അങ്ങനെ "ഇമേജ് ചേർക്കുന്നതിന്" ഒപ്പം - ഫൈനലിൽ എഡിറ്ററിൽ എങ്കിൽ, അവിടെ സാധാരണയായി ഒരു ബട്ടൺ ആണ്.

ഉദാഹരണത്തിന് 2 പട്ടിക 2.

<പട്ടികയുടെ വീതി = "100%" അതിർത്തി = "1">

ആദ്യ സെൽ ആദ്യ വരി ടെക്സ്റ്റ്

ആദ്യ സെൽ രണ്ടാം ലൈൻ ടെക്സ്റ്റ്

രണ്ടാമത്തെ വരി ആദ്യ വാചകം സെല്ലിലേക്ക്

രണ്ടാം വരി രണ്ടാം സെല്ലിന്റെ പാഠം

ടാഗുകൾ <മേശ> ഒപ്പം പട്ടിക തുടക്കത്തിലും അവസാനത്തിലും സൂചിപ്പിക്കുന്നു. ടാഗുകൾ ഒപ്പം - ആരംഭവും വരിയുടെ അവസാനം. അതേ വരിയിൽ ടാഗുകൾ , നിർവ്വചിച്ചിരിക്കുന്നു സെല്ലുകൾ വേണമെങ്കിലും ആകാം.

പ്രധാന ആധിപത്യവും: വരികളിലെ കളങ്ങളുടെ എണ്ണം ഒരേ ആയിരിക്കണം. ഇത് ഒരു പട്ടികയിലെ.

എന്നാൽ, Word, Excel എഡിറ്റർ പോലെ, കോശങ്ങൾ പരസ്പരം കൂടിച്ചേർന്ന് കഴിയും.

എങ്ങനെ സെല്ലുകൾ സംയോജിപ്പിച്ച്?

സംയോജിപ്പിച്ച് ഉപയോഗിക്കാൻ കോളംസ്പാനിന്റേയും റോസ്പാനിന്റേയും പറഞ്ഞ കാരണം. Span "കവർ" അല്ലെങ്കിൽ "ഓവർലാപ്പുചെയ്യുമ്പോൾ" എന്നാണ് ആണ്. അര്ത്ഥം - മൂടുന്ന / ക്ലോസ് സെൽ / വരി.

ഈ ആട്രിബ്യൂട്ട് മൂല്യം എത്ര വരികൾ അല്ലെങ്കിൽ സെല്ലുകളുടെ തടയും വ്യക്തമാക്കണം. താഴെ ഉപയോഗിച്ച് രണ്ട് ഒരു ഗണിച്ചു ഉദാഹരണമാണ് എച്ച്ടിഎംഎൽ ആട്രിബ്യൂട്ട് പട്ടികയിൽ.

ആട്രിബ്യൂട്ട് കോൾസ്പാനോ = "3" ഉപയോഗിച്ച് ഈ ഉദാഹരണത്തിൽ, ആദ്യ വരി 3 നിഗമനത്തിലെത്തിയിരിക്കുന്നത് കോശങ്ങൾ. അപ്പോൾ രണ്ടാമത്തെ സ്ട്രിംഗ് ആദ്യ സെൽ നാലു വരിവരിയായി നീട്ടി. ആ പരത്തുക ഓർക്കുക / ആദ്യ സെൽ മാത്രമേ സംയോജിപ്പിച്ച്. അവളുടെ പ്രോപ്പർട്ടി ന് പരന്നുകിടക്കുന്നു. മുമ്പ് വരുന്ന എല്ലാ, ബാധിക്കില്ല.

നിങ്ങൾ 2 മുതൽ 4 വരെ ലയിപ്പിക്കാൻ ഞാൻ ആഗ്രഹിക്കുന്നു 5 കോശങ്ങൾ ഉണ്ടെങ്കിൽ, പിന്നെ നിങ്ങൾ സെൽ നമ്പർ 2 വേണമെങ്കിൽ ആട്രിബ്യൂട്ട് കോൾസ്പാനോ = "3" വ്യക്തമാക്കുക.

മുകളിൽ ചിത്രത്തിലെ സ്ലോട്ട് നമ്പർ 9 ശ്രദ്ധിക്കുക. ഉടനെ അവിടെ നിഗമനത്തിലെത്തിയിരിക്കുന്നത് ആൻഡ് സെല്ലുകളും വരികൾ. ഇത്തരം പ്രവർത്തനങ്ങൾ തടഞ്ഞിട്ടില്ല.

വിവരങ്ങൾ സുരക്ഷിതമാക്കാൻ മറ്റൊരു ഉദാഹരണം നോക്കാം. ചിലപ്പോൾ സംയോജിത കോശങ്ങൾ വരികളുടെ പകരം ആട്രിബ്യൂട്ട് ചില ആശയക്കുഴപ്പത്തിലാണ് മുതൽ ഒപ്പം.

പട്ടിക ഫോർമാറ്റ്

എച്ച്ടിഎംഎൽ ഒരു സാധാരണ സാധാരണ കേസ് എടുത്തു. ഓരോ രണ്ട് കോശങ്ങൾ പട്ടിക രണ്ട് വരികൾ.

കോഡ് താഴെ ആകും.

നിങ്ങൾക്ക് കാണാൻ കഴിയുന്ന പോലെ, യാതൊരു ഉണ്ടെങ്കിലും അവ. നിങ്ങൾ ഒരു ഫ്രെയിം ചേർക്കുക വീതിയും ഉയരവും വ്യക്തമാക്കാൻ കഴിയും.

നിങ്ങൾക്ക് വിന്യാസം കളിക്കാൻ കഴിയുന്ന. അതു ഉയരവും വീതിയും ഇരുവരും വിന്യസിച്ചിരിക്കുന്ന കഴിയും.

തിരശ്ചീനമായി വിന്യസിക്കുക വിന്യസിക്കുക, ഒപ്പം valign - ലംബമായ. ഇത്തരം ഒരു ഫലത്തിന്റെ.

വിശേഷണങ്ങൾ വിന്യസിക്കാൻ ഒപ്പം valign മുഴുവൻ ലൈൻ പ്രയോഗിക്കാൻ കഴിയൂ. അപ്പോൾ അത് എല്ലാവർക്കും കോശങ്ങൾ ഈ ഗുണങ്ങളെ വിധേയമായിട്ടായിരിക്കും.

ടാഗ് , പുറമേ, <ാം> ഒരു അധിക ടാഗ് ഇല്ല. വാസ്തവത്തിൽ അതു ഒരു അനലോഗ് ആണ്, എന്നാൽ ഇതിൽ ആദ്യ വരിയിലെ ഉപയോഗിച്ചിരുന്നത് തലക്കെട്ട് ആണ്. സ്വതവേ, <ആം> കേന്ദ്രീകരിച്ചുകൊണ്ടുള്ള ആൻഡ് ബോൾഡ് ആണ് ടെക്സ്റ്റ്.

എങ്ങനെ ശൈലികൾ മേശയുടെ കണക്ട്?

ഏതെങ്കിലും പോലെ ടാഗുകൾ എച്ച്ടിഎംഎൽ, പട്ടിക ശൈലികൾ മുഖാന്തരം മാറ്റാം. നിങ്ങൾ തല രീതിയിൽ ഫയൽ വ്യക്തമാക്കേണ്ടതുണ്ട് <ലിങ്ക് ചെയ്യുന്ന rel = "സ്റ്റൈൽഷീറ്റ്" href = http: // സൈറ്റ് /അര്തിച്ലെ/൨൫൫൯൭൨/%എ൨%൮൦%൯ച്സ്ത്യ്ലെ.ച്ഷ്%എ൨%൮൦%൯ദ് തരം = "ടെക്സ്റ്റ് / CSS"> അല്ലെങ്കിൽ തയ്യാറാണ് ശൈലി (തല പറഞ്ഞിട്ടുള്ള).

<തല>

...

<ശൈലി തരം = "ടെക്സ്റ്റ് / CSS ">

പട്ടിക {

ഫോണ്ട്-കുടുംബം: വെര്ഡാന, ഏരിയൽ, ഹെല്വെതിച, Sans-Serif;

നിറം: # 000000;

}

.മ്യ്_ച്ലഷ്

{

നിറം: # 666666;

}

...

നിങ്ങൾ ഒരു മേശ വ്യക്തമാക്കുക, പിന്നീട് ഈ രീതിയിൽ പേജിൽ എല്ലാ പട്ടികകൾ ബാധകമാകും. പഴയത് എല്ലാവർക്കും. എന്നാൽ, നിങ്ങൾ ഒരു ഡോട്ട് എത്രവേണമെങ്കിലും പേര് സൂചിപ്പിക്കുന്നത് രണ്ടാം രീതി, ഉപയോഗിക്കുകയാണെങ്കിൽ, ഈ രീതിയിൽ ഏതെങ്കിലും ആവശ്യമുള്ള പട്ടിക മറ്റ് ബാധിക്കുന്ന നൽകുമ്പോൾ പ്രയോഗിക്കാൻ കഴിയും.

<പട്ടിക ക്ലാസ് = "മ്യ്_ച്ലഷ്">

ക്ലാസുകൾ പട്ടികയുടെ ഒരു പ്രത്യേക സെൽ അല്ലെങ്കിൽ വരി ഒരു ടാഗ് ഉപയോഗിക്കാൻ കഴിയും എന്നത് ശ്രദ്ധിക്കുക.

<പട്ടിക ക്ലാസ് = "സ്ത്യ്ലെ_തബ്ലെ" വീതി = " 100%" അതിർത്തി = "1">

ആദ്യ സെൽ ആദ്യ വരിയുടെ ടെക്സ്റ്റ്

ആദ്യ സെൽ രണ്ടാം വരിയുടെ ടെക്സ്റ്റ്

രണ്ടാമത്തെ വരി ആദ്യ വാചകം സെല്ലിലേക്ക്

രണ്ടാം വരി രണ്ടാം സെല്ലിന്റെ പാഠം

എവിടെയോ കലാകാരന്റെ ശൈലി ഒരു തെറ്റ് എങ്കിൽ, ഫലം കാണുകയില്ല. എന്നാൽ, ശൈലിയിൽ അവിടെ പിശകുകൾ, പക്ഷേ പേരുകൾ ഒരേ, പ്രഭാവം കഴിയില്ല. ഓരോ കോമ അല്ലെങ്കിൽ കോളൻ ഒരു പ്രധാന പങ്ക് വഹിക്കുന്നുണ്ട്.

പട്ടികകൾ കൂടുതൽ ഗുണങ്ങളെ

സ്റ്റൈൽ ക്ലാസ്സുകൾ എന്തു ആട്രിബ്യൂട്ട് എഴുതാം? പട്ടികകൾ പ്രത്യേകമായി ബാധകമാകുന്ന പലരും ഉണ്ട്. ഇതിൽ ഏറ്റവും അടിസ്ഥാന വളരെ ഉപയോഗപ്രദമാണ് പരിഗണിക്കുക.

അണിനിരത്തുക	തിരശ്ചീന വിന്യാസം
valign	ലംബ വിന്യാസം
പശ്ചാത്തലം	സെൽ / പട്ടികയിലെ പശ്ചാത്തല ഇമേജ്
bgcolor	പശ്ചാത്തലം നിറം സെൽ
ബൊര്ദെര്ചൊലൊര്	ഫ്രെയിം കളർ പട്ടിക / സെല്ലുകൾ
പൊക്കം	സെൽ ഉയരം
നൊവ്രപ്	സ്ട്രിംഗിലെ റാപ് ടെക്സ്റ്റ് നിരോധിക്കാൻ.
വീതി	സെൽ / പട്ടികയുടെ വീതി

നിങ്ങൾക്ക് കാണാൻ കഴിയുന്ന പോലെ, പട്ടികയിലെ HTML ഉപയോഗിക്കുക "ഉപകരണങ്ങൾ" ഒരു വലിയ സംഖ്യ കഴിയും.

മനോഹരമായ പട്ടിക ഉപയോഗിച്ച് സൃഷ്ടിച്ചത്. ഉദാഹരണങ്ങൾ

കാരണം നിങ്ങൾ മനോഹരമായ പട്ടിക വൈവിധ്യമാർന്ന സൃഷ്ടിക്കാൻ കഴിയും സ്റ്റൈലിലേക്ക്. എല്ലാ എന്തു നിങ്ങൾക്കിഷ്ടമുള്ള ആശ്രയിച്ചിരിക്കുന്നു. ഇത് പാചകം പോലെയാണ്. ചേരുവകൾ ഒരേ, കൂടുതൽ ഓപ്ഷനുകൾ പല പാചക ഉണ്ട്.

നിങ്ങൾക്ക് കാണാൻ കഴിയുന്ന പോലെ, നിങ്ങൾക്ക് HTML ടാഗുകൾ ഉപയോഗിക്കുകയാണെങ്കിൽ, പട്ടിക തിരിച്ചറിയൽ അപ്പുറം രൂപാന്തരപ്പെടുന്നു കഴിയും. നിങ്ങളുടെ ഭാവന നിർണ്ണയിക്കുന്നത് സാധ്യത പരിധികൾ.