ഒരു വെബ് പ്രമാണത്തിനായി എച്ച്.ആർ. ടാഗ് എങ്ങനെ ഉപയോഗിക്കും
ഒരു വെബ് ഡോട്ടിലേക്ക് ഒരു തിരശ്ചീന വരി (ചിലപ്പോൾ തിരശ്ചീന റൂൾ എന്നു വിളിക്കുന്നു) ചേർക്കാൻ ഒരു എച്ച് ആർ ടാഗ് പരമ്പരാഗതമായി ഉപയോഗിക്കുന്നു. ഒരു വരി ചേർക്കുന്നതിന്, നിങ്ങൾ ടൈപ്പുചെയ്യുന്ന:
പേജിന്റെ മുഴുവൻ വീതിയിലെയോ അല്ലെങ്കിൽ പാരന്റ് ഘടകത്തെയോ സ്ഥിരസ്ഥിതി സജ്ജീകരണങ്ങൾ ഉപയോഗിച്ച് ഒരു വരി വരയ്ക്കുന്നതിന് നിർദ്ദേശിക്കുക. ഈ ഡീഫോൾട്ട് ലൈൻ ലളിതമായതും പലപ്പോഴും അതിന്റെ ഉദ്ദേശ്യത്തെ സഹായിക്കുന്നു, എന്നാൽ മറ്റ് സവിശേഷതകൾക്കിടയിലുള്ള വരിയുടെ വലുപ്പം, നിറം, സ്ഥാനം എന്നിവ മാറ്റാൻ ആട്രിബ്യൂട്ടുകൾ നിയുക്തമാക്കാം. HTML4, HTML5 എന്നിവയ്ക്കിടയിലുള്ള തിരശ്ചീന രേഖയുടെ രൂപഭാവം പരിഷ്ക്കരിക്കുന്നതിനുള്ള രീതി.
എച്ച് ആർ ടാഗ് സെമാന്റിക് ആണോ?
HTML4 ൽ, എച്ച്.ആർ ടാഗ് സെമാന്റിക് ആയിരുന്നില്ല. സെമാന്റിക് മൂലകങ്ങൾ അതിന്റെ അർഥം ബ്രൌസറിന്റേയും ഡവലപ്പറിനേയും എളുപ്പത്തിൽ മനസിലാക്കാൻ കഴിയും. ഒരു ഡോക്യുമെന്റിൽ നിങ്ങൾക്കാവശ്യമായ ഒരു ലളിതമായ വരി ചേർക്കുന്നതിന് എച്ച്ആർ ടാഗ് ഒരു മാർഗമായിരുന്നു. മൂലകത്തിന്റെ മുകളിലോ താഴെഭാഗത്തിലോ ഒരു തിരശ്ചീന വരി ഉന്നയിക്കണമെന്ന് നിങ്ങൾ ആഗ്രഹിച്ച മൂലകത്തിന്റെ മുകളിൽ അല്ലെങ്കിൽ താഴെ മാത്രം ബോർഡർ മാത്രം സ്റ്റൈലിംഗ് ചെയ്യുന്നു, എന്നാൽ പൊതുവായി പറഞ്ഞാൽ, എച്ച്ആർ ടാഗ് ഈ ആവശ്യത്തിനായി ഉപയോഗിക്കാൻ എളുപ്പമാണ്.
HTML5 ഉപയോഗിച്ച് ആരംഭിച്ച എച്ച്ആർ ടാഗും സെമാന്റിക് ആയി മാറി. ഒരു പുതിയ പേജ് അല്ലെങ്കിൽ മറ്റ് ശക്തമായ ഡിലിമിറ്റർ അനുവദിക്കാത്ത ഉള്ളടക്കത്തിന്റെ ഒഴുക്കിനെ കുറിച്ചുള്ള ഒരു ഖണ്ഡിക ലെവൽ ബ്രേക്ക് ഇപ്പോൾ നിർവചിക്കുന്നു. . ഉദാഹരണത്തിന്, ഒരു സ്റ്റോറിയിൽ ഒരു രംഗം മാറ്റത്തിനുശേഷം നിങ്ങൾക്ക് ഒരു എച്ച്.ആർ ടാഗ് കണ്ടെത്താം അല്ലെങ്കിൽ റഫറൻസ് പ്രമാണത്തിൽ വിഷയം മാറ്റാൻ അത് സൂചിപ്പിക്കാം.
HTML 4, HTML5 എന്നിവയിൽ എച്ച്ആർ ആട്രിബ്യൂട്ടുകൾ
HTML4- ൽ, "അലൈൻ", "വിഡ്ത്", "നോഷാഡെ" എന്നീ ലളിതമായ ആട്രിബ്യൂട്ടുകൾക്ക് എച്ച്.ആർ. ടാഗ് ഉപയോഗിക്കാവുന്നതാണ്. വിന്യാസം ഇടത്, സെന്റർ, വലത് അല്ലെങ്കിൽ ന്യായീകരിക്കുക. പേജിൽ ഉടനീളം ലൈൻ വിപുലീകരിക്കുന്ന സ്ഥിര 100 ശതമാനം നിന്ന് തിരശ്ചീന വരിയുടെ വീതി ക്രമീകരിക്കുകയും ചെയ്തു. ഒരു ഷേഡഡ് നിറത്തിനു പകരം noshade ആട്രിബ്യൂട്ട് സോളിഡ് കളർ ലൈന് റെൻഡർ ചെയ്തു. ഈ ആട്രിബ്യൂട്ടുകൾ HTML5 ൽ കാലഹരണപ്പെട്ടതാണ്, കൂടാതെ HTML5- ൽ നിങ്ങളുടെ എച്ച്ആർ ടാഗുകൾ ശൈലിയിൽ നിങ്ങൾ ഉപയോഗിക്കുകയും വേണം. ഉദാഹരണത്തിന്, HTML 4 ൽ:
10 പിക്സൽ ഉയരമുള്ള ഒരു തിരശ്ചീന വരി സൃഷ്ടിക്കുന്നു.
HTML5 ഉള്ള CSS ഉപയോഗിച്ചു്, 10 പിക്സൽ ഉയരം വരുന്ന ഒരു തിരശ്ചീന ലൈനിൽ ശൈലി:
നിങ്ങളുടെ തിരശ്ചീന ലൈനുകൾ സ്റ്റൈൽ ചെയ്യുന്നതിനായി CSS ഉപയോഗിച്ച് നിങ്ങളുടെ വെബ് പേജ് രൂപകൽപ്പന ചെയ്യുന്നതിനായി നിങ്ങൾക്ക് ധാരാളം സ്വാതന്ത്ര്യം നൽകുന്നു. എച്ച്ആർ ടാഗുകൾക്കായി ഈ ശൈലിയിൽ എച്ച്ആർ ടാഗ് ലേഖനത്തിൽ നിങ്ങൾക്ക് നിരവധി ശൈലികൾ കാണാം. എല്ലാ ബ്രൌസറുകളിലും ഉടനീളം വീതിയും ഉയരവും മാത്രം ഉള്ള ശൈലികൾ മാത്രമേയുള്ളൂ, അതുകൊണ്ട് മറ്റ് ശൈലികൾ ഉപയോഗിക്കുമ്പോൾ ചില പരീക്ഷണങ്ങളും പിശകുകളും ആവശ്യമായി വരാം. വെബ്പേജിന്റെ അല്ലെങ്കിൽ പേരന്റ് ഘടകം വീതിയുടെ 100 ശതമാനം സ്ഥിരസ്ഥിതി വീതിയുള്ളതാണ്. നിയമത്തിന്റെ സ്ഥിര ഉയരം രണ്ട് പിക്സലുകളാണ്.