You are on page 1of 2

‫‪HTML‬‬

‫تحدد ان هذا المستند مستند‬


‫‪ ,HTML‬والبد ان يغلق الوسم‬ ‫>‪<!DOCTYPE html‬‬
‫في نهاية االومر ب>‪</html‬‬
‫"‪<html dir="rtl‬‬
‫>"‪lang="ar‬‬
‫تحدد األوامر البرمجية بين الوسمين‬
‫>‪ <head></head‬كيف يعرض‬
‫المستند في المتصفح‬
‫وتحتوي على وسم >‪<title></title‬‬
‫>‪<head‬‬
‫التي تظهر عنوان شريط المتصفح‬
‫و تحوي ‪<meta charset="UTF-‬‬
‫يكتب هنا مايظهر في شريط‬ ‫>‪</title‬‬
‫>‪8"/‬‬
‫التي تحدد النص الذي سيظهر في العنوان‬
‫عنوان المتصفح>‪<title‬‬
‫‪<meta‬‬
‫>‪charset="UTF-8"/‬‬
‫>‪</head‬‬

‫>‪<body‬‬
‫يكتب هنا عنوان الفقرة‬ ‫>‪</h1‬‬
‫>‪<h1‬‬
‫األوامر البرمجية بين الوسمين‬
‫>‪ <body></body‬تظهر محتوى‬
‫يكتب هنا الفقرة >‪<p‬‬ ‫>‪</p‬‬
‫الصفحة من نصوص واصوات وفيديو‬
‫وروابط مؤدية الى صفحات اخرى‬

‫>‪</body‬‬

‫>‪</html‬‬
‫وسوم ‪HTML‬بنية المحتوى‬

‫يستخدم لتعريف العناوين ‪h1‬‬ ‫>‪</h1‬النص>‪<h1‬‬


‫اعلى مستوى خط واقل مستوى‬
‫خط ‪h6‬‬

‫يستخدم لكتابة فقرة وتكمن‬ ‫>‪</p‬النص >‪<p‬‬


‫اهميتة في تقسيم النص الى‬
‫اجزاءصغيرة‬

‫يستخدم نهاية الفقرة اذا رغبت‬ ‫>‪</br‬‬


‫في النزول لسطر جديد وتبدأ‬
‫الفقرة الجديدة بعد >‪</br‬‬

‫يستخدم إلنشاء قائمة مرتبة‬


‫>‪<ol‬‬
‫قائمة العناصر توضع بين الوسم‬ ‫>‪</li‬العنصراالول للقائمة >‪<li‬‬
‫>‪<li> </li‬‬
‫>‪</li‬العنصرالثاني للقائمة >‪<li‬‬
‫‪...‬‬
‫>‪</ol‬‬

‫يستخدم إلنشاء قائمة غير مرتبة‬


‫>‪<ul‬‬
‫قائمة العناصر توضع بين الوسم‬ ‫>‪</li‬العنصراالول للقائمة >‪<li‬‬
‫>‪<li> </li‬‬
‫>‪</li‬العنصرالثاني للقائمة >‪<li‬‬
‫‪...‬‬
‫>‪</ul‬‬

‫يستخدم إلنشاء الروابط‬


‫“ = ‪<a href‬‬ ‫>‪</a‬النص هنا يكون قابل للضغط علية >“‬
‫يكتب رابط الصفحة التي سيتم‬
‫فتحها‬

‫يستخدم إلضافة الصورة للموقع‬

‫>“‪<img src=“ “ alt=“ “ width=“ 600“ height=“ 400‬‬


‫يوضع وصف نصي للصورة‬
‫امتداد موقع الصورة‬
‫يصف الصورة ان لم تظهر‬

‫عرض وطول الصورة‬

‫يستخدم إلضافة فيديو للموقع‬ ‫ستظهر صورو الضغط على زر التشغيلة‬


‫اثناء تنزيل الفيديو‬

‫“=‪<video src‬‬ ‫“=‪“ poster‬‬ ‫“‪“width=“ 600‬‬


‫>‪height=“ 400“ preload controls loop‬‬

You might also like