تعلم HTML بالعربية 2023 #1 Introduction
HTML هي لغة الترميز القياسية لإنشاء صفحات الويب. ترمز HTML إلي Hyper Text Markup Language. وفيها يصف HTML بنية صفحة الويب. ويتكون من سلسة من العناصر التي تخبر المستعرض كيفية عرض المحتوى.
مثال علي مستند HTML بسيط
Example
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>في المثال السابق:
يحدد <DOCTYPE html!> أن هذا المستند هو مستند HTML5
عنصر <html> هو العنصر الجزر لصفحة HTML
يحتوي العنصر <head> على معلومات وصفية حول صفحة HTML
يحدد العنصر <title> عنواناً لصفحة HTML (والذي يظهر في شريط عنوان المتصفح أو في علامة تبويب الصفحة )
يحدد العنصر <body> جسم المستند, وهو عبارة عن حاوية لجميع المحتويات المرئية, مثل العناوين, والفقرات , والصور, والارتباطات التشعبية, والجداول, والقوائم, وما إلى ذلك.
يحدد العنصر <h1> عنواناً كبيراً.
يحدد العنصر <p> فقرة.
ما هو HTML Element
يتم تعريف عنصر HTML بواسطة علامة البداية وبعض المحتويات وعلامة النهاية :
Example
<tagname> Content</tagname>عنصر HTML هو كل شيء من علامة البداية إلي وسم النهاية:
Example
<h1>Title</h1>
<p>Paragraph</p>بعض العناصر لا يوجد بها محتوى (مثل عنصر <br>) هذا العنصر يسمى عنصر بدون محتوى, والعناصر التي لا يوجد بها محتوى لا يوجد بها علامة أغلاق </>.
متصفحات الأنترنت
الغرض من متصفح الويب (Chrome, Safari, Firefox, Edge) هو قراءة مستندات HTML وعرضها بشكل صحيح.
لا يعرض المستعرض علامة HTML, ولكنه يستخدمها لتحديد كيفية عرض المستند:
هيكل صفحة HTML
<html>
<head>
<title>Page title</title>
<head/>
<body>
<h1>This Is Heading</h1>
<p>This Is paragraph</p>
<p>This Is another paragraph</p>
<body/>
<html/>
