自己的第一个html_如何在苹果电脑制作一个简单的html文件-CSDN博客

本文链接：https://blog.csdn.net/quanhaoH/article/details/42418537

做了一个很简单的html，算是入门吧，慢慢学习

运行环境是在MAC系统下的code2


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<title>Help Info</title>
</head>

<body>
<style>
html{height:100%; font-size:12pt; line-height:24pt;} 
@font-face{font-family:'LockClock'; src: url('images/LockClock.ttf'); }
body{min-height:100%;position:relative; font-family:"LockClock"; }
</style>
<style>
body{font-size:14px; color:#333333; line-height:17px; background:#FFFFFF; text-align:center }
#description{ width:90%; margin:0, auto; text-align:left; padding:10px;}
</style>
<div id=description>
<h1>Protecting Your Personal Information</h1>
<h2>Secure Sockets Layer (SSL Technology)</h2>
<p>IKICKZ uses Secure Sockets Layer (SSL) technology to provide you with the safest, most secure shopping experience possible. SSL technology enables encryption (scrambling) of sensitive information during your online transactions. All of the forms on our site are secured with SSL technology so your personal information stays safe and out of malicious hands.</p>
<h2>VeriSign</h2>
<span><img src="/Users/mac/Downloads/7217667e206c9bec45dbddb7b608bcb4.jpg"/>VeriSign, Inc. is a technology company thyuat specializes in data encryption and e-commerce. It is one of the most recognized companies for certifying that a website is secure and encrypted. With VeriSign, you can feel confident shopping on our APP!
</p>
</span>
<h2>Trustwave - Information Security & Compliance</h2>
<p><img src="/Users/mac/Downloads/7217667e206c9bec45dbddb7b608bcb4.jpg" />The Trustwave Trusted Commerce Seal is present across IKICKZ as an assurance that we use industry standard measures to secure your personal information. Just click on the seal to see how our security policies, procedures and practices are being measured and validated by Trustwave daily.
</p>
<h2>Industry Standard Firewalls</h2>
<p>IKCIZ servers are protected by secure firewalls-communication management computers specially designed to keep information secure and inaccessible by other Internet users. So you're absolutely safe while you shop.
</p>
<p>SSL Technology, Trustwave, and Industry Standard Firewalls all work together to ensure your privacy and to assist in protecting your personal data..</p>
<h2>Privacy Policy</h2>
<p>IKICKZ doesn't like it when someone gives away our personal information and neither do you! That's why we don't rent, sell or share your personal information with anyone. Our Privacy Policy details how your personal information is collected and how your personal information may be used.</p>
<p>Thanks for shopping with confidence!</p></div>
</body>
</html>

第一犯错是在图片那里，图片的添加是需要绝对路径或者相对路径的！！！

效果图