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