Menu
Coddy logo textTech
flag Ar iconالعربيةdown icon

روابط التواصل الاجتماعي

جزء من قسم Fundamentals في رحلة HTML على Coddy. الدرس 34 من 60.

challenge icon

التحدي

سهل

لِنشارك وسائل التواصل الاجتماعي الخاصة بك: سيرغب الناس في التواصل! 

  1. بعد قسم 'About Me'، أضف <div> آخر. 
  2. أنشئ بداخله عنوانًا باستخدام وسم <h2>، واكتب فيه 'Connect with Me'. 
  3. أضف روابط قابلة للنقر إلى ملفاتك الشخصية على وسائل التواصل الاجتماعي باستخدام وسوم <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

تدرّب بنفسك: Playground لـ Web