Welcome!

This HTML page accompanies the paper Cloud Cosmology : Building the Web Interface for iCosmo. Here we will demonstrate some simple HTML syntax including forms, styles and images. We could not possibly give examples of all possible HTML syntax here, for extensive tutorials follow these links:

(This is also an example of how to make a list and hyperlinks)
w3 schools
html tutorial

The HTML used for this page is shown at the bottom of this page, or can be viewed by using the show source code option in most browsers.

Styles

There are two ways in which the style of text can be changed.

Either within the paragraph declaration, as is done here

Or in the header as is done here

Images

This is how to insert an image:

And turn an image into a hyperlink:

Forms

Here is an example of a simple HTML form that will collect some information and submit it to CGI script. This CGI script will then perform a cosmological calculation using iCosmo and the information provided. (this example also shows how to make Greek letters and subscripts)

Please enter some cosmological parameters

The HTML used to create this page is shown below. This can be copied and pasted to recreate this page.

<html> <head> <title>A Simple Cosmology HTML Page</title> <style type="text/css"> htest { font-family: arial; font-size: 10px; color: #660000 } </style> </head> <body> <h1>Welcome!</h1> <p> This HTML page accompanies the paper <em>Cloud Cosmology : Building the Web Interface for iCosmo</em>. Here we will demonstrate some simple HTML syntax including forms, styles and images. We could not possibly give examples of all possible HTML syntax here, for extensive tutorials follow these links: </p> <ul> <li>(This is also an example of how to make a list and hyperlinks)</li> <li><a href="http://www.w3schools.com">w3 schools</a></li> <li><a href="http://www.htmlcodetutorial.com/">html tutorial</a></li> </ul> <p>The HTML used for this page is shown at the bottom of this page, or can be viewed by using the <em>show source code</em> option in most browsers.</p> <h2>Styles</h2> <p>There are two ways in which the style of text can be changed.</p> <p style="font-family:verdana;font-size:15px">Either within the paragraph declaration, as is done here</p> <htest>Or in the header as is done here</htest> <h2>Images</h2> <p>This is how to insert an image:</p> <img src="http://www.icosmo.org/icosmo_logo.jpg" alt="iCosmo logo"></img> <p>And turn an image into a hyperlink:</p> <a href="http://www.icosmo.org"><img src="http://www.icosmo.org/icosmo_logo.jpg" alt="iCosmo logo"></img></a> <h2>Forms</h2> <p>Here is an example of a simple HTML form that will collect some information and submit it to CGI script. This CGI script will then perform a cosmological calculation using iCosmo and the information provided. (this example also shows how to make Greek letters and subscripts)</p> <p>Please enter some cosmological parameters</p> <form action="/cgi-bin/WebPaper.cgi"> Ω<sub>M</sub><input type="text" name="OmegaM" size="10" value="0.3"> Ω<sub>DE</sub><input type="text" name="OmegaL" size="10" value="0.7"> <input name="reset" type="reset" value="Reset Default"> <input name="submit" type="submit" value="Calculate"> </form> The HTML used to create this page is shown below. This can be copied and pasted to recreate this page. <hr> </body> </html>