自己的第一个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="/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>

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

效果图

时间: 2024-10-14 14:28:54

自己的第一个html的相关文章

mongodb的增、删、改、插的一个实例

创建一个学生信息表(至少包含:姓名,性别,成绩,年龄) 1.写入十五条不同的数据 db.students.insertMany([{ name: "bob", age: 16, sex: "male", grade: 95},{ name: "ahn", age: 18, sex: "female", grade: 45},{ name: "xi", age: 15, sex: "male&quo

SqlServer给一个表增加多个字段语法

添加字段语法 alter table table_name add column_name +字段类型+ 约束条件 给一个表增加多个字段: use NatureData go alter table XunHu add MaleCount varchar(50) null, FemaleCount varchar(50) null, SubadultCount varchar(50) null, LarvaeCount varchar(50) null, TraceType varchar(50

Linux 将文件夹下的所有文件复制到另一个文件里

如何将文件夹/home/work下的文件复制到/home/temp里面? 使用命令: cp -R /home/work/* /home/temp *表示所有文件 但是/home/work 下的隐藏文件都不会被拷贝 更好的复制的方法是用"."代替"*"就好了. cp -R /home/work/.  /home/temp 将一个文件夹复制到另一个文件夹下,例如将/home下的work文件夹复制到temp下面 命令为: cp -R /home/work  /home/t

如何用一个app操作另外一个app.比如微信群控那样的

如何实现一个app.控制另外的app,比如市面上群控微信的,是用测试工具的原理?还是什么模拟点击的原理? 如何用一个app操作另外一个app.比如微信群控那样的 >> android 这个答案描述的挺清楚的:http://www.goodpm.net/postreply/android/1010000007186891/如何用一个app操作另外一个app比如微信群控那样的.html

温习一个简单的HTML例子

<!--程序ch02_1.html--> <html> <head> <title>第一个HTML网页</title> </head> <body text="blue"> Heelo,<b>world</b>! <hr size="5px" align="left" color="red" width="

使用ansible快速部署一个主流的Web架构

拓扑: 拓扑说明: 两台服务器配置Keepalived+Nginx做双主模型的Load Balance,主机名为lb1和lb2 两台服务器配置lamp,用于处理动态资源请求,主机名为lamp1和lamp2 两台服务器配置varnish作为静态资源缓存服务器,主机名为varnish1和varnish2 两台服务器配置Nginx用于处理静态资源请求 额外需要一台服务器安装ansible,使用ansible批量管理所有服务器 关键技术点: 1. Keepalived配置了邮件报警脚本,当节点的状态发生

自定义及发布一个webservice服务

自定义及发布一个webservice服务    - 声明 某个业务服务为webservice服务       通过@webservice 注解来声明    - 发布webservice服务       Endpoint.publish()发布 (默认对public修饰的方法进行发布)    - 通过wsimport生成本地代理来访问自己发布的webservice       wsimport 1.发布自定义webservice phone.java package ws.myWebService

通过beego快速创建一个Restful风格API项目及API文档自动化(转)

通过beego快速创建一个Restful风格API项目及API文档自动化 本文演示如何快速(一分钟内,不写一行代码)的根据数据库及表创建一个Restful风格的API项目,及提供便于在线测试API的界面. 一.创建数据库及数据表(MySQL) #db--jeedev -- ---------------------------- -- Table structure for `app` -- ---------------------------- DROP TABLE IF EXISTS `a

windows10上使用一个tomcat部署2个项目

前言:目前想在本机部署2个项目,网上查了之后,写下本篇随笔 1.准备工作 2.操作方法 3.运行2个项目 1.准备工作 2个war包(一个jprss.war和一个jenkins.war) 1个tomcat环境 2.操作方法 第一步:复制tomcat中的webapps文件夹,命名为webapps1和webapps2 第二步:复制tomcat\conf\Catalina文件夹,命名为Catalina1和Catalina2 第三步:修改tomcat中的server.xml文件: 将从<Service

一个实用的C#网页抓取类代码分享

一个实用的C# 网页抓取类 模拟蜘蛛,类中定义了超多的C#采集文章.网页抓取文章的基础技巧,下面分享代码: using System; using System.Data; using System.Configuration; using System.Net; using System.IO; using System.Text; using System.Collections.Generic; using System.Text.RegularExpressions; using Sys