أ. خالد
04-19-2008, 02:59 AM
مقدمة لا بد منها
HTML
HyperText Markup Language
ما معنى هذا؟؟؟
HyperText: تعريبها النصوص المتشعبة :confused: أي النصوص التي تقودك إلى مكان أخر
Markup Language: لغة ترميزية أي تعتمد على رموز معينة يفهمها المتصفح
أي أنها ليست لغة برمجة بل لغة ترميز ... أي تعتمد على رموز معينة يقوم المتصفح بفهمها وترجمتها ثم إظهارها.
الأن وقد عرفنا معنى اسم اللغة دعونا نرى كيف نكتبها وماذا نحتاج:
1- محرر نصوص: موجود في كل نظام وبالويندوز اسمه Notepad ، وإن كنت أفضل استعمال برنامج Notepad++ حيث يعطي ألواناً جميلة للوسوم تساعدك على فهم ما تكتب وعلى اكتشاف الأخطاء.
لتحميله اضغط هنا (http://downloads.sourceforge.net/notepad-plus/npp.4.8.5.Installer.exe?modtime=1207960310&big_mirror=0)
2- متصفح: أي برنامج استعراض صفحات الإنترنت وهو أيضاً موجود بكل نظام ، بالويندوز Internet Explorer
هذا ما سنحتاج إليه حالياً ...
سنقوم الأن ببناء أول صفحة إنترنت:
افتح محرر النصوص (Notepad أو Notepad++) ، وقم بكتابة التالي:
صفحتي الأولى
ثم احفظ الملف ولكن انتبه عند الحفظ أن تضع اللاحقة .html وليس .txt
الأن قم بالضغط مرتين على الملف ستشاهد أنه استعرضه بالمتصفح وأظهر الجملة التي كتبتها:
صفحتي الأولى
الأن دعونا نستعرض بعض خصائص اللغة:
تتكون ملفات HTML من قسمين
المحتوى : وهو النصوص التي ستظهر على الصفحة.
الوسوم :وهي الأجزاء التي تحدد كيف سيظهر المحتوى ، أي بخط غامق وبلون أصفر مثلاً.
مثال على ذلك هذا السطر من لغة HTML .. قم بإضافتها إلى الملف السابق الذي كتبناه قب قليل:
HTML is a <b>Great</b> Language
في هذا المثال وضعنا كلمة Great داخل وسم الخط الغامق أي ستظهر هذه الكلمة بخط غامق.
والوسوم المحاطة بعلامتي < و >، في المثال السابق استخدمنا وسما يدعى b وهو اختصار لكلمة bold (عريض)،
ويأتي في صورة زوج من الوسوم، وسم للفتح ووسم للإغلاق، ويتميز وسم الإغلاق عن وسم الفتح في أنه يحتوي على علامة ( / )
ماذا يعني وسم الفتح والإغلاق ؟؟
يعني أن كل شي موضوع بينهما سيتأثر به ، أي كلمة Great موجودة بين وسم البداية والنهاية للخط الغامق بالتالي ستتأثر هذه الكلمة بهذا الوسم وستظهر بخط غامق.
هذه هي لغة HTML بكل بساطة وهنا تنتهي هذه المقدمة السريعة.
تابعونا في الدروس القادمة لمعرفة وسوم اللغة ووظائفهم.
كتبه : النمر وخالد
HTML
HyperText Markup Language
ما معنى هذا؟؟؟
HyperText: تعريبها النصوص المتشعبة :confused: أي النصوص التي تقودك إلى مكان أخر
Markup Language: لغة ترميزية أي تعتمد على رموز معينة يفهمها المتصفح
أي أنها ليست لغة برمجة بل لغة ترميز ... أي تعتمد على رموز معينة يقوم المتصفح بفهمها وترجمتها ثم إظهارها.
الأن وقد عرفنا معنى اسم اللغة دعونا نرى كيف نكتبها وماذا نحتاج:
1- محرر نصوص: موجود في كل نظام وبالويندوز اسمه Notepad ، وإن كنت أفضل استعمال برنامج Notepad++ حيث يعطي ألواناً جميلة للوسوم تساعدك على فهم ما تكتب وعلى اكتشاف الأخطاء.
لتحميله اضغط هنا (http://downloads.sourceforge.net/notepad-plus/npp.4.8.5.Installer.exe?modtime=1207960310&big_mirror=0)
2- متصفح: أي برنامج استعراض صفحات الإنترنت وهو أيضاً موجود بكل نظام ، بالويندوز Internet Explorer
هذا ما سنحتاج إليه حالياً ...
سنقوم الأن ببناء أول صفحة إنترنت:
افتح محرر النصوص (Notepad أو Notepad++) ، وقم بكتابة التالي:
صفحتي الأولى
ثم احفظ الملف ولكن انتبه عند الحفظ أن تضع اللاحقة .html وليس .txt
الأن قم بالضغط مرتين على الملف ستشاهد أنه استعرضه بالمتصفح وأظهر الجملة التي كتبتها:
صفحتي الأولى
الأن دعونا نستعرض بعض خصائص اللغة:
تتكون ملفات HTML من قسمين
المحتوى : وهو النصوص التي ستظهر على الصفحة.
الوسوم :وهي الأجزاء التي تحدد كيف سيظهر المحتوى ، أي بخط غامق وبلون أصفر مثلاً.
مثال على ذلك هذا السطر من لغة HTML .. قم بإضافتها إلى الملف السابق الذي كتبناه قب قليل:
HTML is a <b>Great</b> Language
في هذا المثال وضعنا كلمة Great داخل وسم الخط الغامق أي ستظهر هذه الكلمة بخط غامق.
والوسوم المحاطة بعلامتي < و >، في المثال السابق استخدمنا وسما يدعى b وهو اختصار لكلمة bold (عريض)،
ويأتي في صورة زوج من الوسوم، وسم للفتح ووسم للإغلاق، ويتميز وسم الإغلاق عن وسم الفتح في أنه يحتوي على علامة ( / )
ماذا يعني وسم الفتح والإغلاق ؟؟
يعني أن كل شي موضوع بينهما سيتأثر به ، أي كلمة Great موجودة بين وسم البداية والنهاية للخط الغامق بالتالي ستتأثر هذه الكلمة بهذا الوسم وستظهر بخط غامق.
هذه هي لغة HTML بكل بساطة وهنا تنتهي هذه المقدمة السريعة.
تابعونا في الدروس القادمة لمعرفة وسوم اللغة ووظائفهم.
كتبه : النمر وخالد