يَتكون ملف لغة html من قسميين اساسين هما head وbody كما شرحنا هنا
وفى هذا الشرح سوف نقوم ب شرح جميع الوسوم داخل القسم الأول وهو عنصر ال head.
لقد قمنا بشرح عنصر ال head مُسبقاً في هذا الشرح
لقد قمنا بشرح عنصر ال title مُسبقاً في هذا الشرح
هذا العُنصر يكون بداخله اكواد لغة CSS التي تقوم بتنسيق العنصر مثل تكبير وتصغير الخط وتغيير لونه ... الخ
وهذا العنصر يُمكن ان يكون داخل قسم ال head او body
مثال على ذلك
⚠ يُفضل وضع هذا العنصر داخل ال head حتى يتم تنفيذ اكواد لغة css اولا
هذا العنصر ليس له نهاية وسم (closing tag) و يُمكن ان يُكتب <base /> او <base>
Base ترجمتها قاعدة او أساس وبالتالي هذا العنصر يحتوى على لينك أساسي وهذا اللينك الأساسي يكون اللينك الافتراضي للعنصر <a href="" >
وهو يحتوى على attribute مهم جدا هو:
<!DOCTYPE html>
<html>
<head>
<base href="https://courses4arab.com/" target="_blank" />
</head>
<body>
// اللينك الأول
<a href="">courses 4 arab</a>
// اللينك الثاني
<a href="html/introduction-to-html">learn HTML</a>
</body>
</html>
ونلاحظ في هذا المثال ان الينك الأساسي او الافتراضي هو courses4arab.com وبالتالي عند الضغط على اللينك الأول فإننا نذهب مباشرة الى اللينك الافتراضي وهو www.courses4arab.com
ولكن عند الضغط على اللينك الثاني فإننا نذهب الى www.courses4arab.com/html/introduction-to-html
ونلاحظ ان كل لينك يفتح في نافذه خاصه به لأن العنصر <base> يحتوي على attribute يُسمى target وقيمته _blank
لقد قمنا بشرح عنصر ال link مُسبقاً في هذا الشرح
هذا الوسم دائما يكون داخل عنصر ال head وليس له نهاية وسم (closing tag).
و يُمكن ان يُكتب <meta /> او <meta>
وهو المسئول عن إضافة معلومات للصفحة وهذه المعلومات لا تظهر لزائر الصفحة.
وله العديد من ال attributes الخاصة به:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="application-name" content="courses 4 arab">
<meta name="author" content="Ali Hassan">
<meta name="description" content="with us you will learn html and javascript">
<meta name="Keywords" content="html, css, javascript">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="refresh" content="10">
<title>courses 4 arab</title>
</head>
<body>
<script src="main.js"></script>
</body>
</html>
هذا العُنصر يُمكن ان يكون داخل قسم ال head او قسم ال body ويُفضل ان يكون هو اخر سطر في قسم ال body
ويكون بداخل هذا العنصر اكواد لغة JavaScript ولكن إذا ارنا كتابة اكواد JavaScript في ملف خارجي ونُريد ربطها بملف ال html فإننا نُضيف لهذا العنصر attribute يُسمى src وتكون قيمته عبارة عن اسم ومسار ملف ال JavaScript
المحتوى بهذا العنصر يظهر فقط عندما يكون المتصفح لا يدعم اكواد لغة JavaScript
ويمكن استخدام هذا العنصر داخل ال body او ال head ويفضل استخدام هذا العنصر في اخر سطر في قسم ال body
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>HTML script, noscript tags</title>
</head>
<body>
<h1>Learn HTML</h1>
<script>
document.write("Hello World!");
</script>
<noscript>JavaScript للأسف يا صاحبى المتصفح بتاعك لايدعم ال </noscript>
</body>
</html>
ياريت تقفله لوسمحت 😊 😊
تنبيه هام ✋
إذا كانت الإعلانات مزعجة بالنسبة لك، فيُمكنك التبرع ب50$ وسيتم إيقاف الإعلانات لمدة شهر لجميع زوار الموقع 🧡 ويُمكنك التواصل معنا عن طريق صفحة الفيس بوك