السلام عليكم
اساسيات HTML
HTML اختصار لعبارة HyperText Markup Language .
لغة html لغة تستخدم في بناء صفحات الويب .
لغة HTML لغة نصية .
لغة تهتم بكيفية عرض محتويات الصفحة وليست مثل XML التي بدورها تهتم بماهية هذه المحتويات.
تحفظ صفحة الويب المكتوبة بلغة HTML بامتداد .htm او .html
مكونات لغة HTML :
تتكون لغة HTML من أوسمة (Tags) وكل وسم له وظيفة خاصة في عرض المحتويات وتنسيقها.
يتكون الوسم من جزئين :
1-اسم الوسم.
2-خاصية أو أكثر من خواص الوسم
طريقة كتابة الوسم :
<tag attribute="value">
تسمى الاوسمة ايضاً عناصر (elements).
هذه العناصر من حيث النوع تنقسم الى نوعين :
النوع الاول : (Block-level)
هذه الاوسمة او العناصر قد تحتوي على نصوص أو اوسمة اخرى من النوع inline-level.
امثلة :
,
النوع الثاني :
اوسمة تحتوي على نصوص أي بيانات .
امثلة: , <a>
محررات لغة HTML:
نقصد بمحررات لغة HTML أي الاداة التي يستخدمها مطور الويب في كتابة كود HTML وتحرير الصفحات .
أمثلة على محررات HTML:
1-FrontPage
2-Dreamweaver
3-GoLive
4-NotePad
وهذا الاخيـــر برنامج لتحرير النصوص وبما أن لغة HTML لغة نصية اذاً يمكن التعامل معه في كتابة كود HTML .
تقسيم الصفحة :
تقسم صفحة الويب إلى ثلاثة أقسام :
1-<html></html>
2-<head></head>
3-<body></body>
الأوسمة الأخرى الخاصة بلغة HTML:
جميع هذه الأوسمة تكتب في قسم body
1)
يستخدم لجعل الخط عريض bold
مثال:
this is bold text
النتيجة :
this is bold text
2)
لجعل النص يتوسط الصفحة
مثال :
<center>text on center
3)مثال :
<center>text on center
لجعل النص مائل
مثال:
[i]italic text
النتيجة
italic text
4)
للانتقال الى سطر جديد
مثال :
AAAAAAAABBBBBBBB
النتيجة
AAAAAAAA
BBBBBBBB
5)[h1]
يعني تحويل النص الى عنوان كبير
مثال:
[h1]Welcome
النتيجة:
Welcome
6)[p]
وهو الوسم الذي يعبر عن القطعة من النص أو paragraph
7)
هذا الوسم يقوم برسم خط افقي في الصفحة
هذه بعض الامثلة على العناصر المستخدمة في لغة HTML .
الدرس القادم سنوضح التعامل مع خواص هذه العناصر وغيرها من العناصر وكيفية كتابة الخاصية لاي عنصر مع أمثلة لذلك ...
أترككم مع مثال تطبيقي لكود html .اتمنى ان تطبقوه
<html>
<head>
</head>
<body>
welcome to the first lesson in html
[p]
very basic HTML
HTML stands for HyperText Markup Language. HTML is the language used to wrote basic web pages
</html>
