വിശദമായ വിവരണം: എങ്ങനെ HTML ൽ ഒരു മേശ ഉണ്ടാക്കേണം

പട്ടിക - വെബ് പേജുകളിൽ ഉണ്ടായിരിക്കണം ഏറ്റവും പ്രധാനപ്പെട്ട, എന്നാൽ അതേ സമയം സങ്കീർണ്ണമായ മൂലകങ്ങളുടെ ഒരു. അവരുടെ സഹായത്തോടെ ഒരു പകരം സംക്ഷിപ്തമായ രൂപത്തിൽ ഒരു പ്രധാന ഉപയോഗപ്രദവുമായ വിവരം പ്രയോഗിക്കാൻ ഉള്ളിടത്തോളം. ഗതി, ടെംപ്ലേറ്റുകൾ ഏറ്റവും എഡിറ്റർമാർ, വ്യത്യസ്ത എഞ്ചിനുകൾ പ്രവർത്തിക്കുന്ന, സ്വയം ഒരു മേശ നിങ്ങളുടെ വെബ്സൈറ്റ് അല്ലെങ്കിൽ പ്രത്യേക പ്രസിദ്ധീകരിക്കാൻ ചേർക്കുക, എന്നാൽ അതിന്റെ പേജുകൾ ആദ്യം മുതൽ സൃഷ്ടിക്കപ്പെടുന്നു? എന്തു എങ്കിൽ വെബ് ഡിസൈൻ റിസോഴ്സ്, അപ്പോൾ ആണാണോ മാസ്റ്റർ ഒരു പ്രശ്നം ലഭിക്കും: ഒരു എങ്ങനെ HTML ൽ പട്ടിക. നമുക്ക് വേഗത്തിൽ കൃത്യമായി ഇനം സൃഷ്ടിക്കാൻ എങ്ങനെ നോക്കാം.

എഡിറ്റർ തിരഞ്ഞെടുക്കുക

ഒന്നാമതായി, പട്ടിക സൃഷ്ടിക്കാൻ ആരംഭിക്കുന്നു, പ്രവർത്തിക്കും ഇതിൽ എഡിറ്റർ നല്കണം. തീർച്ചയായും, ഒരു അടിസ്ഥാന സൈറ്റ് കോഡ് സൃഷ്ടിക്കാൻ ഏത് പ്രോഗ്രാം തിരഞ്ഞെടുക്കാൻ എളുപ്പമുള്ള വഴി. എന്നാൽ ഈ ആവശ്യത്തിനായി നല്ല പഴയ മിഷേല് ഉപയോഗിക്കാൻ നല്ലത്.

കാരണം ശരിയായ എഡിറ്റർ എല്ലാം ചെയ്താൽ ഫലം ഉടനെ, വളരെ കാണാൻ കഴിയും, പോലും ഉപയോഗിക്കാൻ പ്രോഗ്രാം ആവശ്യപ്പെടുന്നു എന്തുകൊണ്ട്, നിങ്ങളുടെ ജീവൻ സങ്കീർണ്ണമാക്കുന്നതും ചോദിച്ചേക്കാം.

അതെ, അത് ശരിയാണ്, പക്ഷേ ആദ്യം മുതൽ പട്ടിക സൃഷ്ടിക്കാൻ, നിങ്ങൾ മാത്രമല്ല നന്നായി അതിന്റെ സൃഷ്ടി എന്ന തത്വം പരിശോധിക്കാൻ കഴിയും, എന്നാൽ പശ്ചാത്തല കോഡിൽ നാണം കെടുത്തുന്ന ടൈപ്പിംഗ്, പിശകുകൾ തടയാൻ. ചിലപ്പോൾ അത് കഴ്സർ താഴേക്ക് നീക്കി എന്ന് യദൃച്ഛയാ സംഭവിക്കുന്നു, പിശക് കോഡ് എഴുതുന്നതിൽ കണ്ടെത്താൻ ചിലപ്പോൾ ബുദ്ധിമുട്ടാണ് ഏത്, ലെ ഇഴയുന്ന. ഒരു നോട്ട്ബുക്ക് ഒരു മേശ സൃഷ്ടിക്കുന്നത്, കോഡിന്റെ പകർത്തി നിങ്ങൾക്ക് ശരിയായ സ്ഥലത്ത് പേസ്റ്റ് ചെയ്യാം.

പട്ടിക സൃഷ്ടിക്കാൻ അൽഗോരിതം

ആരംഭിക്കുന്നതിന്, എച്ച്ടിഎംഎൽ ഒരു മേശ എങ്ങനെ, ഒരു ചെറിയ ആൽഗോരിഥം ആക്കുന്നു. ഇത് നിങ്ങൾ ഓരോ ഘട്ടം മാറിമറിയൽ മനസ്സിലാക്കാൻ ഉറപ്പാക്കണം. അപ്പോൾ ഇനങ്ങൾ ഓരോ കൃത്യമായി എങ്ങനെ നടത്താൻ വിശകലനം.

