لغة html (hyper text Markup Language ) هي لغة خاصة بتصميم
مواقع الويب، لكنها ليست وحدها كافية لذلك بل هناك لغات أخرى تلعب دورا أخر في
تصميم الموقع لأن الأش تي أم ال هي خاصة فقط لهيكله.
أولا لاستخدام html يجب أن تتوفر على محرر
النصوص Bloc-Notes أو Notepad أو برنامج خاص مثل: sublime text ويجب أيضا أن تتوفر على متصفح ويب مثل: google chrome، Mozilla، explore.... وغيرها.
I-إذا ما هو هيكل html وكيف نبدأ كتابتها؟؟؟؟
Html ليست مثل باقي اللغات java, c++,
python, c#, … أو غيرها
من اللغات بل هي سهلة و جميلة و يمكن اتقانها بسرعة لاكن مع المداومة.
تتميز html بهيكلها و الذي
يكون على الشكل التالي:
إذا لحظنا في الصورة
هناك نصوص كتبت وسط الرمز < > هذه النصوص تسمى الأوسمة وبها تكتب html كلها وهذا شيء يميزها عن باقي اللغات
لكل وسم بداية ونهاية
الا بعضها اليك بعض الأمثلة:
|
FIN
|
DEBUT
|
|
</head>
|
<head>
|
|
</body>
|
<body>
|
|
</html>
|
<html>
|
|
-------
|
<br>
|
|
-------
|
<hr>
|
إذا لحظنا أن كل وسم له
نهاية وبداية بنفس الاسم إلا أن النهاية يضاف لها رمز: /
II-إذا بعد هذه المقدمة البسيطة أريد أن أعرف كيف يمكنني إنشاء أول صفحة ويب خاصة بي؟؟؟
أولا نعيد كتابة الهيكل
السابق كما هو في محرر النصوص داخل وسم </title> <title> نكتب عنوان الصفحة الذي نريده أن يظهر في أعلى النافذة، وداخل
</body> <body> نكتب محتوى الصفحة.
مثال:
<!DOCTYPE html>
<html>
<head>
<title>ma premier page web</title>
<meta charset=
"UTF-8">
</head>
<body>
<h1>BONJOUR TOUS LE MONDE</h1>
<p>première paragraphe texte
texte texte</p>
</body>
</html>
النتيجة:
مثال أخر هذه المرة سوف
نستخدم الأوسمة التي أشرنا اليها سابقا دون أن نعرف دورها <br> و <hr>
<!DOCTYPE html>
<html>
<head>
<title>ma premier page web</title>
<meta charset=
"UTF-8">
</head>
<body>
<h1>BONJOUR TOUS LE MONDE</h1>
<hr>
<p>première paragraphe <br> texte <br>
texte <br> texte</p>
</body>
</html>
نتيجة:
ملاحظة: يمكننا استخدام
وسم </pre> <pre> بدل وسم </p> <p> لأنه يعطي الحرية في الكتابة مثالا:
<!DOCTYPE html>
<html>
<head>
<title>ma
premier page web</title>
<meta charset=
"UTF-8">
</head>
<body>
<h1>BONJOUR TOUS LE MONDE</h1>
<hr>
<pre>première paragraphe
texte
texte
texte</pre>
</body>
</html>
نتيجة:
III- بعد كل هذا هل يمكنني أن أضيف بعض التعديلات على صفحتي ؟؟؟
يمكننا في لغة html أن نغير شكل الكتابة و أن نغير لون النص أيضا وغيرها من التعديلات.
نريد مثلا ان نغير
خلفية الصفحة وجعل العنوان في الوسط ثم تغير خط النص الى خط سميك نوعا ما:
<body bgcolor="red">
<h1><center>BONJOUR TOUS LE MONDE</center></h1>
<hr>
<pre><b>première paragraphe </b>
texte
texte
texte</pre>
</body>
</html>
نتيجة:
**هذا تعريف بسيط لبداية html فهناك عدة اوسمة وعدة تعديلات يمكننا القيام بها لذلك يمكنكم تصفح هذا
الكتاب لتوسع أكثر واحتراف html بطريقة سهلة جدا :
**وهدا ملخص شامل لأوسمة html
Commentaires
Enregistrer un commentaire