ﻫﻨﺎﻙ ﺧﺼﺎﺋﺺ ﻳﻤﻜﻨﻚ ﺃﻥ ﺗﺴﺘﺨﺪﻣﻬﺎ ﻟﻤﻌﻈﻢ ﺍﻟﻌﻨﺎﺻﺮ
ﻣﺎ ﻫﻲ ﺍﻟﺨﺎﺻﻴﺔ؟
ﺃﻧﺖ ﺗﺘﺬﻛﺮ ﺃﻥ ﺍﻟﻌﻨﺎﺻﺮ ﺗﻌﻄﻲ ﻫﻴﻜﻠﻴﺔ ﻟﺼﻔﺤﺔ HTML ﻭﺗﺨﺒﺮ ﺍﻟﻤﺘﺼﻔﺢ ﻛﻴﻒ ﺗﺮﻳﺪ ﻟﻤﻮﻗﻌﻚ ﺃﻥ ﻳﻈﻬﺮ، ﻛﻤﺜﺎﻝ <br /> ﺗﺨﺒﺮ ﺍﻟﻤﺘﺼﻔﺢ ﺃﻥ ﻳﻘﻮﻡ ﺑﻨﻘﻞ ﻣﺎ ﺑﻌﺪﻫﺎ ﻣﻦ ﻧﺺ ﺇﻟﻰ ﺳﻄﺮ ﺟﺪﻳﺪ، ﻓﻲ ﺑﻌﺾ ﺍﻟﻌﻨﺎﺻﺮ ﻳﻤﻜﻨﻚ ﺃﻥ ﺗﻀﻴﻒ ﺍﻟﻤﺰﻳﺪ ﻣﻦ ﺍﻟﻤﻌﻠﻮﻣﺎﺕ، ﻫﺬﻩ ﺍﻟﻤﻌﻠﻮﻣﺎﺕ ﺗﺴﻤﻰ ﺧﺼﺎﺋﺺ .
ﻣﺜﺎﻝ :1
<h2 style="background-color:#ff0000;">My friendship with HTML</h2>
ﺍﻟﺨﺼﺎﺋﺺ ﺗﻜﺘﺐ ﺩﺍﺋﻤﺎً ﺑﻨﻔﺲ ﺍﻟﻄﺮﻳﻘﺔ، ﻓﻬﻲ ﺗﺒﺪﺃ ﺑﺎﺳﻢ ﺍﻟﺨﺎﺻﻴﺔ ﺛﻢ ﻳﺘﺒﻌﻬﺎ ﻋﻼﻣﺔ ﻳﺴﺎﻭﻱ "=" ﺛﻢ ﻗﻴﻤﺔ ﺍﻟﺨﺎﺻﻴﺔ، ﺍﻟﻔﺎﺻﻠﺔ ﺍﻟﻤﻨﻘﻮﻃﺔ ﻓﻲ ﺍﻟﻤﺜﺎﻝ ﺗﺴﺘﺨﺪﻡ ﻓﻘﻂ ﻓﻲ ﺧﺎﺻﻴﺔ "style" ﻭﻭﻇﻴﻔﺘﻬﺎ ﺍﻟﻔﺼﻞ ﺑﻴﻦ ﺃﻭﺍﻣﺮ ﻣﺨﺘﻠﻔﺔ، ﺳﻨﺘﺤﺪﺙ ﻋﻦ ﺫﻟﻚ ﻓﻲ ﻭﻗﺖ ﻻﺣﻖ .
ﻫﻨﺎﻙ ﺧﺼﺎﺋﺺ ﻛﺜﻴﺮﺓ ﻭﻣﺨﺘﻠﻔﺔ، ﺳﻨﺘﻌﻠﻢ ﺃﻭﻻً ﻭﺍﺣﺪﺓ ﻣﻨﻬﺎ ﻭﻫﻲ style ، ﻭﺍﻟﺘﻲ ﻳﻤﻜﻦ ﺍﺳﺘﺨﺪﺍﻣﻬﺎ ﻹﺿﺎﻓﺔ ﺗﺼﻤﻴﻢ ﻟﻤﻮﻗﻌﻚ . ﻓﻤﺜﻼً ﻳﻤﻜﻦ ﺇﺿﺎﻓﺔ ﻟﻮﻥ ﺧﻠﻔﻲ ﻟﻠﺼﻔﺤﺔ :
ﻣﺜﺎﻝ :2
<html>
<head>
</head>
<body style="background-color:#ff0000;">
</body>
</html>
ﻫﺬﻩ ﺍﻟﺨﺎﺻﻴﺔ ﺳﺘﺠﻌﻞ ﻟﻮﻥ ﺍﻟﺼﻔﺤﺔ ﺃﺣﻤﺮﺍ، ﺍﻧﻈﺮ ﺑﻨﻔﺴﻚ، ﺳﻨﺸﺮﺡ ﺃﻛﺜﺮ ﻋﻦ ﺍﻷﻟﻮﺍﻥ ﻓﻲ ﻭﻗﺖ ﻻﺣﻖ .
ﻻﺣﻆ ﺃﻥ ﻛﺘﺎﺑﺔ ﺍﻟﻮﺳﻮﻡ ﻭﺍﻟﺨﺼﺎﺋﺺ ﻳﺠﺐ ﺃﻥ ﺗﻜﻮﻥ ﺑﺎﻟﺘﻬﺠﺄﺓ ﺍﻷﻣﺮﻳﻜﻴﺔ، ( ﻣﺜﺎﻝ : color ﺑﺪﻻً ﻣﻦ colour ) ، ﻣﻦ ﺍﻟﻤﻬﻢ ﺃﻥ ﺗﻜﻮﻥ ﻣﻨﺘﺒﻬﺎً ﻋﻨﺪ ﻛﺘﺎﺑﺘﻚ ﻟﻸﻭﺍﻣﺮ ﻭﺗﺴﺘﺨﺪﻡ ﻧﻔﺲ ﺍﻟﺘﻬﺠﺄﺓ ﺍﻟﺘﻲ ﺗﺮﺍﻫﺎ ﻓﻲ ﺍﻷﻣﺜﻠﺔ ﻭﺇﻻ ﻓﻠﻦ ﻳﻌﺮﺽ ﺍﻟﻤﺘﺼﻔﺢ ﺻﻔﺤﺎﺗﻚ ﺑﻄﺮﻳﻘﺔ ﺻﺤﻴﺤﺔ .
ﻛﻴﻒ ﺃﺻﺒﺤﺖ ﺍﻟﺼﻔﺤﺔ ﺣﻤﺮﺍﺀ؟
ﻓﻲ ﺍﻟﻤﺜﺎﻝ ﺃﻋﻼﻩ ﻭﺿﻌﻨﺎ ﻗﻴﻤﺔ "#ff0000" ﻟﻠﻮﻥ ﺧﻠﻔﻴﺔ ﺍﻟﺼﻔﺤﺔ، ﻫﺬﺍ ﺍﻟﺮﻗﻢ ﻳﺸﻴﺮ ﺇﻟﻰ ﺍﻟﻠﻮﻥ ﺍﻷﺣﻤﺮ، ﻭﻫﻮ ﻳﻌﺘﻤﺪ ﻧﻈﺎﻡ ﻋﺪ ﺳﺪﺍﺳﻲ ﻋﺸﺮ، ﻭﻳﺴﻤﻰ ﺑﺎﻹﻧﺠﻠﻴﺰﻳﺔ HEX ، ﻛﻞ ﻟﻮﻥ ﻟﻪ ﺭﻗﻢ ﺧﺎﺹ ﻭﻫﺬﻩ ﺑﻌﺾ ﺍﻷﻣﺜﻠﺔ :
ﺃﺑﻴﺾ : #ffffff
ﺃﺳﻮﺩ : #000000
ﺃﺣﻤﺮ : #ff0000
ﺃﺯﺭﻕ : #0000ff
ﺃﺧﻀﺮ : #00ff00
ﺃﺻﻔﺮ : #ffff00
ﻧﻈﺎﻡ ﺃﺭﻗﺎﻡ ﺍﻷﻟﻮﺍﻥ ﻳﺄﺗﻲ ﺑﺸﻜﻞ ﻭﺍﺣﺪ، ﻓﻬﻮ ﻳﺒﺪﺃ ﺑﻌﻼﻣﺔ # ﺛﻢ ﺳﺘﺔ ﺃﺭﻗﺎﻡ ﺃﻭ ﺃﺣﺮﻑ، ﻫﻨﺎﻙ ﺃﻛﺜﺮ ﻣﻦ ﺃﻟﻒ ﺭﻗﻢ ﻟﻸﻟﻮﺍﻥ ﻭﻟﻴﺲ ﻣﻦ ﺍﻟﺴﻬﻞ ﺗﺬﻛﺮ ﺇﻟﻰ ﺃﻱ ﻟﻮﻥ ﻳﺸﻴﺮ ﺃﻱ ﺭﻗﻢ، ﻭﻟﻜﻲ ﻧﺒﺴﻂ ﺍﻷﻣﺮ ﻋﻠﻴﻚ، ﻗﻤﻨﺎ ﺑﻌﻤﻞ ﻣﻠﻒ ﻳﺤﻮﻱ 216 ﻟﻮﻥ ﻭﻫﻲ ﻣﻦ ﺃﻛﺜﺮ ﺍﻷﻟﻮﺍﻥ ﺍﺳﺘﻌﻤﺎﻻً : 216 ﻟﻮﻥ .
ﺑﺈﻣﻜﺎﻧﻚ ﺃﻳﻀﺎً ﺍﺳﺘﺨﺪﺍﻡ ﺃﺳﻤﺎﺀ ﺍﻷﻟﻮﺍﻥ ﺑﺎﻟﻠﻐﺔ ﺍﻹﻧﺠﻠﻴﺰﻳﺔ ﻟﻸﻟﻮﺍﻥ ﺍﻟﻤﻌﺮﻭﻓﺔ ﻣﺜﻞ ﺍﻷﺑﻴﺾ ﻭﺍﻷﺳﻮﺩ ﻭﺍﻷﺣﻤﺮ ﻭﺍﻷﺯﺭﻕ ﻭﺍﻷﺻﻔﺮ .
ﻣﺜﺎﻝ :3
<body style="background-color: red;">
ﻧﻜﺘﻔﻲ ﺑﻬﺬﺍ ﺍﻟﻘﺪﺭ ﺣﻮﻝ ﺍﻷﻟﻮﺍﻥ ﻟﻨﻌﺪ ﺇﻟﻰ ﺍﻟﺨﺼﺎﺋﺺ .
ﺃﻱ ﺍﻟﻌﻨﺎﺻﺮ ﺗﺴﺘﻄﻴﻊ ﺍﺳﺘﺨﺪﺍﻡ ﺍﻟﺨﺼﺎﺋﺺ؟
ﻣﺠﻤﻮﻋﺔ ﻣﺨﺘﻠﻔﺔ ﻣﻦ ﺍﻟﺨﺼﺎﺋﺺ ﻳﻤﻜﻦ ﺍﺳﺘﺨﺪﺍﻣﻬﺎ ﻟﻤﻌﻈﻢ ﺍﻟﻌﻨﺎﺻﺮ .
ﺍﻟﺨﺼﺎﺋﺺ ﺗﺴﺘﺨﺪﻡ ﻏﺎﻟﺒﺎً ﻓﻲ ﺍﻟﻮﺳﻮﻡ ﻣﺜﻞ body ﻟﻜﻦ ﻟﻴﺲ ﻓﻲ ﻭﺳﻮﻡ ﺃﺧﺮﻯ ﻣﺜﻞ br ، ﻷﻥ ﻭﺿﻊ ﺍﻟﻨﺺ ﻓﻲ ﺳﻄﺮ ﺟﺪﻳﺪ ﻻ ﻳﺘﻄﻠﺐ ﺧﺼﺎﺋﺺ ﺇﺿﺎﻓﻴﺔ .
ﻭﻛﻤﺎ ﻫﻨﺎﻙ ﺍﻟﻜﺜﻴﺮ ﻣﻦ ﺍﻟﻌﻨﺎﺻﺮ ﻓﻬﻨﺎﻙ ﺃﻳﻀﺎً ﺍﻟﻜﺜﻴﺮ ﻣﻦ ﺍﻟﺨﺼﺎﺋﺺ، ﺑﻌﺾ ﺍﻟﺨﺼﺎﺋﺺ ﺻﻤﻤﺖ ﻟﺘﺴﺘﺨﺪﻡ ﻟﻌﻨﺼﺮ ﻣﺤﺪﺩ ﻭﺑﻌﻀﻬﺎ ﺍﻵﺧﺮ ﻳﻤﻜﻦ ﺍﺳﺘﺨﺪﺍﻣﻬﺎ ﻟﻌﻨﺎﺻﺮ ﻣﺨﺘﻠﻔﺔ، ﻭﺑﻌﺾ ﺍﻟﻌﻨﺎﺻﺮ ﻳﻤﻜﻨﻪ ﺃﻥ ﻳﺤﻮﻱ ﺧﺼﺎﺋﺺ ﻛﺜﻴﺮﺓ ﺑﻴﻨﻤﺎ ﺑﻌﻀﻬﺎ ﺍﻵﺧﺮ ﻻ ﻳﻤﻜﻨﻪ ﺳﻮﻯ ﺃﻥ ﻳﺤﻮﻱ ﺧﺎﺻﻴﺔ ﻭﺍﺣﺪﺓ .
ﻗﺪ ﻳﺒﺪﻭ ﺍﻷﻣﺮ ﻣﺜﻴﺮﺍً ﻟﻠﺤﻴﺮﺓ ﺍﻵﻥ، ﻟﻜﻦ ﻣﺎ ﺃﻥ ﺗﻌﺘﺎﺩ ﻋﻠﻰ ﺍﻟﺘﻌﺎﻣﻞ ﻣﻊ ﺍﻟﺨﺼﺎﺋﺺ ﺍﻟﻤﺨﺘﻠﻔﺔ ﻟﺘﺠﺪ ﺃﻧﻬﺎ ﻣﻨﻄﻘﻴﺔ ﻭﺳﺘﺮﻯ ﻛﻢ ﻫﻲ ﺳﻬﻠﺔ ﻋﻨﺪ ﺍﺳﺘﺨﺪﺍﻣﻬﺎ .
ﻫﺬﺍ ﺍﻟﺪﺭﺱ ﺳﻴﻌﺮﺽ ﻋﻠﻴﻚ ﺃﻫﻢ ﺍﻟﺨﺼﺎﺋﺺ .
ﻣﺎ ﻫﻲ ﻣﻜﻮﻧﺎﺕ ﺍﻟﻌﻨﺎﺻﺮ؟
ﺑﺸﻜﻞ ﻋﺎﻡ ﺍﻟﻌﻨﺎﺻﺮ ﺗﺘﻜﻮﻥ ﻣﻦ ﻭﺳﻢ ﺑﺪﺍﻳﺔ ﺗﺤﻮﻱ ﺧﺎﺻﻴﺔ ﺃﻭ ﺃﻛﺜﺮ ﺃﻭ ﻗﺪ ﻻ ﺗﺤﻮﻱ ﺃﻱ ﺧﺎﺻﻴﺔ، ﺛﻢ ﻫﻨﺎﻙ ﺑﻌﺾ ﺍﻟﻤﺤﺘﻮﻳﺎﺕ ﺛﻢ ﻭﺳﻢ ﺍﻹﻏﻼﻕ، ﻫﺬﻩ ﺑﺒﺴﺎﻃﺔ ﻫﻲ ﻣﻜﻮﻧﺎﺕ ﺍﻟﻌﻨﺎﺻﺮ، ﺍﻧﻈﺮ ﺇﻟﻰ ﺍﻟﺸﻜﻞ ﺍﻟﺘﻮﺿﻴﺤﻲ
