الكاتب
الدرس الثانى من دروس تعلم HTML
اتكلمنا فى الدرس الاول عن مقدمة عن HTML
وعرفنا ان اكواد html هى عبارة عن مجموعة من التاجات tags
وكل تاج له وظيفة محددة .
وهذة التاجات تكتب بداخل رمز الاصغر من ورمز الاكبر من كالتالى : < name of tag>
كما ان هذة التاجات لها بداية <name Of Tag >
start tag
وكذلك فى الاغلب لها نهاية < name Of Tag/>
end tag
وفيها يتم وضع / قبل كتابة اسم التاج .
وعرفنا ان الهيكل العام او الاساسي لاي صفحة html هو كالتالى :
<html>
تبداء بكتابة تاج html لاخبار المستعرض ان هذة الصفحة هى صفحة html .
<head>
يتم بها وضع التاجات الخاصة بضبط الصفحة مثل عنوان الصفحة وتنسيق الصفحة وهكذا .
</head >
<body>
وهى تحتوى على العناصر التى تظهر على صفحة الويب مثل النصوص والصور وهكذا .
</body>
</html>
واخر شيء ان امتداد صفحات html هو
.html
النهاردة هوضع كلا من :-
- العناصر Element
- العناصر المتداخلة nested Element .
- الصفات او السمات Attributes
اولا : العناصر Element :-
عرفنا ان تاجات html لها بداية وتكتب هكذا <name of tag > وفى الاغلب لها نهاية وتكتب هكذا <name of tag />
وبين تاج البداية او الفتح وتاج النهاية او الاغلاق قد يحتوى على بعض العناصر تختلف من تاج لاخر .
من بداية التاج ومحتوياتة حتى نهاية التاج يطلق عليها Element
مثال للتوضيح : تاج <p> هو التاج المسئول عن عمل فقرة او نص فى html .لو اردنا كتابة عبارة welcome to html .
<p>welcome to html </p> .......Element
من بداية تاج p ومايحتوية وكذلك نهاية التاج يسمى عنصر .
ثانيا: العناصر المتداخلة nested Element :-
قد يحتوى العنصر ايضا على عنصر اخر بداخلة فى هذة الحالة يطلق على هذا العنصر nested Element .
مثال للتوضيح : تاج <div > قد يحتوى هذا التاج على تاجات اخرى بداخلة .
<div > ........Element
<p>..............nested Element
Welcome to html
</p>
</div>
ثالثا : الصفات او السمات Attributes
بعض التاجات قد تحتوى على صفات او سمات .
مثال للتوضيح
عندما نريد عرض صورة فى صفحة الويب فان التاج المسؤال عن عرض الصور هو تاج img وهذا التاج يحتوى على بعض السمات مثل src وهو بيوضح مصدر ا ومكان الصورة هكذا .
<img src="1.jpg"> ....src is Attribute
نلاحظ انا الصفات او السمات تكتب فقط فى start tag
وهى تاخذ الصيغة التالية
Name of attribute = "value"
html - html5 - html editor - html color codes - html table - html tags - html colors - html button - html color picker - html code - html tutorial - html comment
تعلم لغة البرمجة c++ - لغة البرمجة - تحميل برنامج لغة البرمجة - تعريف لغة البرمجة - بحث عن لغة البرمجة - شرح لغة باسكال - تعلم لغة البرمجة للمبتدئين - شرح لغة البرمجة c++ - تعليم لغة البرمجة - تعلم لغة البرمجة -
html - html and css - html and css design and build - websites - html5 - html for dummies 2019 - html css and javascript - html cheat sheet - html to display port - html for babies
Eng : Fawzy S
اتكلمنا فى الدرس الاول عن مقدمة عن HTML
وعرفنا ان اكواد html هى عبارة عن مجموعة من التاجات tags
وكل تاج له وظيفة محددة .
وهذة التاجات تكتب بداخل رمز الاصغر من ورمز الاكبر من كالتالى : < name of tag>
كما ان هذة التاجات لها بداية <name Of Tag >
start tag
وكذلك فى الاغلب لها نهاية < name Of Tag/>
end tag
وفيها يتم وضع / قبل كتابة اسم التاج .
وعرفنا ان الهيكل العام او الاساسي لاي صفحة html هو كالتالى :
<html>
تبداء بكتابة تاج html لاخبار المستعرض ان هذة الصفحة هى صفحة html .
<head>
يتم بها وضع التاجات الخاصة بضبط الصفحة مثل عنوان الصفحة وتنسيق الصفحة وهكذا .
</head >
<body>
وهى تحتوى على العناصر التى تظهر على صفحة الويب مثل النصوص والصور وهكذا .
</body>
</html>
واخر شيء ان امتداد صفحات html هو
.html
النهاردة هوضع كلا من :-
- العناصر Element
- العناصر المتداخلة nested Element .
- الصفات او السمات Attributes
اولا : العناصر Element :-
عرفنا ان تاجات html لها بداية وتكتب هكذا <name of tag > وفى الاغلب لها نهاية وتكتب هكذا <name of tag />
وبين تاج البداية او الفتح وتاج النهاية او الاغلاق قد يحتوى على بعض العناصر تختلف من تاج لاخر .
من بداية التاج ومحتوياتة حتى نهاية التاج يطلق عليها Element
مثال للتوضيح : تاج <p> هو التاج المسئول عن عمل فقرة او نص فى html .لو اردنا كتابة عبارة welcome to html .
<p>welcome to html </p> .......Element
من بداية تاج p ومايحتوية وكذلك نهاية التاج يسمى عنصر .
ثانيا: العناصر المتداخلة nested Element :-
قد يحتوى العنصر ايضا على عنصر اخر بداخلة فى هذة الحالة يطلق على هذا العنصر nested Element .
مثال للتوضيح : تاج <div > قد يحتوى هذا التاج على تاجات اخرى بداخلة .
<div > ........Element
<p>..............nested Element
Welcome to html
</p>
</div>
ثالثا : الصفات او السمات Attributes
بعض التاجات قد تحتوى على صفات او سمات .
مثال للتوضيح
عندما نريد عرض صورة فى صفحة الويب فان التاج المسؤال عن عرض الصور هو تاج img وهذا التاج يحتوى على بعض السمات مثل src وهو بيوضح مصدر ا ومكان الصورة هكذا .
<img src="1.jpg"> ....src is Attribute
نلاحظ انا الصفات او السمات تكتب فقط فى start tag
وهى تاخذ الصيغة التالية
Name of attribute = "value"
html - html5 - html editor - html color codes - html table - html tags - html colors - html button - html color picker - html code - html tutorial - html comment
تعلم لغة البرمجة c++ - لغة البرمجة - تحميل برنامج لغة البرمجة - تعريف لغة البرمجة - بحث عن لغة البرمجة - شرح لغة باسكال - تعلم لغة البرمجة للمبتدئين - شرح لغة البرمجة c++ - تعليم لغة البرمجة - تعلم لغة البرمجة -
html - html and css - html and css design and build - websites - html5 - html for dummies 2019 - html css and javascript - html cheat sheet - html to display port - html for babies
***********************
***********************
