أول صفحة HTML ديالك

01كيفاش كتكون الصفحة

HTML كيوصف المعنى والهيكل ديال المحتوى. CSS كيتكلف بالشكل، وJavaScript كيزيد التفاعل. المتصفح يقدر يحل ملف HTML مباشرة.

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>My first page</title>
</head>
<body>
  <h1>Hello, web.</h1>
  <p>This is my first page.</p>
</body>
</html>

02شنو نحط وفين

داخل head كنحطّو معلومات الصفحة بحال العنوان والترميز وملفات CSS. وداخل body كنحطّو المحتوى اللي كيبان. الخاصية lang كتعاون أدوات المساعدة تعرف لغة الصفحة.

<head>
  <title>A useful browser-tab title</title>
</head>
<body>
  <p>Something worth reading.</p>
</body>

03سجّل الملف وحلّو

صايب ملف سميتو index.html فالمحرّر، لسق فيه الكود كامل، سجلو وحلّو فالمتصفح. منين تبدّل شي حاجة، سجّل وعاود حدّث الصفحة. تأكد ما سميتيهش index.html.txt.

04جرّب براسك

بدّل العنوان وزيد فقرة ثانية.

باش تزيد تفهم

تقدر ترجع لـ شروحات MDN و معيار HTML Living Standard باش تفهم أكثر وتشوف التوصيات الجديدة.