ന്റെ തയ്യാറാകുന്നത് പ്രവർത്തനങ്ങൾ ആരംഭിക്കുക.

1. പേപ്പർ പട്ടിക ചിത്രത്തിന്റെ രേഖാ വരയ്ക്കുക.

2. വരികളും സെല്ലുകളുടെ എണ്ണം എണ്ണം. ഓരോ ര്യദൊഛ്ക ചിന്തിക്കുന്നത് - വ്യത്യസ്ത കഴിഞ്ഞ എണ്ണം എങ്കിൽ.

3. വരി-തലക്കെട്ട് കളങ്ങളിൽ എണ്ണം നിർണ്ണയിക്കുക (ഉദാഹരണത്തിന്,, സെൽ «№» "പേര്", ടി. ഡി).

അനുയോജ്യമെന്ന് തോന്നുന്ന ചെറിയ, എല്ലാറ്റിലും - നിറം, ഉയരം, വീതി, ടെക്സ്റ്റ് വിന്യാസം - 4. പട്ടിക പ്രധാന പാരാമീറ്ററുകൾ രേഖപ്പെടുത്തുക.

അപ്പോൾ പട്ടികയുടെ സൃഷ്ടി നേരിട്ട്:

1. ടാഗുകൾ ഉൾപ്പെടുത്തുക.

2. നിങ്ങൾ ചെയ്യേണ്ട തുക അടിസ്ഥാനമാക്കി വരികൾ ടാഗുകൾ ചേർക്കുക.

3. വരികൾ, കടലാസ് ന് രേഖപ്പെടുത്തിയിട്ടുണ്ട് എന്നു തുക അടിസ്ഥാനത്തിൽ കോശങ്ങൾ (സാധാരണ അപ്പർകേസ്) എന്ന ടാഗുകൾ ഉൾപ്പെടുത്തുക.

4. മുഴുവൻ പട്ടിക പരാമീറ്ററുകൾ സജ്ജമാക്കുക.

5. നിങ്ങൾ വിസ്തീർണമുള്ള ചരങ്ങൾ സജ്ജമാക്കാൻ വേണമെങ്കിൽ.

6. നമ്മുടെ സെൽ ടെക്സ്റ്റ് പൂരിപ്പിക്കുക.

പട്ടിക സൃഷ്ടിക്കാൻ

അതിനാൽ, നിങ്ങൾ എഡിറ്റർ തിരഞ്ഞെടുക്കുക, ഇപ്പോൾ ന്റെ HTML ൽ ഒരു മേശയുടെ സൃഷ്ടിക്കാൻ നോക്കാം. പട്ടിക (<പട്ടിക>) അനുവദിക്കുന്ന ടാഗ് പേജ് കോഡ് ഉൾപ്പെടുത്തുമ്പോൾ ജോടിയാക്കി, അതായത്, നമ്മുടെ നിർമ്മാണ ഈ ടാഗ് ഉപയോഗിച്ച് ആരംഭിക്കുന്ന അവസാനിക്കുന്നു.

ചേർക്കുന്നു ടാഗുകൾ മേശ, വരികളും കളങ്ങൾ സൃഷ്ടിക്കാൻ മുന്നോട്ട്.

ഇപ്പോൾ, ഈ ഘടകങ്ങൾ ജോടിയാക്കിയിരിക്കുന്നു ശ്രദ്ധിക്കുക. ടാഗ് ഒരു സ്ട്രിംഗ് നിർവചിക്കുന്നത്, ഒപ്പം - കോശങ്ങൾ.

മുകളിൽ കോശങ്ങൾ ഉപയോഗിക്കണം ജോടിയാക്കിയ ഘടകങ്ങൾ <ാം>.

ഇതിനകം സൂചിപ്പിച്ചതുപോലെ, ആദ്യ ഘട്ടം ഒരു ലൈൻ വരയ്ക്കാൻ എന്നതാണ്, അവർ സെൽ രജിസ്റ്റർ ചെയ്യണം. ആശയക്കുഴപ്പം ഒഴിവാക്കാൻ വേണ്ടി, അത് "ടാബ്" കീ ഉപയോഗിച്ച് ഒരു പുതിയ ബ്ലോക്ക് ഘടകങ്ങൾ സംഹിത ഒരു വരി രണ്ടു ഓരോ ബ്ലോക്ക് തമ്മിൽ എന്തെങ്കിലും പാഡിംഗ് ചെയ്യാൻ, അല്ലെങ്കിൽ നന്നായിരിക്കും.

എങ്ങനെ പോലെ നോക്കാൻ കഴിയും? ഇതുപോലെ എന്തോ:

