HTML

HTML

Copy
<!-- HTML文档声明,告诉浏览器我是一个HTML文件 --> <!DOCTYPE html> <!-- html根元素 --> <html> <!-- HTML头 --> <head> <!-- 元数据 --> <meta charset="UTF-8"> <!-- 标题 --> <title> Document </title> <style> .box{ width: 600px; height: 1200px; margin: auto; top: 0; left: 0; right: 0; bottom: 0; text-align: center; } </style> </head> <!-- HTML body,存放元素 --> <body> <div class="box"> <h1> 这是h1 标签 </h1> <h2> 这是h2 标签 </h2> <!-- 插入图片标签,alt为插入图片不可用显示的文字,width为图片大小 --> <img src="./test.jpg" alt="图片" width="200px"> <!-- 换行标签 --> <br> <!-- a 为超链接,其中包含属性,href为属性key,链接为属性值, target指跳转页面不覆盖原页面,而是新开标签 --> <a href="https://www.baidu.com" target="_blank"> 百度</a> </div> </body> </html>
posted @   元气少女郭德纲!!  阅读(10)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· Docker 太简单,K8s 太复杂?w7panel 让容器管理更轻松!
点击右上角即可分享
微信分享提示