منصة الحاسب والتقنية — التنسيق باستخدام وسوم html

التنسيق باستخدام وسوم html

22/01/2025 Computer And Technology

التنسيق باستخدام وسوم html

تنسيق النص :

هناك بعض الوسوم التي يمكنك استخدامها لتنسيق مظهر النص على صفحتك الإلكترونية وتتطلب كتابة النص الذي تريد تنسيقه بين الوسمين المقابلين .

<b/> النص <b>

تغميق النص الموجود بين الوسمين Bold .

<i/> النص <i>

إمالة النص الموجود بين الوسمين Italics .

<u/> النص <u>

تسطير النص الموجود بين الوسمين Underlined .

<small/> النص <small>

تصغير النص الموجود بين الوسمين بحيث يكون أصغر من النص الإفتراضي .

<big/> النص <big>

تكبير النص الموجود بين الوسمين بحيث يكون أكبر من النص الإفتراضي .

<mark/> النص <mark>

تمييز النص الموجود بين الوسمين Highlighted

<del/> النص <del>

وضع خط في منتصف النص مباشرة .

<sub/> النص <sub>

عرض النص الموجود بين الوسمين بخط منخفض

<sup/> النص <sup>

عرض النص الموجود بين الوسمين بخط مرتفع

<font/> النص <font size = “”>

تغيير حجم النص

<font/> النص <font face = “”>

تغيير نوع خط للنص

<font/> النص <font color= “”>

تغيير لون خط للنص

تنسيق الصور :

يمكنك أيضاً استخدام وسوم لتنسيق صور الصفحة الألكترونية الخاصة بك .

حدود الصورة :

لإضافة حدود حول صورتك استخدم خاصية border مع إعطائها قيمة مناسبة في وسم img

<body>

<h2>المعرض</h2>

</body>

خاصية البديل (alt):

خاصية البديل ( alt ) مهمة جداً حيث يمكنك إضافتها في وسم الصورة وتعد مناسبة لمحركات البحث، وتستخدم لعرض نص بديل يصف الصورة بالكلمات إذا تعذر تحميلها .

<body>

<h2>المعرض</h2>

</body>

تنسيق عرض ملف الفيديو :

يمكنك أيضاً استخدام وسوم لتنسيق عرض ملف الفيديو في الصفحة الألكترونية الخاصة بك

خاصية التشغيل التلقائي (Autoplay attribute):

عند إضافة خاصية التشغيل التلقائي إلى وسم الفيديو، سيبدأ تشغيل الفيديو تلقائياً .

خاصية كتم الصوت (Muted attribute):

عند إضافة خاصية كتم الصوت إلى وسم الفيديو، سيتم كتم صوت عند تشغيل الفيديو .

<body>

<h2>المعرض</h2>

</video>

</body>

لمعاينة ملف الدرس في المتصفح :

انقر هنا

لتحميل الملف للطباعة :

انقر هنا

لمشاهدة التطبيق العملي على قناتنا عبر اليوتيوب :

انقر هنا

التعليقات (0)

لا توجد تعليقات متاحة