Scribd
Upload
24 views12 pages

Building: Internet

The document discusses the basics of building websites using HTML including common elements like anchors, divs, spans and how to format text. It also touches on using CSS for styling and lists some resources for learning HTML and CSS. It provides an example first homework of creating a simple page about yourself using semantic HTML tags.

Uploaded by

heno ah
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
24 views12 pages

Building: Internet

The document discusses the basics of building websites using HTML including common elements like anchors, divs, spans and how to format text. It also touches on using CSS for styling and lists some resources for learning HTML and CSS. It provides an example first homework of creating a simple page about yourself using semantic HTML tags.

Uploaded by

heno ah
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 12

Building of internet

Nesting Elements
‫‪Anchor link‬‬
‫ھﻲ اﻟﺘﺎق اﻟﺨﺎﺻﺔ ﺑﺎﺿﺎﻓﺔ راﺑﻂ و ﺗﺴﺘﻌﻤﻞ ﻟﺘﻮﺻﯿﻒ اﻟﺮواﺑﻂ ﺳﻮا ﻛﺎﻧﺖ رواﺑﻂ ﺑﯿﻦ •‬
‫‪ .‬ﺻﻔﺤﺎت اﻟﻤﻮﻗﻊ او ﻻدارج و اﺿﺎﻓﺔ رواﺑﻂ ﻣﻮاﻗﻊ ﺧﺎرﺟﯿﺔ‬
‫>‪ </a‬اﻟﺮاﺑﻂ اﻟﻤﻄﻠﻮب ”‪ </‬ﻣﺤﺘﻮى او اﺳﻢ“ = ‪<a herf‬‬
Way to display
• Block

• Inline block
‫‪Div‬‬
‫ھﻲ ﺗﺎق رﺋﯿﺴﯿﺔ ﺗﺴﺘﻌﻤﻞ ﻟﺘﻘﺴﯿﻢ و ﺗﺮﺗﯿﺐ اﻟﺼﻔﺤﺔ •‬
‫• ﺣﯿﺚ ﺗﺴﺎﻋﺪ ﻋﻠﻰ ﻓﺼﻞ ﻛﻞ ‪ section‬داﺧﻞ ال ‪ body‬اﻟﻲ ﺗﻘﺴﯿﻤﺎت ﺟﺰﺋﯿﺔ‬
‫• ﺗﻌﺮض اﻟﺒﯿﺎﻧﺎت ﻋﻠﻠﻰ ﺷﻜﻞ ‪ blocks‬واﺣﺪ ﺗﻠﻮ اﻻﺧﺮ‬
‫‪Span‬‬
‫• ﻧﻔﺲ طﺮﯾﻘﺔ ﻋﻤﻞ ال ‪ div‬ﻟﻜﻨﮭﺎ ﺗﻘﻮم ﺑﺎﻟﻌﺮض ﻓﻲ ﺳﻄﺮ واﺣﺪ‬
‫‪Tables & lists‬‬
‫• ﻗﻮاﺋﻢ و اﻟﺠﺪوال ﺗﻤﻜﻦ ال ‪ html 5‬ﻣﻦ اﻧﺸﺎء ﻗﺎﺋﻤﺔ او ﺟﺪول ﻟﻌﺮض ﻣﺤﺘﻮﯾﺎت داﺧﻞ‬
‫اﻟﺼﻔﺤﺔ ﺑﺸﻜﻞ اﻻﺗﻲ‬
lists
Text format

• <b> - Bold text


• <strong> - Important text
• <i> - Italic text
• <em> - Emphasized text
• <mark> - Marked text
• <small> - Smaller text
• <del> - Deleted text
• <ins> - Inserted text
• <sub> - Subscript text
• <sup> - Superscript text
‫‪Class Id‬‬
‫ﻟﻠﺠﺰء ﻣﺎ ‪ css‬ﺗﺴﺘﻌﻤﻞ ل ﺗﻘﺴﯿﻢ ﺻﻔﺤﺔ ﺣﺘﻰ ﺗﺴﮭﻞ ﻋﻤﻠﯿﺔ اﺿﺎﻓﺔ ال •‬
Something helps :
• W3School
• Codepen
• soloLearn
First homework
Lets try something New >
First homework :
Try to create page in code pen or in any Ide to describe your self
Name with header
Information with semantic tags
And try to add any media type in the page
‫ﺑﻤﺎ ﺳﺒﻖ ﺧﺪﯾﻨﺎه اﻟﻤﻄﻠﻮب اﻧﮫ ادﯾﺮو ﺻﻔﺤﺔ ﻓﻲ ﻛﻮد ﺑﯿﻦ او اي ﺑﺮﻧﺎﻣﺞ و ﺗﻜﻮن اﻟﺼﻔﺤﺔ ھﺎدي‬
‫ﺗﻌﺮف ﺑﯿﻚ‬
‫اﺳﻢ ﻋﻤﺮ ﻣﻜﺎن دراﺳﺔ او اي ﺷﻲ ﯾﺨﺼﻚ و ﺗﻜﻮن ﻣﺴﺘﻌﻤﻞ ﻓﯿﮭﺎ اﻛﺜﺮ ﻋﺪد ﻣﻤﻜﻦ ﻣﻦ اﻟﺘﺎق ال‬
‫ﺧﺪﯾﻨﺎھﻢ‬

You might also like