نحن أكثر اعتمادًا على أجهزة الكمبيوتر أكثر من أي وقت مضى ، سواء كان ذلك للعمل ، أو اللعب ، أو أحدث حفلاتنا على Netflix. وهذا يعني أننا يجب أن نعرف المزيد عن كيفية عملها ، في حالة حدوث أي خطأ أو أننا نريد فقط فهم أفضل لكيفية عمل الأشياء. إذا كنت تسعى إلى تحسين معرفة الكمبيوتر ، فإن ما يلي هو 5 أسطر من شفرة HTML الأساسية التي يجب أن تتعلمها أنت - وكل من تعرفه.
1. إضافة عناوين للقراءة.
هناك ستة خيارات عنوان مختلفة للاختيار من بينها. لإنشاء عنوان ، يمكنك اختيار أحد خيارات علامة العنوان ووضعه حول النص الخاص بك. على سبيل المثال ، إذا أردت إنشاء عنوان كبير بالفعل ، فستستخدم العلامة <h1> ، متبوعة بالنص الذي تريد استخدامه كعنوان ، متبوعًا </ h1>. عندما ترتفع الأعداد ، ينخفض حجم العنوان ، لذا فإن H1 هو الأكبر ، H2 أصغر ، H3 أصغر من ذلك ، الخ. معرفة كيفية استخدام العناوين المختلفة مهمة بشكل خاص إذا كنت منشئ محتوى أو اجتماعيًا مدير الإعلام ، لأن العناوين تلعب دورًا كبيرًا في تحسين محركات البحث (SEO).
2. نص مع الارتباطات التشعبية
على الرغم من أن Microsoft Word و Google Docs يجعل هذا الأمر يبدو سهلاً للغاية الآن ، إلا أن شفرة الارتباط أكثر تعقيدًا قليلاً من تسليط الضوء على كلماتك الرئيسية وإضافة ارتباط تشعبي إلى النص. لإضافة رابط إلى نصك باستخدام HTML ، سترغب في استخدام الشفرة: <a href= ”"> </a>. على سبيل المثال ، قد تبدو الشفرة كالتالي: <a href=”[الصق URL هنا]“>[النص الذي تريد ربطه]</a>.
3. تفريق النص مع الفقرات
هذه هي علامة بسيطة ولكنها مفيدة لمعرفة. وسوف تساعدك على بناء صفحتك بسرعة لسهولة القراءة. هنا سوف تستخدم الرمز: <p> </ p>. أدخل النص بينهما ، مثل هذا : <p> [نص للفقرة الخاصة بك] </p>
4. قم بعمل قائمة نقطية
في بعض الأحيان ، تحتاج فقط إلى إنشاء (وقراءة) قائمة سريعة للوصول إلى نقطة. هذا هو المكان الذي تأتي منه النقاط. لإنشاء قائمة ، ما عليك سوى استخدام الكود:
<ul>
<li>[First point]</li>
<li>[Second point]</li>
<li>[Third point]</li>
</ul>
<li>[First point]</li>
<li>[Second point]</li>
<li>[Third point]</li>
</ul>
5. وتشمل صور لالنداء الشامل
تتضمن المقالات والمقالات الأكثر شعبية على المدونات اليوم الصور. على الرغم من أن هذا الرمز أكثر تعقيدًا ، إلا أن جوهره هو: <img src = ”” alt = ”” style = ”width: 500px؛ height: 600px؛">. (سيقيد هذا الرمز الصورة إلى 500 بكسل في عرض النمل 600 بكسل في الارتفاع.)
بعد ذلك ، ستقوم بإضافة ارتباطات ونصوص ، أو تغيير حجم الصورة لتناسب احتياجاتك: <img src = ”[رابط إلى صورة هنا]” alt = “[استخدم النص لوصف الصورة]” style=”width:300px;height:300px;”>. في هذه الحالة ، ستقيد أرقام العرض والارتفاع هذه الصورة إلى مربع بحجم 300 بكسل.
يتم استخدام القسم "alt" لأغراض تحسين محركات البحث ، مما يجعل هذا الرمز الرائع الآخر معروفًا لأي شخص يعمل عبر الإنترنت.
إذا كنت تتطلع لمعرفة المزيد من التعليمات البرمجية الأساسية ، ففكر في أخذ بعض الفصول الدراسية عبر الإنترنت باستخدام CodeAcademy أو Udemy. من المؤكد أنه سيكون مفيدًا بغض النظر عن مجالك - طالما أنك تستخدم جهاز كمبيوتر ، وهذا هو!
بعد ذلك ، ستقوم بإضافة ارتباطات ونصوص ، أو تغيير حجم الصورة لتناسب احتياجاتك: <img src = ”[رابط إلى صورة هنا]” alt = “[استخدم النص لوصف الصورة]” style=”width:300px;height:300px;”>. في هذه الحالة ، ستقيد أرقام العرض والارتفاع هذه الصورة إلى مربع بحجم 300 بكسل.
يتم استخدام القسم "alt" لأغراض تحسين محركات البحث ، مما يجعل هذا الرمز الرائع الآخر معروفًا لأي شخص يعمل عبر الإنترنت.
إذا كنت تتطلع لمعرفة المزيد من التعليمات البرمجية الأساسية ، ففكر في أخذ بعض الفصول الدراسية عبر الإنترنت باستخدام CodeAcademy أو Udemy. من المؤكد أنه سيكون مفيدًا بغض النظر عن مجالك - طالما أنك تستخدم جهاز كمبيوتر ، وهذا هو!
تعليقات: 0
إرسال تعليق