احترف لغة ال HTML (الجزء الاول)

4 مشترك

دليل الإشهار العربي :: الذكاء الاصطناعي :: قسم البرمجة والاكواد

احترف لغة ال HTML (الجزء الاول)الخميس 4 أبريل 2024 - 15:14

احبائي اسرة دليل الاشهار العربي تحياتي لكم تابعونا ولمدة 3 مواضيع فقط ساقدم فيها الخلاصة وبشكل مباشر الي اقدم واسهل واهم لغة برمجة HTML تاكد عزيزي علي الرغم من سهولة هذة اللغة وعمرها القيم الا انه لا غني عليه لبناء اي كود برمجي نتوكل علي الله ونبدا الموضوع الاول

HTML (HyperText Markup Language) هي لغة توصيف الصفحات الإلكترونية، وهي أساسية لبناء وتصميم المواقع الإلكترونية. تسمح HTML بتنظيم وتنسيق المحتوى على الويب، بما في ذلك النصوص والصور والروابط والجداول وأكثر من ذلك. في هذه المقالة، سنستكشف أساسيات HTML وكيفية استخدامها لبناء صفحات ويب جذابة وفعالة.

هيكلة أساسية لصفحة HTML
صفحة HTML تتألف من عدة عناصر أساسية تشكل هيكلها، وأهم هذه العناصر هي:

1. :
هذا العنصر يحدد نوع المستند كـ HTML5، وهو يعتبر بداية كل صفحة HTML.

2. :
عنصر يشير إلى بداية ونهاية صفحة HTML.

3. :
يحتوي عنصر على المعلومات الوصفية للصفحة مثل العنوان، والوصف، والروابط بين أماكن الصفحة.

4. :
عنصر يحتوي على محتوى الصفحة الرئيسي مثل النصوص والصور والروابط.

عناصر HTML الأساسية
هناك العديد من العناصر التي يمكن استخدامها في صفحة HTML، ومن أبرزها:

1. عناوين الصفحة (
الكود:
<h1> إلى <h6>
):
تستخدم لتحديد عناوين الصفحة، حيث
هو العنوان الأكبر و
هو الأصغر.

### 2. فقرات النص (
):
تستخدم لتحديد فقرة نصية عادية.

3. الصور (
الكود:
<img>
):
تستخدم لإدراج صورة في الصفحة.

4. الروابط (
الكود:
<a>
):
تستخدم لإنشاء روابط إلى صفحات أخرى.

5. القوائم (
الكود:
<ul>, <ol>, <li>
):
تستخدم لإنشاء قوائم غير مرتبة ومرتبة.

6. الجداول (
الكود:
<table> <tr> <td>
):
تستخدم لعرض البيانات في صورة جدول.

7. نماذج الإدخال (
الكود:
<form> <input><button>

تستخدم لإنشاء نماذج للمستخدمين لإرسال البيانات.

كيفية كتابة HTML
لكتابة صفحة HTML، يمكنك استخدام أي محرر نصوص مثل Notepad++ أو Sublime Text. اليك مثال على صفحة HTML بسيطة:

الكود:
<!DOCTYPE html> <html> <head> <title>عنوان الصفحة</title> </head> <body> <h1>دليل الاشهار ااعربي</h1> <p>اكبر منتدي عربي </p> <img src="صورة.jpg" alt="صورة"> <a href="http://example.com">رابط</a> </body> </html>

انتظرونا في الجزء الثاني