Web Programmin L2 _٠٨١٧٠٣

ﻣﻘﺪﻣﺔ إﱃ HTML & ﻋﻼﻣﺎت ﺗﻨﺴﻴﻖ HTML 2 ﻣﺎ ﻫﻮ HTML؟ • HTML ﻫﻲ ᆿﻐﺔ اᆿﺘﺮﻣﻴﺰ اᆿﻘﻴﺎﺳﻴﺔ ﻹﻧﺸﺎء ﺻﻔﺤﺎت اᆿﻮﻳﺐዔ • HTML ﺗﺮﻣﺰ إﱃ ᆿﻐﺔ ﺗﺮﻣﻴﺰ اᆿﻨﺺ اᆿﻔﺎﺋﻖዔ •ﺗﺼﻒ HTML ﺑﻨﻴﺔ ﺻﻔﺤﺎت اᆿﻮﻳﺐ ﺑﺎﺳﺘﺨﺪام اᆿﺘﺮﻣﻴﺰዔ •ﻋﻨﺎﺻﺮ HTML ﻫﻲ اᆿᇁﺒﻨﺎت اﻷﺳﺎﺳﻴﺔ ᆿﺼﻔﺤﺎت HTML . •ﻳﺘﻢ ﺗﻤﺜﻴﻞ ﻋﻨﺎﺻﺮ HTML ﺑﻮاﺳﻄﺔ اᆿﻮﺳﻮمዔ •ﻻ ﺗﻌﺮض اᆿﻤﺘﺼﻔﺤﺎت وﺳﻮم HTML ، ﺑﻞ ﺗﺴﺘﺨﺪﻣﻬﺎ ᆿﻌﺮض ﻣﺤﺘﻮى اᆿﺼﻔﺤﺔዔ • • • • • • • • • 3 ﻣﺴﺘﻨﺪ HTML ﺑﺴﻴﻂ > title <ﻋﻨﻮان اᆿﺼﻔﺤﺔ>/title < اﻟﻤﺤﺘﻮﻳﺎت 4 ﻣﺴﺘﻨﺪ HTML ﺑﺴﻴﻂ )ﺗﺎﺑﻊ( •ﻳُﻌﺮᎺف اﻹﻋﻼن >!DOCTYPE html < ﻫﺬه اᆿﻮﺛﻴﻘﺔ ﻋﲆ أﻧﻬﺎ HTML᲏ . •ﻋﻨﺼﺮ >html < ﻫﻮ اᆿﻌﻨﺼﺮ اᆿﺠﺬر ᆿﺼﻔﺤﺔ HTML . •ﻳﺤﺘﻮي ﻋﻨﺼﺮ >head < ﻋﲆ ﻣﻌᇁﻮﻣﺎت وﺻﻔﻴﺔ ﺣﻮل اᆿﻮﺛﻴﻘﺔዔ •ﻳﺤﺪد ﻋﻨﺼﺮ >title < ﻋﻨﻮاﻧًﺎ ᆿᇁﻮﺛﻴﻘﺔዔ •ﻳﺤﺘﻮي ﻋﻨﺼﺮ >body < ﻋﲆ ﻣﺤﺘﻮى اᆿﺼﻔﺤﺔ اᆿﻤﺮﺋﻲዔ 5 وﺳﻮم HTML ·ﻋﻼﻣﺎت HTML ﻫﻲ أﺳﻤﺎء ﻋﻨﺎﺻﺮ ﻣﺤﺎﻃﺔ ﺑﺄﻗﻮاس زاوﻳﺔ࿎ • > tagname <اᆿﻤﺤﺘﻮى ﻫﻨﺎዔዔዔ>/tagname < •ﻋﺎدة ﻣﺎ ﺗﺄﺗﻲ ﻋﻼﻣﺎت HTML ﻓﻲ أزواج ﻣﺜﻞ >p < و >/p < •اᆿﻌﻼﻣﺔ اﻷوﱃ ﻓﻲ اᆿﺰوج ﻫﻲ ﻋﻼﻣﺔ اᆿﺒﺪاﻳﺔ، واᆿﻌﻼﻣﺔ اᆿﺜﺎﻧﻴﺔ ﻫﻲ ﻋﻼﻣﺔ اᆿﻨﻬﺎﻳﺔዔ •ﺗُﻜﺘﺐ ﻋﻼﻣﺔ اᆿﻨﻬﺎﻳﺔ ﻣﺜﻞ ﻋﻼﻣﺔ اᆿﺒﺪاﻳﺔ، وᆿﻜﻦ ﻣﻊ ﺷﺮﻃﺔ ﻣﺎﺋᇁﺔ ᆿﻸﻣﺎم ﺗُﺪرج ﻗﺒﻞ اﺳﻢ اᆿﻌﻼﻣﺔዔ •ﻋﻼﻣﺎت HTML ᆿﻴﺴﺖ ﺣﺴﺎﺳﺔ ᆿﺤﺎᆿﺔ اﻷﺣﺮف࿎ >P < ﺗﻌﻨﻲ ﻧﻔﺲ

. ﻧﺼﻴﺤﺔ: ﺗُﺴﻤﻰ ﻋﻼﻣﺔ اﻟﺒﺪاﻳﺔ أﻳﻀًﺎ ﻋﻼﻣﺔ اﻟﻔﺘﺢ، وﻋﻼﻣﺔ اﻟﻨﻬﺎﻳﺔ ﺗُﺴﻤﻰ ﻋﻼﻣﺔ اﻹﻏﻼق. • 6 ﻋﻨﺎﺻﺮ HTML •ﻋﺎدة ﻣﺎ ﻳﺘﻜﻮن ﻋﻨﺼﺮ HTML ﻣﻦ ﻋﻼﻣﺔ ﺑﺪاﻳﺔ وﻋﻼﻣﺔ ﻧﻬﺎﻳﺔ، ﻣﻊ إدراج اᆿﻤﺤﺘﻮى ﺑﻴﻨﻬﻤﺎ࿎ > tagname <اᆿﻤﺤﺘﻮى ﻫﻨﺎዔዔዔ>/tagname < •ﻋﻨﺼﺮ HTML ﻫﻮ ﻛﻞ ﺷﻲء ﻣﻦ ﻋﻼﻣﺔ اᆿﺒﺪاﻳﺔ إﱃ ﻋﻼﻣﺔ اᆿﻨﻬﺎﻳﺔ࿎ • > p <ﻓﻘﺮﺗﻲ اﻷوﱃዔ>/p < 7 ﻋﻨﺎﺻﺮ HTML اᆿﻤﺘﺪاﺧᇁﺔ •ﻳﻤﻜﻦ ﺗﺪاﺧﻞ ﻋﻨﺎﺻﺮ HTML )ﻳﻤﻜﻦ أن ﺗﺤﺘﻮي اᆿﻌﻨﺎﺻﺮ ﻋﲆ ﻋﻨﺎﺻﺮ(ዔ •ﺗﺘﻜﻮن ﺟﻤﻴﻊ ﻣﺴﺘﻨﺪات HTML ﻣﻦ ﻋﻨﺎﺻﺮ HTML ﻣﺘﺪاﺧᇁﺔዔ ﺑﺮﻣﺠﺔ اﻟﻮﻳﺐ اﻟﺴﻴﺪ ﻋﺒﺪاﻟﻌﺰﻳﺰ ﺻﺎﻟﺢ اﻟﺪﻳﻨﻲ 8 ﻋﻨﺎﺻﺮ HTML اᆿﻔﺎرﻏﺔ •ﻋﻨﺎﺻﺮ HTML اᆿﺘﻲ ﻻ ﺗﺤﺘﻮي ﻋﲆ ﻣﺤﺘﻮى ﺗُﺴﻤﻰ ﻋﻨﺎﺻﺮ ﻓﺎرﻏﺔዔ • ﻫﻮ ﻋﻨﺼﺮ ﻓﺎرغ ﺑﺪون ﻋﻼﻣﺔ إﻏﻼق )اᆿﻌﻼﻣﺔ ﺗُﺤﺪد ﻓﺎﺻﻞ ﺳﻄﺮ(ዔ •ﻳﻤﻜﻦ "إﻏﻼق" اᆿﻌﻨﺎﺻﺮ اᆿﻔﺎرﻏﺔ ﻓﻲ ﻋﻼﻣﺔ اᆿﻔﺘﺢ ﻫﻜﺬا࿎ . 9 ﻋﻨﺎوﻳﻦ HTML •ﻳﺘﻢ ﺗﻌﺮﻳﻒ اᆿﻌﻨﺎوﻳﻦ ﺑﺎﺳﺘﺨﺪام اᆿﻮﺳﻮم >h᲋ < إﱃ >hᲐ < . •ﻳﺤﺪد اᆿﻮﺳﻢ >h᲋ < اᆿﻌﻨﻮان اﻷﻛﺜﺮ أﻫﻤﻴﺔዔ وﻳﺤﺪد اᆿﻮﺳﻢ >hᲐ < اᆿﻌﻨﻮان اﻷﻗﻞ أﻫﻤﻴﺔዔ > h᲋ <ﻫﺬا ﻫﻮ اᆿﻌﻨﻮان 1 > / h᲋ < > h᲌ <ﻫﺬا ﻫﻮ اᆿﻌﻨﻮان 2 > / h᲌ < > h᲍ <ﻫﺬا ﻫﻮ اᆿﻌﻨﻮان 3 > / h᲍ < > h᲎ <ﻫﺬا ﻫﻮ اᆿﻌﻨﻮان 4 > / h᲎ < > h᲏ <ﻫﺬا ﻫﻮ اᆿﻌﻨﻮان 5 > / h᲏ < > hᲐ <ﻫﺬا ﻫﻮ اᆿﻌﻨﻮان 6 > / hᲐ < 10 ﻗﻮاﻋﺪ أﻓﻘﻴﺔ ﻓﻲ HTML •اᆿﻌﻼﻣﺔ >hr < ﺗُﻌﺮّف ﻓﺎﺻﻼ ﻣﻮﺿﻮﻋﻴًﺎ ﻓﻲ ﺻﻔﺤﺔ HTML ، وﻋﺎدة ﻣﺎ ﺗُﻌﺮض ﻛﺨﻂ أﻓﻘﻲዔ •ﻳُﺴﺘﺨﺪم ﻋﻨﺼﺮ >hr < ᆿﻔﺼﻞ اᆿﻤﺤﺘﻮىዔ