• <പട്ടിക>;
• ;
• № പി / പി ;
• പേര് ;
• ;
• ;
• 1 ;
• ഇവാനോവ് ;
• ;
• .

നിങ്ങൾക്ക് കാണാൻ കഴിയുന്ന പോലെ, ഒന്നും അതിനെക്കുറിച്ച് സങ്കീർണ്ണമാണ്. പ്രധാന കാര്യം - വരികളും സെല്ലുകളുടെ എണ്ണം നഷ്ടപ്പെട്ടു സൂക്ഷിക്കുക. അല്ലെങ്കിൽ, മേശ കോണളവിലാണ് സ്ഥിതിചെയ്യുന്നത്.

നാം ഇപ്പോൾ മാട്രിക്സ് അതിന്റെ വരികളും കളങ്ങൾ രണ്ട് പരാമീറ്ററുകൾ പോകാം, HTML ൽ പട്ടിക സൃഷ്ടിക്കാൻ കൈമാളിനോട് ചെയ്യുന്നു.

പട്ടിക ഓപ്ഷനുകൾ

ൽ അലൈൻമെന്റ്: കോഡ് എഴുതിയിരിക്കുന്നു, അത് താഴെ പോയിന്റ് ശ്രദ്ധ അത്യാവശ്യമാണ് പട്ടിക എച്ച്ടിഎംഎൽ, നിറം അതിരുകൾ, പശ്ചാത്തലം, ടെക്സ്റ്റ്, ഇത്യാദി.

പാരാമീറ്ററുകൾ പട്ടിക ടാഗ് <പട്ടിക> വ്യക്തമാക്കിയിട്ടുള്ളത്. ഈ ഉൾപ്പെടുന്നു:

1. ബോർഡർ - ബോർഡർ വീതി. ഒരു പൂർണ്ണസംഖ്യ നിർവചിക്കുന്ന. സ്വതവേ, ഏതെങ്കിലും പട്ടിക അതിർത്തികൾ അപ്രത്യക്ഷമാകും.

