About My Blog

About My Blog


###如果喜欢看我的博客,请移步到我的github博客或则gitee博客上。由于个人懒惰CSDN更新远远慢于github博客,我也会尽可能把学习中遇到技术性问题,分享到我的github博客上,与大家一起分享













                                                                                                           
                                                                                                           
                                                           

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
以下是使用HTML实现个人博客的步骤: 1. 创建一个index.html文件作为博客的首页,其他html文件作为二级页面。 2. 在index.html文件中添加博客的基本信息,例如博客的标题、作者、简介等。 3. 在index.html文件中添加博客的导航栏,包括首页、文章列表、关于我等选项。 4. 在其他html文件中添加文章的内容,包括文章的标题、作者、发布时间、正文等。 5. 在其他html文件中添加文章的评论区,包括评论的用户名、评论时间、评论内容等。 6. 在css文件中添加样式,包括博客的整体布局、颜色、字体等。 7. 在js文件中添加交互效果,例如点击事件、表单提交等。 以下是一个简单的HTML个人博客的代码示例: ```html <!DOCTYPE html> <html> <head> <title>My Blog</title> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <header> <h1>My Blog</h1> <nav> <ul> <li><a href="index.html">Home</a></li> <li><a href="articles.html">Articles</a></li> <li><a href="about.html">About Me</a></li> </ul> </nav> </header> <main> <article> <header> <h2>My First Article</h2> <p>By John Doe | Published on January 1, 2022</p> </header> <section> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed euismod, velit vel bibendum bibendum, nunc sapien bibendum sapien, vel bibendum sapien sapien vel sapien. Sed euismod, velit vel bibendum bibendum, nunc sapien bibendum sapien, vel bibendum sapien sapien vel sapien.</p> </section> <footer> <h3>Comments</h3> <form> <label for="name">Name:</label> <input type="text" id="name" name="name"><br><br> <label for="comment">Comment:</label> <textarea id="comment" name="comment"></textarea><br><br> <input type="submit" value="Submit"> </form> <div class="comment"> <p>By Jane Doe | Posted on January 2, 2022</p> <p>This is a great article!</p> </div> </footer> </article> </main> <footer> <p>Copyright © 2022 My Blog</p> </footer> </body> </html> ```

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值