جرب HTML و CSS و JavaScript مباشرة

ميزة تحرير لغات البرمجة الاساسية كلغة HTML و CSS و الجافاسكريبت ستساعدك على مشاهدة نتيجة عملك في هذه اللغات مباشرة. يمكن كذلك اضافة بعض عناصر لغة HTML من خلال البرنامج نفسه كالفقرات و العنواين الصغيرة و الكبيرة يكفي ان تغير h1 بين رقم 1 كعنوان كبير و h6 عنوان صغير . ويمكن اضافة كذلك الصور و الروابط و روابط مقاطع الفيديو بل حتى روابط فيديو اليوتوب.

ماهي لغة HTMNL؟

لغة HTML (HyperText Markup Language) هي لغة تُستخدم لبناء وتنسيق صفحات الويب. وهي تستخدم عادة لتحديد هيكل ومحتوى الصفحة، مما يمكن المتصفحات من عرض الصفحة بشكل صحيح. إليك سطرين بسيطين بلغة HTML:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>عنوان الصفحة</title>
</head>
<body>
<h1>مرحباً بالعالم!</h1>
<p>هذا مثال بسيط لصفحة HTML.</p>
</body>
</html>

هذا المثال يشير إلى صفحة ويب بسيطة تحتوي على عنوان وفقرة. لغة HTML هي أساس جميع لغات الأنترنيت. كل صفحة أو موقع على الانترنيت استعملت في اساسياتها هذه اللغة.

لغة CSS

لغة CSS (Cascading Style Sheets) تُستخدم لتنسيق وتصميم صفحات الويب. إليك سطرين بسيطين بلغة CSS:
h1 {
color: blue;
font-size: 24px;
}
p {
color: green;
font-size: 16px;
}

هذا المثال يعرض تعريفًا بسيطًا لكيفية تنسيق عناصر HTML محددة. في هذه الحالة، يتم تحديد تنسيق لعنوان الصفحة والفقرة باستخدام اللون وحجم الخط.

لغة الجافاسكريبت JavaScript

لغة JavaScript هي لغة برمجة تُستخدم لجعل صفحات الويب تكون تفاعلية وديناميكية. إليك سطرين بسيطين بلغة JavaScript:
function greet() {
console.log("مرحباً بالعالم!");
}

// استدعاء الدالة لتنفيذها
greet();
هذا المثال يعرض تعريفًا بسيطًا لدالة تقوم بطباعة رسالة ترحيبية في وحدة التحكم (console) للمتصفح.

دور أداة تحرير HTML

الهدف الأول من هذه الأداة هو مشاهدة مباشرة لنتائج تحرير صفحات الأنترنيت باستعمال لغة HTML أو Css أو Javascript . فعندما تكتب عنوان كبير عن طريق رموز هذه اللغة ستظهر نتيجة كتابتك مباشرة في الأسفل. كما يمكن استغلال هذه الأداة لتعلم لغة HTML و لغة الجافاسكريبت JavaScript و كذلك CSS.