2. ബൊര്ദെര്ചൊലൊര് - അതിർത്തി നിറം. ഇത് ഹെക്സാഡെസിമൽ വർണ്ണ (# ൦൦൦൦൮ബ്) ആയി നൽകാം, ഒപ്പം അന്ഗ്ലിയ്കൊമ് തന്റെ പേര് (കടുംനീല). സ്വതവേ, അത് എപ്പോഴും ചാരനിറമുള്ള.

3. bgcolor - പശ്ചാത്തല നിറം. കോഡ് അല്ലെങ്കിൽ പേര് പ്രകാരം.

4. വിന്യസിക്കുക - പട്ടികയുടെ ടെക്സ്റ്റ് വിന്യസിക്കുക. സ്ഥിരം - ഇടതുവശത്ത്. ഈ പരാമീറ്റർ ഇനിപ്പറയുന്ന ഓപ്ഷനുകൾ ഉണ്ട്:

• ഇടത് - വലത് റാപ്;
• ഇടത് -ഒബ്തെകനിഎ വലത്;
• കേന്ദ്രം - യാതൊരു ഒഴുക്കിനൊപ്പം നടുവിൽ ഔട്ട്പുട്ട് പട്ടിക.

5. വീതിയും ഉയരവും - പട്ടികയുടെ വീതിയും ഉയരവും. ഇത് പിക്സൽ അല്ലെങ്കിൽ (ബ്രൗസർ വിൻഡോ വലിപ്പം ആപേക്ഷിക) ശതമാനത്തിൽ ആകാം.

ഒരു പ്രത്യേക ഇൻഡിക്കേറ്റർ നിർദ്ദേശിച്ചിട്ടുള്ള, നിങ്ങൾ ഡിസൈൻ ഒരു പ്രത്യേക ശ്രദ്ധ വേണം. സൈൻ "തുല്യമായ" പോകാൻ പരാമീറ്റര് ശേഷം, ഉദ്ധരണികൾ ഒരു നിശ്ചയിച്ചിട്ടുള്ള മൂല്യം സൂചിപ്പിക്കുന്നു ശേഷം.

വാചകത്തിന്റെ നിറം പോലെ, പിന്നെ HTML രീതിയിൽ പ്ലെയിൻ ടെക്സ്റ്റ് പോലെ അത് നടത്തുന്നതിനും.

ഒരു പട്ടികയുടെ ഉദാഹരണം:

• <പട്ടികയുടെ ബോർഡർ = "2" ബൊര്ദെര്ചൊലൊര് = "# ൦൦൦൦൮ബ്" bgcolor = "#ഫ്ഫ്ഫ്ഫ്ഫ്ഫ്" വിന്യസിക്കുക = "കേന്ദ്രം" വീതി = "800" ഉയരം = "800">;
• ;
• № പി / പി ;
• പേര് ;
• ;
• ;
• 1 ;
• ഇവാനോവ് ;
• ;
• .

പാരാമീറ്ററുകൾ വരികൾ

അങ്ങനെ ഞങ്ങൾ ഇതിനകം HTML ൽ ഒരു മേശ ഉണ്ടാക്കി അതിന്റെ പ്രധാന പരാമീറ്ററുകൾ സംഹിത എങ്ങനെ കലിയിളകും ഞങ്ങൾ. എന്നാല് അതൊരു സ്ട്രിംഗ് അനുവദിക്കാൻ ചെയ്യണം? പന്തിയിൽ പ്രധാന ശരീരം അവളെ പരിശോധിക്കുക?

ലൈൻ പാരാമീറ്ററുകൾ വിവര പട്ടിക പോലെ ടാഗ് എഴുതിയിരിക്കുന്ന . : ഇനിപ്പറയുന്ന വേരിയബിളുകളിലൊന്ന് നിർവചിക്കണം വരിയിലേക്ക്

1. ഇതിനകം നിങ്ങൾക്ക് അറിയപ്പെടുന്ന അതിർത്തി, ബൊര്ദെര്ചൊലൊര് ആൻഡ് bgcolor.

2. വിന്യസിക്കുക - വരിയിൽ ടെക്സ്റ്റ് വിന്യസിക്കുക. അതു, ഇടത് കേന്ദ്രം ശരിയായ ക്രമീകരിക്കാൻ കഴിയും.

3. valign - ടാഗ് ലംബമായി ടെക്സ്റ്റ് കളങ്ങളുടെ. അത് താഴെ മൂല്യങ്ങൾ എടുക്കും:

• മുകളിൽ - ടെക്സ്റ്റ് ന്റെമേലതിരു് വിന്യസിച്ചിരിക്കുന്ന;
• മധ്യത്തിൽ - നടുവിൽ;
• താഴെ - ചുവടെ അറ്റം.

ഉദാഹരണത്തിന് ലൈൻ ക്ലിയറൻസ്:

• ;
• № പി / പി ;
• പേര് ;
• .

പാരാമീറ്ററുകൾ സെല്ലുകൾ

വ്യക്തിഗത സെല്ലുകളിൽ പരാമീറ്ററുകൾ, സാധാരണ, മൂലധന ഇരുവരും - കഴിഞ്ഞ കാര്യം നിങ്ങൾ ശ്രദ്ധ എച്ച്ടിഎംഎൽ ഒരു മേശ എങ്ങനെ അറിയാൻ ആഗ്രഹിക്കുന്നവർക്ക് വരെ നല്കണം. സത്യത്തിൽ, എല്ലാം ഒരു പട്ടിക, അല്ലെങ്കിൽ വരി വേണ്ടി പോലെ നടക്കുന്ന. മാത്രം രണ്ട് പ്രധാന ഘടകങ്ങൾ ചേർത്തു:

1. കോളംസ്പാനിന്റേയും - ഈ പരാമീറ്റർ സെൽ നീളാവുന്ന ഏത് നിരകളുടെ എണ്ണം വ്യക്തമാക്കുന്നു.

2. rowspan - ഇതിനകം ഈ സെൽ സ്വായത്തമാക്കിയ വരികളുടെ എണ്ണം സൂചിപ്പിക്കുന്നു.

ഡിസൈൻ കുറിപ്പടി ലൈനിൽ നിന്ന് യാതൊരു വ്യത്യസ്തമാണ്, അത് സാമ്പിൾ കോഡ് ഇടയാക്കില്ല.

കണ്ടെത്തലുകൾ

വിരുന്നൊരുക്കുന്നു ആദ്യം ഒറ്റനോട്ടത്തിൽ തോന്നാം പോലെ പ്രയാസമില്ല. പ്രധാന കാര്യം അതിന്റെ കോഡ് എഴുതുമ്പോൾ - സഹിഷ്ണുതയും ശ്രദ്ധയും.

എച്ച്ടിഎംഎൽ ഒരു ടേബിൾ തിരുകുന്നതിന് പോലെ, പിന്നീട് അതിന്റെ കോഡ് നമ്പർ നിങ്ങളുടെ പേജ് പകരം അതു പകർത്തി ഒട്ടിക്കുക മതിയായ, നിങ്ങളുടെ അഭിപ്രായത്തിൽ, ആയിരിക്കും, ഏത് ആണ്.

പരീക്ഷണങ്ങൾ ഭയപ്പെടേണ്ടാ, വഴിയെ നിങ്ങൾ തികച്ചും പട്ടികകൾ സൃഷ്ടിക്കുന്ന രീതി വികാസത്തെ ചെയ്യുന്നു. ഗുഡ് ലക്ക്!