ﺍﻵﻥ ﺃﻧﺖ ﺟﺎﻫﺰ ﻟﺘﻌﻠﻢ ﺟﻮﻫﺮ ﻟﻐﺔ HTML ﻭﻫﻲ ﺍﻟﻌﻨﺎﺻﺮ .
ﺍﻟﻌﻨﺎﺻﺮ ﺗﻌﻄﻲ ﻟﻮﺛﺎﺋﻖ HTML ﻫﻴﻜﻠﻴﺔ ﻣﺤﺪﺩﺓ ﻭﺗﺨﺒﺮ ﺍﻟﻤﺘﺼﻔﺢ ﻋﻦ ﻛﻴﻔﻴﺔ ﻋﺮﺽ ﺍﻟﺼﻔﺤﺔ، ﺑﺸﻜﻞ ﻋﺎﻡ ﺍﻟﻌﻨﺎﺻﺮ ﻋﺒﺎﺭﺓ ﻋﻦ ﻭﺳﻢ "tag" ﻟﻠﺒﺪﺍﻳﺔ ﺛﻢ ﺑﻌﺾ ﺍﻟﻤﺤﺘﻮﻳﺎﺕ ﺛﻢ ﻭﺳﻢ ﺍﻹﻏﻼﻕ .
" ﻭﺳﻮﻡ " ؟
ﺍﻟﻮﺳﻮﻡ ﻫﻲ ﺗﻮﺻﻴﻔﺎﺕ ﺗﺴﺘﺨﺪﻣﻬﺎ ﻟﻜﻲ ﺗﻀﻌﻬﺎ ﻓﻲ ﺑﺪﺍﻳﺔ ﺍﻟﻌﻨﺼﺮ ﻭﻋﻨﺪ ﻧﻬﺎﻳﺘﻪ .
ﻛﻞ ﺍﻟﻮﺳﻮﻡ ﻟﻬﺎ ﻧﻔﺲ ﻧﻔﺲ ﺍﻟﺸﻜﻞ، ﺗﺒﺪﺃ ﻣﻊ ﻋﻼﻣﺔ ﺃﺻﻐﺮ ﻣﻦ
"<" ﻭﺗﻨﺘﻬﻲ ﻣﻊ ﻋﻼﻣﺔ ﺃﻛﺒﺮ ﻣﻦ .">"
ﺑﺸﻜﻞ ﻋﺎﻡ ﻫﻨﺎﻙ ﻧﻮﻋﺎﻥ ﻣﻦ ﺍﻟﻮﺳﻮﻡ، ﻭﺳﻢ ﺍﻟﺒﺪﺍﻳﺔ :
<html> ﺛﻢ ﻭﺳﻢ ﺍﻹﻏﻼﻕ </html> . ﺍﻟﻔﺮﻕ ﺑﻴﻦ ﺍﻹﺛﻨﻴﻦ ﻫﻲ ﻋﻼﻣﺔ "/" ، ﺗﻮﺻﻴﻒ ﺍﻟﻤﺤﺘﻮﻳﺎﺕ ﻳﻜﻮﻥ ﺑﻮﺿﻌﻬﺎ ﺑﻴﻦ ﻭﺳﻢ ﺍﻟﺒﺪﺍﻳﺔ ﻭﻭﺳﻢ ﺍﻹﻏﻼﻕ .
ﻟﻐﺔ HTML ﺗﺘﻜﻮﻥ ﻣﻦ ﻫﺬﻩ ﺍﻟﻌﻨﺎﺻﺮ، ﻟﻜﻲ ﺗﺘﻌﻠﻢ HTML ﻋﻠﻴﻚ ﺃﻥ ﺗﺘﻌﻠﻢ ﻭﺗﺴﺘﺨﺪﻡ ﻭﺳﻮﻣﺎً ﻣﺨﺘﻠﻔﺔ .
ﻫﻞ ﻳﻤﻜﻨﻚ ﺃﻥ ﺗﺮﻳﻨﻲ ﺑﻌﺾ ﺍﻷﻣﺜﻠﺔ؟
ﺣﺴﻨﺎً، ﺍﻟﻌﻨﺼﺮ em ﻳﺸﺪﺩ ﺍﻟﻨﺺ " ﻳﺠﻌﻠﻪ ﻣﺎﺋﻼً " ﻭﻛﻞ ﺍﻟﻨﺼﻮﺹ ﺑﻴﻦ ﻭﺳﻢ ﺍﻟﺒﺪﺍﻳﺔ <em> ﻭﻭﺳﻢ ﺍﻹﻏﻼﻕ </em> ﺳﺘﻈﻬﺮ ﺑﺸﻜﻞ ﻣﺎﺋﻞ ﻓﻲ ﺍﻟﻤﺘﺼﻔﺢ . "em") ﻫﻲ ﺍﺧﺘﺼﺎﺭ ."emphasis" )
ﺍﻟﻤﺜﺎﻝ :1
<em> ﻧﺺ ﻣﺎﺋﻞ .</em>
ﺳﻴﻈﻬﺮ ﺑﻬﺬﺍ ﺍﻟﺸﻜﻞ ﻓﻲ ﺍﻟﻤﺘﺼﻔﺢ :
ﻧﺺ ﻣﺎﺋﻞ .
ﺍﻟﻌﻨﺎﺻﺮ h1 ، h2 ، h3 ، h4 ، h5 ﻭ h6 ﺗﺴﺘﺨﺪﻡ ﻟﻠﻌﻨﺎﻭﻳﻦ ( ﺣﺮﻑ h ﻫﻮ ﺍﺧﺘﺼﺎﺭ ,("heading" ﺣﻴﺚ h1 ﻫﻮ ﺍﻟﻤﺴﺘﻮﻯ ﺍﻷﻭﻝ ﻣﻦ ﺍﻟﻌﻨﺎﻭﻳﻦ ﻭﺑﺎﻟﺘﺎﻟﻲ ﺍﻷﻛﺒﺮ ﺣﺠﻤﺎً، h2 ﻳﺴﺘﺨﺪﻡ ﻟﻠﻤﺴﺘﻮﻯ ﺍﻟﺜﺎﻧﻲ ﻣﻦ ﺍﻟﻌﻨﺎﻭﻳﻦ ﻭﻫﻮ ﺃﺻﻐﺮ ﺣﺠﻤﺎً ﺑﻘﻠﻴﻞ، ﻭ h6 ﻫﻮ ﺍﻟﻤﺴﺘﻮﻯ ﺍﻟﺴﺎﺩﺱ ﻭﺍﻷﺧﻴﺮ ﻣﻦ ﻫﻴﻜﻠﻴﺔ ﺍﻟﻌﻨﺎﻭﻳﻦ ﻭﻫﻮ ﺍﻷﺻﻐﺮ .
ﻣﺜﺎﻝ :2
<h1> ﻫﺬﺍ ﻋﻨﻮﺍﻥ </h1>
<h2> ﻫﺬﺍ ﻋﻨﻮﺍﻥ ﻓﺮﻋﻲ </h2>
ﺳﺘﻈﻬﺮ ﺑﻬﺬﺍ ﺍﻟﺸﻜﻞ ﻓﻲ ﺍﻟﻤﺘﺼﻔﺢ :
ﻫﺬﺍ ﻋﻨﻮﺍﻥ
ﻫﺬﺍ ﻋﻨﻮﺍﻥ ﻓﺮﻋﻲ
ﻫﻞ ﺃﻧﺎ ﺑﺤﺎﺟﺔ ﺩﺍﺋﻤﺎً ﺇﻟﻰ ﺍﺳﺘﺨﺪﺍﻡ ﻭﺳﻢ ﺑﺪﺍﻳﺔ ﻭﻭﺳﻢ ﺇﻏﻼﻕ؟
ﻛﻤﺎ ﻳﻘﻮﻟﻮﻥ، ﻫﻨﺎﻙ ﺍﺳﺘﺜﻨﺎﺀ ﻣﻦ ﻛﻞ ﻗﺎﻋﺪﺓ، ﻭﺍﻻﺳﺘﺜﻨﺎﺀ ﻓﻲ HTML ﻫﻮ ﻭﺟﻮﺩ ﻋﻨﺎﺻﺮ ﺗﻌﺘﺒﺮ ﻫﻲ ﻭﺳﻢ ﺍﻟﺒﺪﺍﻳﺔ ﻭﻭﺳﻢ ﺍﻹﻏﻼﻕ ﻓﻲ ﻧﻔﺲ ﺍﻟﻮﻗﺖ، ﻭﻫﻲ ﺗﺴﻤﻰ ﺍﻟﻌﻨﺎﺻﺮ ﺍﻟﻔﺎﺭﻏﺔ ﻷﻧﻬﺎ ﻏﻴﺮ ﻣﺮﺗﺒﻄﺔ ﺑﻨﺺ ﻣﻌﻴﻦ ﻟﻜﻨﻬﺎ ﻋﻨﺎﺻﺮ ﻣﺴﺘﻘﻠﺔ ﺗﻤﺎﻣﺎً، ﻓﻤﺜﻼً ﻫﻨﺎﻙ ﻭﺳﻢ ﻟﻜﻲ ﻟﻜﺴﺮ ﺍﻟﻨﺺ ﻭﺇﺟﺒﺎﺭﻩ ﻋﻠﻰ ﺍﻟﻈﻬﻮﺭ ﻓﻲ ﺳﻄﺮ ﺟﺪﻳﺪ، ﻫﺬﺍ ﺍﻟﻮﺳﻢ ﻳﻈﻬﺮ ﺑﻬﺬﺍ ﺍﻟﺸﻜﻞ : <br /> .
ﻫﻞ ﺗﻜﺘﺐ ﺍﻟﻮﺳﻮﻡ ﺑﺄﺣﺮﻑ ﻛﺒﻴﺮﺓ ﺃﻡ ﺻﻐﻴﺮﺓ؟
ﻣﻌﻈﻢ ﺍﻟﻤﺘﺼﻔﺤﺎﺕ ﻟﻦ ﺗﻬﺘﻢ ﺇﺫﺍ ﻛﺘﺒﺖ ﺍﻟﻮﺳﻮﻡ ﺑﺄﺣﺮﻑ ﻛﺒﻴﺮﺓ ﺃﻭ ﺻﻐﻴﺮﺓ ﺃﻭ ﺧﻠﻴﻂ ﺑﻴﻦ ﺍﻹﺛﻨﻴﻦ، > HTML> ، <html < ﺃﻭ <HtMl> ﻛﻠﻬﺎ ﺳﺘﻌﻄﻲ ﻧﻔﺲ ﺍﻟﻨﺘﺎﺋﺞ، ﻣﻊ ﺫﻟﻚ ﺍﻷﺳﻠﻮﺏ
ﺍﻟﺼﺤﻴﺢ ﻫﻮ ﻛﺘﺎﺑﺔ ﺍﻟﻮﺳﻮﻡ ﺑﺎﻷﺣﺮﻑ ﺍﻟﺼﻐﻴﺮﺓ، ﻟﺬﻟﻚ ﻋﻠﻴﻚ ﺃﻥ
ﺗﻌﺘﺎﺩ ﻋﻠﻰ ﻛﺘﺎﺑﺔ ﺍﻟﻮﺳﻮﻡ ﺑﺎﻷﺣﺮﻑ ﺍﻟﺼﻐﻴﺮﺓ .
ﺃﻳﻦ ﺃﺿﻊ ﻛﻞ ﻫﺬﻩ ﺍﻟﻮﺳﻮﻡ؟
ﺃﻛﺘﺐ ﺍﻟﻮﺳﻮﻡ ﻓﻲ ﻭﺛﻴﻘﺔ HTML ، ﺍﻟﻤﻮﺍﻗﻊ ﺗﺤﻮﻱ ﻭﺛﻴﻘﺔ HTML ﺃﻭ ﺃﻛﺜﺮ، ﻋﻨﺪﻣﺎ ﺗﺘﺼﻔﺢ ﺷﺒﻜﺔ ﺍﻟﻮﻳﺐ ﺃﻧﺖ ﻓﻘﻂ ﺗﻘﻮﻡ ﺑﻔﺘﺢ ﻭﺛﺎﺋﻖ HTML ﻣﺨﺘﻠﻔﺔ .
ﺇﺫﺍ ﺍﻧﺘﻘﻠﺖ ﺇﻟﻰ ﺍﻟﺪﺭﺱ ﺍﻟﻼﺣﻖ ﺳﺘﺘﻤﻜﻦ ﻣﻦ ﺇﻧﺸﺎﺀ ﻣﻮﻗﻌﻚ ﺧﻼﻝ ﻋﺸﺮ ﺩﻗﺎﺋﻖ .
