روابط التواصل الاجتماعي
جزء من قسم الأساسيات في رحلة HTML على Coddy. الدرس 34 من 60.
التحدي
سهللِنشارك وسائل التواصل الاجتماعي الخاصة بك: سيرغب الناس في التواصل!
- بعد قسم 'About Me'، أضف
<div>آخر. - أنشئ بداخله عنوانًا باستخدام وسم
<h2>، واكتب فيه 'Connect with Me'. - أضف روابط قابلة للنقر إلى ملفاتك الشخصية على وسائل التواصل الاجتماعي باستخدام وسوم
<a>. تذكّر جعل الروابط تُفتح في علامة تبويب جديدة عن طريق إضافةtarget="_blank"
على سبيل المثال:
جرّب بنفسك
<!DOCTYPE html>
<html>
<body>
<!-- Header Section -->
<div>
<h1>John Doe</h1>
<p>Web Developer | Creative Thinker</p>
</div>
<!-- Profile Picture -->
<div>
<img src="https://storage.googleapis.com/coddy-15505.appspot.com/public/avatars/avatar25.png" alt="My profile picture" width="200" height="200" />
</div>
<!-- About Me Section -->
<div>
<h2>About Me</h2>
<p>Hello! I'm a passionate web developer learning HTML basics. I enjoy coding and building creative projects.</p>
</div>
</body>
</html>جميع دروس الأساسيات
7صفحة الملف الشخصي
نظرة عامة على المشروعقسم الترويسة (Header)
صورة الملف الشخصيقسم نبذة عنيروابط التواصل الاجتماعي2النصوص والتنسيق
العناوينالفقراتفواصل الأسطرالنص العريض والمائلالنص العريض والمائل مجدداًمراجعة - التنسيق8النماذج والمدخلات - الجزء الأول
أساسيات النماذجمدخلات النصوصسمات المدخلاتحقل كلمة المرورتسميات المدخلاتملخص - نموذج أساسي11صفحة التسجيل في الفعالية
نظرة عامة على المشروعقسم الـ Headerقسم تفاصيل الفعاليةنموذج التسجيلقسم الـ Footerتدرّب بنفسك: Playground لـ Web