Getting Started
There are basically two ways to make a web page. The first way is to create the page(s) offline and then upload them to your Internet Service Provider (ISP) via
FTP. The second way is to create your web page(s) online using a Telnet program by accessing your UNIX account, if you have one.
If you are creating your web page(s) offline, do so in any text editing or word processing document. Make sure that when you save your document, you save it as a "text", "plain text" or "text only" document. Otherwise it will not be read properly by a web browser. Once you have created your page(s), you will need to contact your ISP about how to go about uploading them to your server.
If you have a UNIX account, you can create your web page(s) online. You first need to get a program that can access your UNIX account. I recommend Telnet for the Mac or Ewan for Windows 95/98.
Once you can access your account, you need to make a new directory called "public_html". You can do this by typing:
mkdir public_html
After this, change your directory to this new directory called "public_html".
cd public_html
If you want to, you can make other directories, one for all the web pages that you make, and one for all of the graphics that you have. Follow the same steps as above to do this.
Next, you need to think of a filename for your page (this is not a title, but what will be in the URL). A common filename for a main web page, is "index". Once you've decided on this, add ".html" to the end of it. Then type (i.e.)
pico index.html
Of course, use your page's filename, instead of this one. Next, you need to gain some knowledge of the many HTML commands. Lucky for you, I've already gotten some of the basic commands for you. Follow the index below, to decide what to put on your page, and how to do it. Once you've gotten started, exit your page. You can do this by pressing control-x. Then you need to type:
chmod 744 index.html
Only do this with the filename of your page. You only need to do this the very first time that you leave your web page. This command will make sure that nobody else can delete your page. You will need to do this to any other pages that you make in the future. Then, look at your page on the
WWW. Lets say that your server is "
www.domain.com", your username is "username", and the name of your page is "index.html". The URL would normally be:
http://www.domain.com/~username/index.htmlHowever, you will need to contact your ISP for your URL.
If you have made separate directories for pages and graphics, then you need to include that in the URL also. Lets say that you made a directory for all of your web pages, called "Pages". The new URL would be:
http://www.domain.com/~username/Pages/index.htmlTitle
The first thing to put on your web page, is a title. The title is what will show up in the very top of the window. Let's say that your title is going to be "John Doe's Web Page", you would type:
John Doe's Web PageIn HTML, every command is surrounded by <'s, and >'s. And in most commands, you need to tell the web browser when to end this command. You do this by putting a back slash (/) in front of the ending command, as in above. Since HTML isn't case sensitive,
is the same as <TITLE>, which is the same as <TiTLe>. Next, you need to decide what you want to put on your page. Text, links, graphics, and text fields, are just a few ideas. Follow the table of contents above to decide how, and what to put on your page.<br /><br /> <br />Text<br /><br /> <br />Headings<br /><br />HTML has six levels of headings, numbered 1 through 6, with 1 being the largest. Headings are displayed in larger, or smaller fonts, and usually bolder. If you wanted to type "Hello", this is what you would type for each heading, and what the outcome is:<br /><br /><h1>Hello</h1><br />Hello<br /><br /><br /><h2>Hello</h2><br />Hello<br /><br /><br /><h3>Hello</h3><br />Hello<br /><br /><br /><h4>Hello</h4><br />Hello<br /><br /><br /><h5>Hello</h5><br />Hello<br /><br /><br /><h6>Hello</h6><br />Hello<br /><br /><br />Paragraphs<br /><br />Whenever you have more than a sentence of writing, you should have paragraphs. Personally, I don't see what the difference is, but I do it anyway, because then I can find a certain spot better when programing. To Make a paragraph of "This is a web page. How do you like what I've done? Please e-mail me with any suggestions at <a href="mailto:a@a.com">a@a.com</a>", type:<br /><br /><P>This is a web page. How do you like what I've done? Please e-mail me with any suggestions at <a href="mailto:a@a.com">a@a.com</a></P><br /><br />The outcome is:<br /><br />This is a web page. How do you like what I've done? Please e-mail me with any suggestions at <a href="mailto:a@a.com">a@a.com</a><br /><br /> <br />Lists<br /><br />There are two types of lists that you can make in HTML, dotted, and numbered. To make a dotted list of: red, orange, green, blue, purple, black, and brown, type:<br /><br /><UL><br /><LI> red<br /><LI> orange<br /><LI> green<br /><LI> blue<br /><LI> purple<br /><LI> black<br /><LI> brown<br /></UL><br /><br />The result is:<br /><br /> * red<br /> * orange<br /> * green<br /> * blue<br /> * purple<br /> * black<br /> * brown <br /><br />To make a numbered list of: red, orange, green, blue, purple, black, and brown, type:<br /><br /><OL><br /><LI> red<br /><LI> orange<br /><LI> green<br /><LI> blue<br /><LI> purple<br /><LI> black<br /><LI> brown<br /></OL><br /><br />The result looks like:<br /><br /> 1. red<br /> 2. orange<br /> 3. green<br /> 4. blue<br /> 5. purple<br /> 6. black<br /> 7. brown <br /><br /> <br />Forced Line Breaks<br /><br />There are many cases in which you want to end typing on one line, and start on the next. To do this, you can use a simple HTML command. This is one of the few commands that you don't have to put an ending command on. Let's say that you wanted to say "Hello, how are you?", but with each word on a separate line. All you have to type is:<br /><br />Hello,<BR>how<BR>are<BR>you?<br /><br />The outcome is:<br /><br />Hello,<br />how<br />are<br />you?<br />Horizontal Rules<br /><br />Every now and then, you might want to have a horizontal rule, or line in your page. Horizontal rules can be many different sizes and lengths. You can also have the line be solid black, by typing NOSHADE. Here are several examples of sizes and widths, and what the outcome is:<br /><br /><HR SIZE=1 WIDTH=100%><br /><HR SIZE=5 WIDTH=50%><br /><HR SIZE=25 WIDTH=75%><br /><HR SIZE=3 WIDTH=100%><br /><HR NOSHADE SIZE=1 WIDTH=100%><br /><HR NOSHADE SIZE=3 WIDTH=100%><br /><HR NOSHADE SIZE=10 WIDTH=20%><br />Character Formatting<br /><br />You may want to format some of your text differently than others using text styles. There are several types of styles of text that you can use: bold, italic, underline, strikeout, superscript, subscript, teletype, and blinking text are examples. To do these styles, surround your text with the following commands:<br /><br /><b>, </b> for bold<br /><br /><i>, </i> for italic<br /><br /><u>, </u> for underlined<br /><br /><strike>, <strike> for strikeout<br /><br /><sup>, </sup> for superscript<br /><br /><sub>, </sub> for subscript<br /><br /><tt>, </tt> for teletype<br /><br /><blink>, </blink> for blinking text (very annoying)<br /><br />You can also mix styles together like this!<br /><br /> <br />Linking<br /><br /> <br />URLs<br /><br />When you make a link, you are making colored text or even a graphic (talked about later). When somebody clicks on this text, it will take them to another web page, or possibly a certain section of a web page. Let's say that you wanted to make a link from your web page, to Yahoo!. The URL of Yahoo! is:<br /><a href="http://www.yahoo.com" target="_blank" rel="nofollow">http://www.yahoo.com</a><br />To do this, you would type:<br /><br /><A HREF="http://www.yahoo.com">What ever text that you want to be colored goes here</A><br /><br />The result would be:<br /><br />What ever text that you want to be colored goes here<br /><br />You can go ahead and try it if you want to.<br /><br /> <br />Links to Specific Sections<br /><br />Sometimes, you might want to have a link that will take you further down a page, or to a certain section of another page. An example of this is the index to this web page. You click on the colored text, and it takes you to that section. To do this, you need to do two things. The first, is to make the link, and the second, is to make where the link will lead to. NOTE: You cannot make links to specific sections within a different document unless either you have write permission to the coded source of that document or that document already contains in-document named links.<br />1) To make the actual link, think of a name for the certain spot. Let's say you are going to call it "spot". If this certain spot is on the same page that the link is, you would type:<br /><br /><A HREF="#spot">Colored Text<br /><br />Otherwise, you would add "#spot" to the end of the URL.<br />2) Now, you need to make where the link will take you. Go to the spot where you want the link to take you, and type:<br /><br /><A NAME = "spot"><br />Mailto Links<br /><br />Most people like to have a link on their web page that automatically sends e-mail to an address. If you want to do this, and your name is Dan, and your e-mail address is <a href="mailto:a@a.com">a@a.com</a>, type:<br /><br /><A HREF="mailto:a@a.com">Dan</a><br /><br />Here is the result of typing this:<br /><br />Dan<br />Graphics<br /><br /> <br />Putting Images On A Page<br /><br />On almost EVERY web page on the net, there is some kind of graphic. I would HIGHLY RECOMMEND that you have AT LEAST one picture on your page. There are mainly two kinds of ways to have graphics on your web page. The first, is to use a graphic that is on another web page somewhere on the web. The second, is to upload the graphic to your own account. Personally, I prefer to use the upload method. If you are using the other way, there is always a chance that the person who made that page will decide to delete that graphic. Then a symbol with a circle, square, and triangle will appear where the graphic was supposed to be, sometimes it will look like it has been torn through the middle:<br /><br /><div align="center">Display Graphic On Web Page</div><br /><br />1)<br />To display a graphic on some one else's page, you need to find the URL. To do this, I recommend that you have Netscape Navigator. Right click or click and hold down on the graphic, until a menu comes up. Choose "View this Image". Then , copy the URL that appears at the top of the screen, in the "location" box. Let's say that the URL was: <a href="http://www.infhost.com/members/web/Images/pic.gif" target="_blank" rel="nofollow">http://www.infhost.com/members/web/Images/pic.gif</a> You would type:<br /><br /><IMG SRC="https://2img.net/h/www.infhost.com/members/web/Images/pic.gif"><br /><br />The result is:<br /><br /><br />2)<br />To display a graphic that is in your account, all you have to do is type in the filename. If you didn't make separate directories for graphics and pages, then you just need to type the graphic's name.(i.e. <IMG SRC="pic.gif"><br /><br /> <br />Alternate Text for Images<br /><br />Some World Wide Web browsers cannot display images. Some users turn off image loading even if their software can display images (especially if they are using a modem or have a slow connection). HTML provides a command to tell readers what they are missing on your pages. The "ALT" attribute lets you specify text to be displayed instead of an image. For example:<br /><br /><IMG SRC="pic.gif" ALT="How to make a web page"><br /><br />In this example, "pic.gif" is the picture of a sign. With graphics-capable viewers that have image-loading turned on, you see the graphic. With a non-graphic browser or if image-loading is turned off, the words "How to make a web page" is shown in your window. You should try to include alternate text for each image you use in your document, as it is a courtesy for your readers.<br /><br /> <br />Animated Graphics<br /><br />Some people like to put animation on their web pages. It actually is not that hard. Here is some background history. Most GIFs over the years have only one image per file. According to "technical specifications from 1987", a GIF could have had more than one image per file, making it like a slide show presentation and not a single image. However, most programs that work with GIF are designed around the idea of one image per file. So the multi-image aspect of GIFs was forgotten. In 1989, they added timing and various other abilities to the GIF format, including transparency. Nobody used these new additions either. Then the Web took off. Transparency and interlacing became features people wanted to use and software companies began supporting those features. In order to have animation on your web page, you need to download a program that was made to fit more that one GIF in a file. I recommend GifBuilder for the Mac. Windows users can go here to download another program. Here is one example of a small animation:<br /><br />Background, text, and link Color<br /><br />On most pages, you want to have a specific color for the background, text, unvisited links, visited links, and active links. In order to do this, you need to find the code number for the specific color that you are looking for. Here is a HUGE list of code numbers, and here is how you would display this in your page. NOTE: Type these ONLY right below your title. NOTE: You must have the "#" sign before the actual code.<br /><br /> * <body bgcolor="#code">for background color<br /> * <body text="#code">for color of text (all non-links)<br /> * <body link="#code">for color of unvisited links<br /> * <body vlink="#code">for color of visited links<br /> * <body alink="#code">for color of active links (while being selected) <br /><br />You can also string two or more of these commands together:<br /><br /><body bgcolor="#000015" text="#000020" link="#000050" vlink="#7a7777" alink="#8f8e8d"><br />Background Graphics<br /><br />Instead of having a solid color as a background, you might want to have one graphic that repeats over and over to create a background. Here are several places that you can go to find background graphics. The text that you would type in for a background called "bk.gif" would be:<br /><br /><body background="bk.gif"><br />Linking with graphics<br /><br />Sometimes on your web page, you might want to have a graphic that is a link. This is quite simple, since you just mix the two commands of linking, and displaying graphics. Here is an example of a graphic that leads to Yahoo:<br /><br /><br />You can also have a text link next to the graphic that leads to the same place.<br /><br />Yahoo!<br /><br />Here is what you would type in for, first the plain graphic-link, and second, the graphic-link with text:<br /><br /><A href="http://www.yahoo.com"><IMG SRC="https://2img.net/h/www.infhost.com/members/web/Images/yahoo.gif"></A><br /><br /><A href="http://www.yahoo.com"><IMG SRC="https://2img.net/h/www.infhost.com/members/web/Images/yahoo.gif">Yahoo!</A><br /><br /><br />Image Maps<br /><br />Before you create an image map, you need to make sure that your server supports them. Then, you can follow these steps. First, you need to create an image. Draw a picture with sections that could lead to certain places. Second, you need to create an image map file. There are several programs that can do this for you. I recommend WebMap, for the Mac. You can go to Yahoo's Image Map Directory for others. <br /><br /><br />I Know Its Too Long To Read. But If You Practice That.<br />You Will Be A Great Web Developer. :)<br /><br />credits. Kheem and Friends <strong>PRIVATE</strong> blogspot :)</div><div class="clear"></div></div><p></p></div></div></div><div class="postfoot"><div class="user-contact"> <a href="http://kheem.weebly.com" title="Visit poster's website" target="_blank" rel="nofollow"><img src="https://2img.net/s/t/15/89/27/i_icon_www.png" alt="http://kheem.weebly.com" /></a></div><div class="post-options"> </div><div style="clear:both;"></div></div></div></div></div><div class="main-foot clearfix"><p class="h2"><a href="/t574p-how-to-create-a-web-page-getting-started"><img class="sprite-arrow_prosilver_left" src="https://2img.net/i/empty.gif" alt="View previous topic" loading="lazy" /></a> <a href="/t574n-how-to-create-a-web-page-getting-started"><img class="sprite-arrow_prosilver_right" src="https://2img.net/i/empty.gif" alt="View next topic" loading="lazy" /></a> <a href="#top"><img class="sprite-arrow_prosilver_up" src="https://2img.net/i/empty.gif" alt="Back to top" loading="lazy" /></a> Message [Page <strong>1</strong> of <strong>1</strong>]</p><p class="options"><input type="hidden" name="t" value="574" /><input type="hidden" name="sid" value="" /></p></div><a name="bottomtitle"></a><div class="paged-foot clearfix"><p class="posting"></p></div></div><div class="pun-crumbs"><p class="crumbs"><a href="/forum">Facebook Teens</a> » <a href="/c1-miscellaneous-tricks-international-board" class="nav"><span>MISCELLANEOUS TRICKS-International Board</span></a> » <a href="/f12-tutorials" class="nav"><span>TUTORIALS</span></a> » <strong><a href="/t574-how-to-create-a-web-page-getting-started">How To Create A Web Page * Getting Started</a></strong></p></div><div class="main" id="ptrafic_close" style="display:none"><div class="main-head clearfix"><p class="h2">Similar topics</p><p class="options"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img class="sprite-tabs_more" src="https://2img.net/i/empty.gif" alt="+" align="" border="0" /></a></p></div></div><div class="main" id="ptrafic_open" style="display:''"><div class="main-head clearfix"><p class="h2">Similar topics</p><p class="options"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img class="sprite-tabs_less" src="https://2img.net/i/empty.gif" alt="-" align="" border="0" /></a></p></div><div class="main-content clearfix">» <a href="/t64-create-your-layout-in-easy-way" title="CREATE YOUR LAYOUT IN EASY WAY..">CREATE YOUR LAYOUT IN EASY WAY..</a><br />» <a href="/t95-guitar-s-page" title="GUITAR's page!!">GUITAR's page!!</a><br />» <a href="/t138-danz-dance-page" title="DANZ DANCE page!!!!">DANZ DANCE page!!!!</a><br /></div></div><div id="pun-info" class="main"><div class="main-content"><div id="stats"><p><strong>Permissions in this forum:</strong> <br />You <strong>cannot</strong> reply to topics in this forum<br /></p></div></div></div><script src="https://illiweb.com/rs3/86/frm/addthis/addthis_widget.js" type="text/javascript"></script><div class="module main 96f1 module_ahlaejaba" style="overflow:visible"><div class="main-content" style="padding:0"><div align="center"> <div style="text-align:center; display:inline-block; margin:0 auto;">
<table border="0" cellspacing="0" cellpadding="0" style="padding:0; margin:0; border:none;">
<tbody>
<tr>
<td valign="top" style="padding:32px 32px; "> <script type="text/javascript">//<![CDATA[
function AT_adFillSlot(){document.write('<scr' + 'ipt> window._taboola = window._taboola || [];_taboola.push({article:"auto"});!function (e, f, u, i) {if (!document.getElementById(i)){e.async = 1;e.src = u;e.id = i;f.parentNode.insertBefore(e, f);}}(document.createElement("script"),document.getElementsByTagName("script")[0],"//cdn.taboola.com/libtrc/forumotion-en-2/loader.js","tb_loader_script");</scr' + 'ipt><div id="taboola-300x250-thumbnails-3" style="background-color:#fffd"></div><scr' + 'ipt type="text/javascript">window._taboola = window._taboola || [];_taboola.push({mode: "thumbnails-300x250",container: "taboola-300x250-thumbnails-3",placement: "300x250 Thumbnails-3",target_type: "mix"});</scr' + 'ipt> <scr' + 'ipt type="text/javascript">window._taboola = window._taboola || []; _taboola.push({flush: true});</scr' + 'ipt>');}//]]>
</script>
<div id="crt-8x0c97dz1" style="width:300px;height:250px;margin:auto;"></div>
<script type="text/javascript">
CriteoAdblock("crt-8x0c97dz1", 1356533,'criteo_13333601');
</script>
<!-- BEGIN 13333601 -->
<div id="criteo_13333601">
<script type="text/javascript">
Criteo.events.push(function() {
Criteo.Passback.RenderAd('criteo_13333601', function(){
var width = "300";
var height = "250";
var slotid = "criteo_13333601";
var div = document.getElementById(slotid);
if (div) {
var ifr = document.createElement('iframe');
ifr.setAttribute("id", slotid + "_iframe"), ifr.setAttribute("frameborder", "0"), ifr.setAttribute("allowtransparency", "true"), ifr.setAttribute("hspace", "0"), ifr.setAttribute("marginwidth", "0"), ifr.setAttribute("marginheight", "0"), ifr.setAttribute("scrolling", "no"), ifr.setAttribute("vspace", "0"), ifr.setAttribute("width", "300"), ifr.setAttribute("height", "250");
div.appendChild(ifr);
var ifrd = ifr.contentWindow.document;
var htmlcode ='<scr' + 'ipt> window._taboola = window._taboola || [];_taboola.push({article:"auto"});!function (e, f, u, i) {if (!document.getElementById(i)){e.async = 1;e.src = u;e.id = i;f.parentNode.insertBefore(e, f);}}(document.createElement("script"),document.getElementsByTagName("script")[0],"\/\/cdn.taboola.com/libtrc/forumotion-en-2/loader.js","tb_loader_script");</scr' + 'ipt><div id="taboola-300x250-thumbnails-5" style="background-color:#fffd"></div><scr' + 'ipt type="text/javascript">window._taboola = window._taboola || [];_taboola.push({mode: "thumbnails-300x250",container: "taboola-300x250-thumbnails-5",placement: "300x250 Thumbnails-5",target_type: "mix"});</scr' + 'ipt> <scr' + 'ipt type="text/javascript">window._taboola = window._taboola || []; _taboola.push({flush: true});</scr' + 'ipt>';
ifrd.open();
ifrd.write(htmlcode);
ifrd.close();
}
});
});
</script></div>
<!-- END CRITEO TAG --></td>
<td valign="top" style="padding:32px 32px; "> <script type="text/javascript">//<![CDATA[
function AT_adFillSlot(){document.write('<scr' + 'ipt> window._taboola = window._taboola || [];_taboola.push({article:"auto"});!function (e, f, u, i) {if (!document.getElementById(i)){e.async = 1;e.src = u;e.id = i;f.parentNode.insertBefore(e, f);}}(document.createElement("script"),document.getElementsByTagName("script")[0],"//cdn.taboola.com/libtrc/forumotion-en-2/loader.js","tb_loader_script");</scr' + 'ipt><div id="taboola-300x250-thumbnails" style="background-color:#fffd"></div><scr' + 'ipt type="text/javascript">window._taboola = window._taboola || [];_taboola.push({mode: "thumbnails-300x250",container: "taboola-300x250-thumbnails",placement: "300x250 Thumbnails",target_type: "mix"});</scr' + 'ipt> <scr' + 'ipt type="text/javascript">window._taboola = window._taboola || []; _taboola.push({flush: true});</scr' + 'ipt>');}//]]>
</script>
<div id="crt-8x0c97dz" style="width:300px;height:250px;margin:auto;"></div>
<script type="text/javascript">
CriteoAdblock("crt-8x0c97dz", 1356533,'criteo_1333360');
</script>
<!-- BEGIN 1333360 -->
<div id="criteo_1333360">
<script type="text/javascript">
Criteo.events.push(function() {
Criteo.Passback.RenderAd('criteo_1333360', function(){
var width = "300";
var height = "250";
var slotid = "criteo_1333360";
var div = document.getElementById(slotid);
if (div) {
var ifr = document.createElement('iframe');
ifr.setAttribute("id", slotid + "_iframe"), ifr.setAttribute("frameborder", "0"), ifr.setAttribute("allowtransparency", "true"), ifr.setAttribute("hspace", "0"), ifr.setAttribute("marginwidth", "0"), ifr.setAttribute("marginheight", "0"), ifr.setAttribute("scrolling", "no"), ifr.setAttribute("vspace", "0"), ifr.setAttribute("width", "300"), ifr.setAttribute("height", "250");
div.appendChild(ifr);
var ifrd = ifr.contentWindow.document;
var htmlcode ='<scr' + 'ipt> window._taboola = window._taboola || [];_taboola.push({article:"auto"});!function (e, f, u, i) {if (!document.getElementById(i)){e.async = 1;e.src = u;e.id = i;f.parentNode.insertBefore(e, f);}}(document.createElement("script"),document.getElementsByTagName("script")[0],"\/\/cdn.taboola.com/libtrc/forumotion-en-2/loader.js","tb_loader_script");</scr' + 'ipt><div id="taboola-300x250-thumbnails-2" style="background-color:#fffd"></div><scr' + 'ipt type="text/javascript">window._taboola = window._taboola || [];_taboola.push({mode: "thumbnails-300x250",container: "taboola-300x250-thumbnails-2",placement: "300x250 Thumbnails-2",target_type: "mix"});</scr' + 'ipt> <scr' + 'ipt type="text/javascript">window._taboola = window._taboola || []; _taboola.push({flush: true});</scr' + 'ipt>';
ifrd.open();
ifrd.write(htmlcode);
ifrd.close();
}
});
});
</script></div>
<!-- END CRITEO TAG --></td>
</tr>
</tbody>
</table>
</div></div></div></div><div style="height:10px"></div></div></div></div></div><div id="emptyidright"></div></div></div></div></div><div id="pun-foot"><div id="pun-about" class="clearfix"><form action="/viewforum" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}" id="qjump"><fieldset><p><label>Jump to: </label></p><select name="selected_id" onchange="if(this.options[this.selectedIndex].value != -1){ forms['jumpbox'].submit() }"><option value="-1">Select a forum</option><option value="-1"></option><option value="-1">|</option><option correctif="foro" value="c1">|--MISCELLANEOUS TRICKS-International Board</option><option correctif="foro" value="f50">| |--FRIENDSTER DESIGN</option><option correctif="foro" value="f2">| | |--CSS CODE</option><option correctif="foro" value="f1">| | |--JS CODES</option><option correctif="foro" value="f3">| | |--HTML CODES</option><option correctif="foro" value="f32">| | |--SET OF HIDE BOXES</option><option correctif="foro" value="f27">| | |--FRIENDSTER ADD-ONS</option><option correctif="foro" value="f49">| | |--CODE ENCRYPTERS</option><option correctif="foro" value="f67">| | |--XSS/APPLICATIONS</option><option value="-1">| | </option><option correctif="foro" value="f51">| |--FACEBOOK DEVELOPMENT BOARD</option><option correctif="foro" value="f52">| |--MULTIPLY INVASION</option><option correctif="foro" value="f53">| |--MESSENGER ZONE</option><option correctif="foro" value="f54">| |--PC/CP tricks</option><option correctif="foro" value="f55">| |--FLASH</option><option correctif="foro" value="f10">| |--ART AND DESIGNS</option><option correctif="foro" value="f11">| |--PHOTOGRAPHY</option><option correctif="foro" value="f12">| |--TUTORIALS</option><option value="-1">| </option><option correctif="foro" value="c13">|--Design and Development Board</option><option correctif="foro" value="f35">| |--JS LINKER GENERATOR</option><option correctif="foro" value="f36">| |--CSS LINKER GENERATOR</option><option correctif="foro" value="f5">| |--LAYOUTS</option><option correctif="foro" value="f14">| |--FRIENDSTER SHOW OFF (layouts)</option><option correctif="foro" value="f34">| |--LAYOUT REQUEST</option><option value="-1">| </option><option correctif="foro" value="c8">|--ACADEMICS</option><option correctif="foro" value="f4">| |--MATH FORUM</option><option correctif="foro" value="f15">| |--ENGLISH FORUM</option><option correctif="foro" value="f16">| |--FILIPINO FORUM</option><option correctif="foro" value="f40">| |--VOCABULARY SECTION</option><option value="-1">| </option><option correctif="foro" value="c9">|--HOBBY AND ENTERTAINMENT</option><option correctif="foro" value="f22">| |--STYLE AND FASHION</option><option correctif="foro" value="f17">| |--ANIME AND MANGA</option><option correctif="foro" value="f19">| |--SPORTS CENTER</option><option correctif="foro" value="f18">| |--MUSIC AND RADIO</option><option correctif="foro" value="f20">| |--GAMING STATION</option><option correctif="foro" value="f21">| |--MOVIES AND TV</option><option correctif="foro" value="f23">| |--TECHNOLOGY TODAY</option><option correctif="foro" value="f24">| |--HOBBIES AND RECREATION</option><option correctif="foro" value="f30">| |--LITERATURE</option><option correctif="foro" value="f33">| |--Health Topics</option><option correctif="foro" value="f46">| |--Interesting Facts</option><option correctif="foro" value="f47">| |--AT THE TOP</option><option value="-1">| </option><option correctif="foro" value="c14">|--UNDERGROUND</option><option correctif="foro" value="f38">| |--LETS TALK --- LETS UZZAP</option><option correctif="foro" value="f37">| |--FUN AND GAMES</option><option correctif="foro" value="f48">| |--VERSUS</option><option correctif="foro" value="f25">| |--MOODS</option><option correctif="foro" value="f26">| |--SHOUT OUTS !</option><option correctif="foro" value="f28">| |--LADIES ROOM - Ask girl</option><option correctif="foro" value="f29">| |--MEN'S ROOM - Ask guy</option><option value="-1">| </option><option correctif="foro" value="c16">|--FS ALLSTAR REGIONALS</option><option correctif="foro" value="f41">| |--PHILIPPINES</option><option value="-1">| </option><option correctif="foro" value="c7">|--fsas Support Section</option><option correctif="foro" value="f13">| |--HELP</option><option correctif="foro" value="f9">| |--SUGGESTION AND FEEDBACKS</option><option value="-1">| </option><option correctif="foro" value="f43">|--test</option><option correctif="foro" value="f44"> |--adasdfda</option></select><input type="hidden" name="tid" value="0128741136576d23e9800998ecf8427e" /> <input type="submit" value="Go" /></fieldset></form></div><br /><p class="center"><strong></strong></p></div></div></div></div></div><div id="fb-root"></div><script type="text/javascript">//<![CDATA[
FB.init({appId: '',status: true,cookie: true,xfbml: true,oauth: true});//]]></script><script type="text/javascript">//<![CDATA[
fa_endpage();//]]></script><div id="chatbox_ret_cont" onmouseout="stopINT()" onclick="stopINT()" onmousever="stopINT()" style="border-top: 7px solid rgb(148, 11, 11); border-left: 7px solid rgb(148, 11, 11); z-index: 10000; -moz-border-radius: 20px 0pt 0pt 0pt; background-color: #334b87; position: fixed; bottom: 0pt; right: 0pt; border-color: #334b87;"><div onclick="(document.getElementById('chatbox_ret').style.display=='block')?my_setcookie('chatbox_ret','0',0,0):my_setcookie('chatbox_ret','1',1,0); $('#chatbox_ret').toggle('normal');" style="font-size: 12px; font-family: 'trebuchet ms',serif; cursor: pointer; padding: 3px;"><span id="chatbox_ret_online" style="color: black);">Chat</span><span id="chatbox_ret_offline" style="color: black;">Box</span></div><iframe scrolling="no" frameborder="0" onload="if(cb_new) { cb_start(); cb_new=0; }" style="width: 740px; height: 400px; display: none;" marginheight="0" marginwidth="0" name="chatbox_ret" id="chatbox_ret" src="/chatbox/chatbox.forum"></iframe></div></body></html><strong><a href="https://www.forumotion.com/" target="_blank">Free forum</a></strong> | <span class="gensmall">©</span><a href="https://www.forumotion.com/phpbb" target="_blank">phpBB</a> | <a name="bottom" href="https://help.forumotion.com/" target="_blank">Free forum support</a> | <a href="/abuse?page=%2Ft574-how-to-create-a-web-page-getting-started&report=1" rel="nofollow">Report an abuse</a> | <strong><a href="https://www.forumotion.com" target="_blank">Forumotion.com</a></strong></li></ul></div><br /><p class="center"><strong></strong></p></div></div></div></div></div><div id="fb-root"></div><script type="text/javascript">$(document).ready( function() {$('div.fb-login-button, span.fb-login-button').attr({"data-scope": "public_profile email","data-max-rows": "1","data-size": "large","data-show-faces": "false","data-auto-logout-link": "false"});$('div.fb-login-button, span.fb-login-button').each(function() {if(typeof $(this).attr('onlogin') == typeof undefined || $(this).attr('onlogin') === false) {$(this).attr('onlogin', 'onLoginFB');}if($(this).html() == '') {$(this).html('Facebook');}});FB.init({appId : "125810447497368",cookie : 1,xfbml : 1,oauth : 1,version : 'v4.0'});(function(d, s, id){var js, fjs = d.getElementsByTagName(s)[0];if (d.getElementById(id)) {return;}js = d.createElement(s); js.id = id;js.src = "//connect.facebook.net/en_US/sdk.js";fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'facebook-jssdk'));});function onLoginFB() {window.location.replace('/facebook_connect.php')}</script><script type="text/javascript">$(document).ready( function() {$('div.ti-connect').attr({'data-loc' : 'https://connect.topicit.net/','data-login' : 'https://facebookteenclash.aforumfree.com/topicit/index.php/connect','data-version' : '1','data-lang' : 'en'});(function(d, s, id) {var js, fjs = d.getElementsByTagName(s)[0];if (d.getElementById(id)) return;js = d.createElement(s); js.id = id;js.src = "https://connect.topicit.net/scripts/connect.js";fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'topicit-connect'));});</script><script type="text/javascript">//<![CDATA[
fa_endpage();//]]></script><script type="text/javascript">
var vglnk = { key: '0d80ae9fe71cec9484f682bd59232f9e' };
(function(d, t) {
var s = d.createElement(t); s.type = 'text/javascript'; s.async = true;
s.src = '//cdn.viglink.com/api/vglnk.js';
var r = d.getElementsByTagName(t)[0]; r.parentNode.insertBefore(s, r);
}(document, 'script'));
</script> <div id="Forumactif_Video"></div>
<script type="application/javascript">
//<![CDATA[
var slmadshb = slmadshb || {};
slmadshb.que = slmadshb.que || [];
slmadshb.que.push(function() {
slmadshb.display("Forumactif_Video");
});
//]]>
</script> <script type="text/javascript">window._taboola = window._taboola || []; _taboola.push({flush: true});</script> <!-- BEGIN 1425605 - etoxic - FR - CDB - PCK - sticky footer - 728x90-->
<div id="criteo_sticky">
<script type="text/javascript">
function CreateStickyFooterContainer(e) {
var t = document.getElementById(e);
t.style.position = "fixed", t.style.zIndex = "2147483646", t.style.bottom = "0", t.style.left = "0", t.style.padding = "0", t.style.borderColor = "rgb(196, 196, 196)", t.style.width = "100%", t.style.backgroundColor = "rgba(245, 245, 245, 0.54902)", t.style.borderStyle = "solid", t.style.borderWidth = "1px";
var o = document.createElement("a");
t.appendChild(o), o.style.backgroundColor = "rgb(221, 221, 221)", o.style.backgroundImage = "url('//static.criteo.net/images/criteo/publishertag/close.png')", o.style.backgroundRepeat = "no-repeat", o.style.backgroundPosition = "center", o.style.display = "block", o.style.position = "absolute", o.style.left = "0", o.style.top = "-24px", o.style.width = "23px", o.style.height = "24px", o.style.borderBottomColor = "#6d6c71", o.style.cursor = "pointer", o.onclick = function() {
t.style.display = "none"
};
var l = document.createElement("div");
l.id = "cto_sticky", l.style.margin = "0 auto", l.style.display = "table";
t.appendChild(l);
return l.id
};
Criteo.events.push(function() {
if(!isMobile){
Criteo.Passback.RenderAd(CreateStickyFooterContainer("criteo_sticky"), function(){
var slotid = "criteo_sticky";
var div = document.getElementById(slotid);
div.removeAttribute("style");
});
}
else{
var slotid = "criteo_sticky";
var div = document.getElementById(slotid);
div.style.display = "none";
}
});
</script>
</div>
<!-- END CRITEO TAG --></body></html>
Home
How To Create A Web Page * Getting Started Fri Oct 09, 2009 7:03 pm
