احصل على متجر على الويب

احصل على موقع ويب من فئة متجر اليوم و اعرض خدماتك و منتجاتك لشريحة كبيرة من الزبناء

نشرة الأخبار
مراجعة ل HostGator

مراجعة ل HostGator

HostGator هي واحدة من أكبر شركات الاستضافة وأكثرها شهرة في العالم. أنها توفر استضافة مشتركة واستضافة VPS وخوادم مخصصة وخطط استضافة WordPress مدارة. اقرأ مراجعة التفصيلية لمعرفة ما إذا كان HostGator هو الخيار الصحيح لك. في مراجعة تفصيلية هذه ، سنضع وعودهم من خلال عملية...

مراجعة ل Hostinger

مراجعة ل Hostinger

Hostinger هو مزود استضافة ويب شهير مع منصة قوية لإطلاق مواقع الويب. أنها توفر مجموعة متنوعة من خطط الاستضافة المشتركة للجميع من المبتدئين إلى الشركات الكبيرة. أسعارها معقولة ، وتتضمن خططها الكثير من الميزات المفيدة. راجع مراجعة خبرائنا Hostinger لتقرير ما إذا كان...

مراجعة DreamHost من خبرائنا

مراجعة DreamHost من خبرائنا

DreamHost هي شركة استضافة شهيرة حائزة على جوائز ، وواحدة من مضيفي WordPress.org الموصى بهم رسميا. أنها توفر تسجيل المجال وخدمات استضافة الويب ، بما في ذلك استضافة WordPress المدارة. يوفر نظامهم الأساسي كل ما تحتاجه لتنمية موقع الويب الخاص بك ، سواء كنت مدونا جديدا أو...

تصميم مواقع ويب مربحة

الأدوات التي نستخدمها

– منشئ ديفي DIVI: منشأ ديفي هو برنامد لتصميم مواقع الويب الحديثة بتقنية المكونات المعدة مسبقا و التصميم على الواجهة

فريق سكولويب

أغسطس 20, 2022

ما هي html؟

html هي اللغة الأولى التي يجب على كل مبتدأ يود تعلم البرمجة أن يتعلمها. هي أساس ما تراه على الويب.

هي اختصار ل: HyperText Markup Language)‏ و هي لغة ترميز فائقة الدقة و الأكثر استخداما في إنشاء وتصميم صفحات ومواقع الويب، وتعتبر أيضا من أقدم اللغات وأوسعها استخداما بحيث تكون ضورية جدا في إنشاء أي تصميم ترغب فيه. فإذا كنت ترغب في تعلم البرمجة فعليك البدأ بهذه اللغة فهي بسيطة و تعتبر البنية الأساسية لكل ما تراه على الويب اليوم.

لأبسط الأمر أكثر ف HTML هي الهيكل الأساسي لأي صفحة فهي تعطي القالعدة الأساسية لظهور التصميمات التي ترونها على كل موقع.

شروحات رموز لغة html:

<div></div>

يعتبر هذا الرمز كالغرف الموجودة في البيت فبداخله يمكننا تخزين كل المعلومات كالعناوين و الفقرات حسب الحاجة  فالموقع يحتوي على العديد من هذه الغرف و يمكننا استخدامه لتخزين و إظهار الرموز الأخرى

1 – في  هذه الغرفة سنخزن فقط العنوان و فقرة و زر كما في المثال أسفله

<div>

  • <h1>عنوان</h1>
  • <p>فقرة</p>
  • <button>زر</button>

</div>

2 – في  هذه الغرفة سنخزن صورة

<div>

<img>

</div>

<p></p>

هذا الرمز يظهر فقرة عادية على الشاشة

  • <p>  أنا فقرة أنا فقرة أنا فقرة أنا فقرة أنا فقرة أنا فقرة أنا فقرة أنا فقرة أنا فقرة أنا فقرة</p>

تظهر الفقرة على هذه الشاكلة:

نا فقرة أنا فقرة أنا فقرة أنا فقرة أنا فقرة أنا فقرة أنا فقرة أنا فقرة أنا فقرة أنا فقرة


<h1></h1>

هذا الرمز الخاص بالعناوين فالعنوان الأكبر حجما يبدأ ب1 و الأصغر حجما

6.

  • <h1>أنا اكبر العناوين حجما</h1>
  • <h2>أنا اثاني اكبر العناوين حجما</h2>
  • <h3>أنا ثالث اكبر العناوين حجما</h3>
  • <h4>أنا رابع اكبر العناوين حجما</h4>
  • <h5>أنا خامس اكبر العناوين حجما</h5>
  • <h6>أنا أصغر العناوين</h6>

تظهر العناوين على هذه الشاكلة:

أنا اكبر العناوين حجما

أنا ثاني اكبر العناوين حجما

أنا ثالث اكبر العناوين حجما

أنا رابع اكبر العناوين حجما

أنا خامس اكبر العناوين حجما
أنا أصغر العناوين

<a></a>

ما يوضع داخل هذا الرمز يصبح رابطا يمكننا النقر عليه مثل هذا الرابط الذي تراه هنا: هذا رابط

<button></button>

 هذا الرمز يظهر لنا زر كما تشاهد في المثال أسفله:

انا زر

0 تعليق

إرسال تعليق

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *

ربما قد تهمك هذه المقالات