الدرس الثالث : أساسيات الـ HTML ؟ - MohaRama DEV
يتم التشغيل بواسطة Blogger.

الدرس الثالث : أساسيات الـ HTML ؟

الدرس الثالث : أساسيات الـ HTML ؟
*ملحوظة*
" لا تقلق إذا استخدمت هذه الأمثلة و العلامات التي لم تتعلمها , فسوف تتعلمهم في الفصول التالية "
كود الـ HTML 
  1. يجب أن يبدأ الكود عموما بالتعريف للمتصفح عن اللغة اللى تكتب بها , وهذا عن طريق كتابة <DOCTYPE html!>
  2. يبدأ كود الـ HTML  نفسه ب <HTML> وينهي نفسه بـ <HTML/> .
  3. ثم يبدأ كود الـ <head> وينتهي بـ <head/> .
  4. و الجزء المرئي من كود HTML يكون بين الـ <Body> و <Body/> .

مثال :

<!DOCTYPE html> 
 <html> 
<head>
</head>

<body>

<h1>عنواني الأول</h1>
<p>الفقرة الأولي </p>

</body>
</html>
العناوين فى الـ HTML :
العناصر (h1 , h2 , h3 , h4 , h5 , h6 ) تستخدم للعناوين , فحرف (h) إختصار لـ (Heading) أي ( عنوان ) ,
حيث h1 هو المستوي الأول من العناوين وبالتالي الأكبر حجماً , و h2 هو المستوي الثاني فى العناوين وهو أصغر حجما من الأول , و h6 هو المستوي الأخير وهو الأصغر .


مثال :

<h1>هذا العنوان الأول </h1>
<h2>هذا العنوان الثاني </h2>
<h3>هذا العنوان الثالث </h3> 
الفقرات فى الـ HTML :
ولكي نقوم بعمل فقرة جديدة فى الـ HTML , نقوم بكتابة الكود <p> , والـ (p) إختصار لـ (Paragraph) أي (فقرة) .

مثال :


<p>هذه فقرة </p>
<p>هذه فقرة أخري </p>


الروابط فى الـ HTML :
لكي نقوم بعمل رابط فى الـ HTML , نقوم بكتابة العنصر <a> , وال (a) إختصار لـ (anchor) والخاصية (href) وهي إختصار (Hyper Text Reference) , وهي التي تحدد إلي أين سيذهب الرابط .

مثال :

<a href="http://DEV.MohaRama.com">This is a WebSite link</a>


الصور في الـ HTML :
يتم التعريف عن الصور فى الـ HTML , بالعنصر <img> , ويتم توفير ملف المصدر (src) , والنص الموضح (alt) , والعرض والإرتفاع .

مثال :


<img src="https://goo.gl/5o3RMz" alt="Dev.MohaRama.com" width="104" height="142">


وهذه كانت بعض الأساسيات , والتي سنتعمق في فهمها فى الدروس القادمة , وهذا الدرس ليس إلا للتعرف على ما سنواجهه .

ليست هناك تعليقات:

إرسال تعليق

الدروس الاكثر مشاهدة

جميع الحقوق محفوظة MohaRama DEV