Menu
CoddyTech

社交链接

本课属于 Coddy HTML 学习旅程的“基础知识”单元。第 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>

基础知识中的所有课

自己练习: Web 在线编辑器