首页 > 代码库 > 自己的第一个html

自己的第一个html

做了一个很简单的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=http://www.mamicode.com/"/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!>
第一犯错是在图片那里,图片的添加是需要绝对路径或者相对路径的!!!

效果图

技术分享

自己的第一个html