just my first blog

基于对java编程语言的喜爱,今天特地在CSDN上注册了自己的博客,之前也有想过注册,但都因为自己的懒散一直拖延到今天,也并非刻意的去这样做,就是想平时没事的时候,或者工作中遇到的问题,抑或生活中的喜怒哀乐想在这里记录一下,更主要的还是想提高一下自己的技术,因为自己目前的水平确实拿不到台面上来,哈哈 ,但我会一直努力滴!ok just these!
以下是一个简单的个人博客 HTML 代码示例: ```html <!DOCTYPE html> <html> <head> <title>My Personal Blog</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <header> <h1>My Personal Blog</h1> <nav> <ul> <li><a href="#">Home</a></li> <li><a href="#">About</a></li> <li><a href="#">Blog</a></li> <li><a href="#">Contact</a></li> </ul> </nav> </header> <main> <article> <header> <h2>My First Blog Post</h2> <p class="meta">Posted by John Smith on Jan 1, 2022</p> </header> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed euismod ante et sapien sodales, vel luctus magna luctus. Aenean dignissim velit eu magna accumsan, at auctor justo aliquet. Nullam non sapien euismod, tristique nisl vel, euismod lorem. Vivamus gravida erat id tincidunt rutrum. Donec tincidunt nisi ac magna scelerisque, sed lacinia est iaculis. Quisque bibendum ante in neque varius, eu rhoncus arcu laoreet. Aliquam erat volutpat. Nulla facilisi. Praesent eget enim quis nisl malesuada lacinia. Mauris nec sapien vel mauris ultricies suscipit sed nec orci. Sed sed tortor ac ex consectetur hendrerit. </p> <footer> <p class="tags">Tags: <a href="#">HTML</a>, <a href="#">CSS</a>, <a href="#">JavaScript</a></p> </footer> </article> <article> <header> <h2>My Second Blog Post</h2> <p class="meta">Posted by John Smith on Jan 15, 2022</p> </header> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed euismod ante et sapien sodales, vel luctus magna luctus. Aenean dignissim velit eu magna accumsan, at auctor justo aliquet. Nullam non sapien euismod, tristique nisl vel, euismod lorem. Vivamus gravida erat id tincidunt rutrum. Donec tincidunt nisi ac magna scelerisque, sed lacinia est iaculis. Quisque bibendum ante in neque varius, eu rhoncus arcu laoreet. Aliquam erat volutpat. Nulla facilisi. Praesent eget enim quis nisl malesuada lacinia. Mauris nec sapien vel mauris ultricies suscipit sed nec orci. Sed sed tortor ac ex consectetur hendrerit. </p> <footer> <p class="tags">Tags: <a href="#">Web Design</a>, <a href="#">Responsive Design</a></p> </footer> </article> </main> <footer> <p>© 2022 My Personal Blog</p> </footer> </body> </html> ``` 上面的代码包括了一个简单的博客结构,包括: - 一个页眉,其中包括博客的名称和导航菜单。 - 主要内容区域,其中包括两篇文章。每篇文章都有一个标题、发布日期、正文和标签。 - 一个页脚,其中包括版权信息。 请注意,此示例仅包含 HTML 代码,样式表(CSS)和其他文件未包含在内。样式表是用于定义网站的样式和布局的文件。您可以将样式表链接到 HTML 文件中,也可以在 HTML 文件中直接定义样式。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值