HTML 名片（Business Card）通常用于网页上自我介绍或展示信息，是一种简洁美观的设计方式。在本文中，我们会为您整理一些 HTML 名片代码，帮您快速制作自己的在线名片。
<!DOCTYPE html>
<html>
<head>
<title>我的名片</title>
<Meta name="viewport" content="width=device-width,initial-scale=1.0">
<link rel="stylesheet" href="my-card.css">
</head>
<body>
<div class="card">
<h1>姓名</h1>
<p>职业</p>
<p>电话：<a href="tel:13712345678">13712345678</a></p>
<p>邮箱：<a href="mailto:[email protected]">[email protected]</a></p>
<p>微信：wechat</p>
<p>地址：XX省XX市XX街道XX号</p>
</div>
</body>
</html>
<!DOCTYPE html>：声明文档类型。 <html> 和 </html>：定义 HTML 文档。 <head> 和 </head>：包含文档的元数据，如标题、样式和脚本。 <title> 和 </title>：定义文档标题。 <Meta>：提供有关页面的元信息，如关键词、描述和视口设置。 <link>：引入外部样式表。 <body> 和 </body>：包含文档可见部分的内容。 <div> 和 </div>：定义文档中的块级容器。 <h1> 和 </h1>：定义页面中的标题。 <p> 和 </p>：定义页面中的段落。 <a> 和 </a>：定义超链接及其链接地址。
在样式表（my-card.css）中，您可以为名片添加背景色、字体、边框和阴影等效果，这里我们不再赘述。希望您可以通过这些 HTML 名片代码，快速创建出精美的在线名片，展示自己的才华和风采。
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。
