要完成我們的博客頁面，我們還需要使用一個框架來嵌入視頻。接著，我們還將創(chuàng)建一個 “關(guān)注我” 部分，其中包含頁面末尾的鏈接。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>我的博客</title> <link href="https://www.w3cschool.cn/statics/demosource/myblog/myblog.css" rel="stylesheet" type="text/css" /> </head> <body> <!-- header start --> <div id="header" class="section"> <img src="https://www.w3cschool.cn/statics/demosource/myblog/avatar.png" alt="頭像" class="img-circle" /> <p>W3Cschool小師妹</p> </div> <!-- header end --> <!-- About Me section start --> <div class="section"> <h2><span>關(guān)于我</span></h2> <p>嘿！我是<strong>W3Cschool小師妹</strong>。編碼改變了我的世界。它不僅僅是應(yīng)用程序。學(xué)習(xí)代碼給了我解決問題的技能和在技術(shù)層面與他人溝通的途徑。我也可以開發(fā)網(wǎng)站，并使用我的編程技術(shù)來獲得更好的工作。我是在 <strong>W3Cschool</strong> 學(xué)到了所有這些，這讓我也保持了對學(xué)習(xí)編程的積極性。加入我這個有益的學(xué)習(xí)旅程。沿途你會獲得樂趣，得到幫助，學(xué)習(xí)更多知識！</p> <p class="quote">"I love coding, I love W3Cschool!"</p> </div> <!-- About Me section end --> <!-- My Schedule section start --> <div class="section"> <h2><span>我的時間表</span></h2> <table> <tr> <th>Day</th> <th>Mon</th> <th>Tue</th> <th>Wed</th> <th>Thu</th> <th>Fri</th> </tr> <tr> <td>8:00-8:30</td> <td class="selected">Learn</td> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td>9:00-10:00</td> <td></td> <td class="selected">Practice</td> <td></td> <td></td> <td></td> </tr> <tr> <td>10:00-13:30</td> <td></td> <td></td> <td class="selected">Play</td> <td></td> <td></td> </tr> <tr> <td>15:45-17:00</td> <td></td> <td></td> <td></td> <td class="selected">Code</td> <td></td> </tr> <tr> <td>18:00-18:15</td> <td></td> <td></td> <td></td> <td></td> <td class="selected">Discuss</td> </tr> </table> </div> <!-- My Schedule section end --> <!-- My Skills section start --> <div class="section"> <h2><span>我的技能</span></h2> <ul> <li>HTML</li> <li>CSS</li> <li>JavaScript</li> </ul> </div> <!-- My Skills section end --> <!-- Media section start --> <div class="section"> <h2><span>我的媒體</span></h2> <iframe height="240" width="320" src="https://www.w3cschool.cn/statics/demosource/movie.mp4" allowfullscreen frameborder="0"></iframe> </div> <!-- Media section end --> <!-- Contact section start --> <div class="section"> <h2><span>聯(lián)系我</span></h2> <form> <input name="name" placeholder="Name" type="text" required /><br/> <input name="email" placeholder="Email" type="email" required /><br/> <textarea name="message" placeholder="Message" required ></textarea> <input type="submit" value="發(fā)送" class="submit" /> </form> </div> <!-- Contact section end --> <!-- Follow section start --> <div class="section" id="follow"> <h2><span>關(guān)注我</span></h2> <div> <a href="#"> <img alt="qq" src="https://www.w3cschool.cn/statics/demosource/myblog/qq.png" /> </a> <a href="#"> <img alt="weixin" src="https://www.w3cschool.cn/statics/demosource/myblog/weixin.png"/> </a> <a href="#"> <img alt="weibo" src="https://www.w3cschool.cn/statics/demosource/myblog/weibo.png" /> </a> </div> </div> <!-- Follow section end --> <div class="copyright"> ? 2017 My Blog. All rights reserved. </div> </body> </html>
任務(wù)：完成你的博客頁面。
你已經(jīng)完成了創(chuàng)建博客頁面，做得不錯！你可以與社區(qū)分享你創(chuàng)建的博客頁面啦！
