Static HTML App
Getting started: just the HTML
You can use
<body>tags like on a regular, full web page, or you can just use some bold and italic tags if you want. You can be as fancy or a simple as you want.
Type your CSS into the CSS editor without
<style></style>tags. Then include a special smart tag in your HTML to make the CSS show up. By default, the text in the CSS editor shows you the tag to use.
External scripts, css, images, and other assets
Because Facebook uses https (secure hosting), and because your tab lives in an iframe inside Facebook, many browsers will have trouble displaying content not loaded over https.
If you have assets loaded over http, sometimes browsers will display a security warning, other times they show a warning icon in the address bar, but in the worst case they will simply not display your tab at all.
Forms and links
Your tab will show up inside an iframe inside Facebook. By default anytime a user clicks a link, it will load that link into the same iframe. Anytime a user submits a form (like for paypal), that page handling the form response will also load inside the iframe.
Sometimes this is what you want, but most of the time you'll want links and forms to load in a full browser window, not trapped inside Facebook.
You can pop out links and forms by simply using a target="_blank" attribute in the link, like this:
<a href='http://example.com' target='_blank'>go to example.com</a>
<form action='http://example.com' target='_blank'></form>
You can make the page load in the current browser tab, replacing Facebook, by using target='_top':
<a href='http://example.com' target='_top'>go to example.com</a>
<form action='http://example.com' target='_top'></form>