info@semi-colen.com 002-010-90-2500-88
May 29, 2020 - بواسطة مشرف

أساسيات HTML

أساسيات HTML


مستندات HTML: -

يجب أن تبدأ جميع مستندات HTML بإعلان نوع المستند: 

العلامة & lt ؛ DOCTYPE html ! & GT ؛.


يبدأ مستند HTML نفسه بـ  & lt؛ html & gt؛  وينتهي  & lt؛ html / & gt ؛.


يقع الجزء المرئي من مستند HTML بين  & lt؛ body & gt؛  و  & lt؛ body / & gt ؛.



مثال

& lt؛ DOCTYPE html! & gt؛




& lt؛ html & gt؛




العلامة & lt ؛ الجسم & GT.





العلامة & lt ؛ h1 / & GT. عنواني الأول & lt؛ h1 & gt؛  




& lt؛ p / & gt؛ فقرتي الأولى & lt؛ p & gt؛  





العلامة & lt ؛ الجسم / & GT.




& lt؛ html / & gt؛


عناوين HTML: -


يتم تعريف عناوين HTML بعلامات  & lt؛ h1 & gt؛  إلى  & lt؛ h6 & gt ؛.


العلامة & lt ؛ h1 & GT. : - يحدد العنوان الأكثر أهمية.

العلامة & lt ؛ h6 & GT. : - يحدد العنوان الأقل أهمية.



مثال

العلامة & lt ؛ h1 / & GT. هذا العنوان  1 & lt؛ h1 & gt؛


العلامة & lt ؛ h2 / & GT. هذا العنوان  2 & lt؛ h2 & gt؛


العلامة & lt ؛ h3 / & GT. هذا العنوان  3 & lt؛ h3 & gt؛  

فقرات HTML: -


يتم تعريف فقرات HTML بالعلامة  & lt؛ p & gt ؛.



مثال

& lt؛ p / & gt؛ هذه فقرة.  & lt؛ p & gt؛  


& lt؛ p / & gt؛ هذه فقرة أخرى.  & lt؛ p & gt؛  

روابط HTML: -

يتم تعريف روابط HTML باستخدام العلامة  & lt؛ a & gt ؛.


مثال

  & lt؛ a / & gt؛ هذا رابط  & lt؛ "a href =" https: //designpro11.blogspot.com>؛ 


يتم تحديد وجهة الرابط في سمة   href.

يتم استخدام السمات لتوفير معلومات إضافية حول عناصر HTML.

سوف تتعلم المزيد عن السمات في فصل لاحق.


صور HTML: -

يتم تعريف صور HTML بالعلامة  & lt؛ img & gt ؛.

يتم توفير الملف المصدر ( src ) والنص البديل ( alt ) والعرض والارتفاع كسمات.


مثال

 العلامة & lt ؛ " alt =" designpro11.blogspot.com "width =" 104 "height =" 142  " الصورةimg src & gt؛


أزرار HTML: -

يتم تعريف أزرار HTML بالعلامة  & lt؛ button & gt ؛.


مثال

 العلامة & lt ؛ زر / & GT. أنقر فوقي  & lt؛ button & gt؛


قوائم HTML: -

يتم تعريف قوائم HTML باستخدام علامة  & lt؛ ul & gt؛ 

(قائمة غير مرتبة / نقطية) 

أو علامة  & lt؛ ol & gt؛  (قائمة مرتبة / مرقمة) ، متبوعة بعلامات  & lt؛ li & gt؛  (عناصر القائمة).


مثال

العلامة & lt ؛ UL & GT.

  & lt؛ li / & gt؛ القهوة   & lt؛ li & gt؛ 

   & lt؛ li / & gt؛ الشاي  & lt؛ li & gt؛ 

  & lt؛ li / & gt؛ الحليب   & lt؛ li & gt؛ 

العلامة & lt ؛ UL / & GT.


العلامة & lt ؛ OL & GT.

   & lt؛ li / & gt؛ القهوة   & lt؛ li & gt؛ 

   & lt؛ li / & gt؛ الشاي   & lt؛ li & gt؛ 

  & lt؛ li / & gt؛ الحليب   & lt؛ li & gt؛ 

العلامة & lt ؛ OL / & GT.