روابط التواصل الاجتماعي
جزء من قسم Fundamentals في رحلة 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>جميع دروس Fundamentals
7صفحة الملف الشخصي
نظرة عامة على المشروعقسم الترويسة (Header)
صورة الملف الشخصيقسم نبذة عنيروابط التواصل الاجتماعي2النصوص والتنسيق
العناوينالفقراتفواصل الأسطرالنص العريض والمائلالنص العريض والمائل مجدداًمراجعة - التنسيق8النماذج والمدخلات - الجزء الأول
أساسيات النماذجمدخلات النصوصسمات المدخلاتحقل كلمة المرورتسميات المدخلاتملخص - نموذج أساسي11صفحة التسجيل في الفعالية
نظرة عامة على المشروعقسم الـ Headerقسم تفاصيل الفعاليةنموذج التسجيلقسم الـ Footer