Scribd
Upload
21 views

HTML Practice

المستند يشرح كيفية تصميم صفحة HTML تحتوي على ثلاثة أعمدة. يوضح الخطوات اللازمة لإضافة العناصر والتعليمات الأساسية ل HTML وتقسيم الصفحة إلى أقسام مختلفة باستخدام <div>.

Uploaded by

abdelrahmanyoussry5577
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
21 views

HTML Practice

المستند يشرح كيفية تصميم صفحة HTML تحتوي على ثلاثة أعمدة. يوضح الخطوات اللازمة لإضافة العناصر والتعليمات الأساسية ل HTML وتقسيم الصفحة إلى أقسام مختلفة باستخدام <div>.

Uploaded by

abdelrahmanyoussry5577
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 4

HTML 5 – Practice

‫ لتصميم هيكل‬HTML 5 ‫ قم بكتابة كود‬:‫• تدريب‬


:‫( صفحة مكونه من ثالثة أعمدة بهذا الشكل‬structure)
Home – products – contact us

Col 1 Col 2 Col 3

Footer

www.riseupskill.com
HTML 5 – Practice
:‫إبدأ بإضافة الرموز الرئيسية‬
<!DOCTYPE html> <!DOCTYPE html> 1
<html>
<head> <html> 2
<!—comment--> <head> 3
</head>
<body> <body> 4
</body
</html>

‫ لكتابة تعليقات داخل الصفحة نستخدم‬:‫✓ مالحظة‬


<!-- comment -->

www.riseupskill.com
HTML 5 – Practice

<title> ‫ كتابة عنوان الصفحة‬4


<!DOCTYPE html>
<html>
<head>
<title>3 column page</title>
</head>
<body>
</body>
</html>

‫ نبدأ في تحديد األجزاء الرئيسية للصفحة بإستخدام الرمز‬6


<div>
www.riseupskill.com
HTML 5 – Practice

<body>

<div id=“header">
<a href="home.html">Home</a> | ‫ تحدد الجزء الخاص برأس الصفحة‬-
<a href="product.html">Products</a> |
<a href=“contactus.html">contact us</a>
</div> ‫ تحدد أول عمود‬-
<div id="col1">Column 1</div>
<div id="col2">Column 2</div>
‫ تحدد ثاني عمود‬-
<div id=“col3">Column 3</div> ‫ تحدد ثالث عمود‬-
<div id=“footer”>Footer</div>
‫ تحدد الجزء الخاص آخر الصفحة‬-
</body>

www.riseupskill.com

You might also like