CSS 设计一个网页
引用示例
点击运行
自动执行
HTML 教程
JavaScript 教程
HTML
<!DOCTYPE html> <html> <head> <title>迹忆客</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <body> <div class="header"> <h1>迹忆客网页测试实例</h1> <p>创建一个页面。</p> </div> <div class="navbar"> <a href="#">链接</a> <a href="#">链接</a> <a href="#">链接</a> <a href="#" class="right">链接</a> </div> <div class="row"> <div class="side"> <h2>关于我</h2> <h5>我的照片:</h5> <div class="fakeimg" style="height:200px;">这边插入图像</div> <p>关于我的介绍..</p> <h3>更多内容</h3> <p>我的更多内容</p> <div class="fakeimg" style="height:60px;">这边插入图像</div><br> <div class="fakeimg" style="height:60px;">这边插入图像</div><br> <div class="fakeimg" style="height:60px;">这边插入图像</div> </div> <div class="main"> <h2>标题</h2> <h5>副标题</h5> <div class="fakeimg" style="height:200px;">图像</div> <p>一些文本..</p> <p>迹忆客，分享的是技术，关注的是成长！！！迹忆客，分享的是技术，关注的是成长！！！迹忆客，分享的是技术，关注的是成长！！！</p> <br> <h2>标题</h2> <h5>副标题</h5> <div class="fakeimg" style="height:200px;">图像</div> <p>一些文本..</p> <p>迹忆客，分享的是技术，关注的是成长！！！迹忆客，分享的是技术，关注的是成长！！！迹忆客，分享的是技术，关注的是成长！！！</p> </div> </div> <div class="footer"> <h2>底部内容</h2> </div> </body> </html>
CSS
JAVASCRIPT
嵌入代码
