html名片设置代码

HTML名片设置代码是一种用来创建个人名片的代码。它是基于HTML语言的，可以很方便地嵌入到网页中。下面，我们将介绍如何使用代码来设置个人名片。

<div class="card">
  <img src="yourphoto.jpg" alt="your photo">
  <h1>Your Name</h1>
  <p>Your Title</p>
  <p>Your Company</p>
  <p>Your Phone Number: xxx-xxx-xxxx</p>
  <p>Your Email Address: [email protected]</p>
  <p>Your Website: <a href="http://yourwebsite.com">yourwebsite.com</a></p>
</div>

如上所示，我们可以在<div>标签中设置个人名片的内容。其中，<img>标签用于显示个人照片，<h1>标签用于显示姓名，<p>标签用于显示职位、公司、电话、电子邮件和网站等信息。

在CSS样式中，我们可以设置名片的背景、颜色、字体大小、间距和边框等属性，以使它更加美观和专业。

.card {
  background-color: #fff;
  color: #333;
  font-size: 16px;
  padding: 10px;
  margin: 10px;
  border: 1px solid #ddd;
}

最后，我们只需要将HTML代码和CSS样式嵌入到网页中即可，在网站的任何地方都可以方便地展示个人名片。