<html lang="en">
  <head>
    <title>Sundial</title>
  </head>
  <body>

   <h1> Sundial </h1>

    
    <p>From Wikipedia, the <em>free encyclopedia.</em></p>


    <p><h3>A sundial measures time by the position of the sun.</h3> The most commonly seen designs, such as the
    'ordinary' or standard garden sundial, cast a shadow on a flat surface marked with the hours of
    the day. As the position of the sun changes, the time indicated by the shadow changes. However,
    sundials can be designed for any surface where a fixed object casts a predictable shadow.
    
    Most sundial designs indicate apparent solar time. Minor design variations can measure standard
    and daylight saving time, as well.</p>
    
    <h2> History </h2>

    <p>Sundials in the form of obelisks (3500 BC) and shadow clocks (1500 BC) are <strong>known from ancient
    Egypt, </strong>and were developed further by other cultures, including the Chinese, Greek, and Roman
    cultures. A type of sundial without gnomon is described in the old Old Testament
    (Isaiah 38:2).
    
    The mathematician and astronomer Theodosius of Bithynia (ca. 160 BC-ca. 100 BC) is said to have
    invented a universal sundial that could be used anywhere on Earth. The French astronomer Oronce
    Fine constructed a sundial of ivory in 1524. The Italian astronomer Giovanni Padovani published
    a treatise on the sundial in 1570, in which he included instructions for the manufacture and 
    laying out of mural (vertical) and horizontal sundials. Giuseppe Biancani's Constructio 
    instrumenti ad horologia solaria discusses how to make a perfect sundial, with accompanying 
    illustrations.</p>
    
    <h2> Installation of standard sundials </h2>

    <p>Many ornamental sundials are designed to be used at 45 degrees north. By tilting such a 
    sundial, it may be installed so that it will <em>keep time</em>. However, some mass-produced garden 
    sundials are inaccurate because of poor design and cannot be corrected. A sundial designed for 
    one latitude can be adjusted for use at another latitude by tilting its base so that its style 
    or gnomon is<strong> parallel</Strong> to the Earth's axis of <em>rotation</em>, so that it points at the north celestial
    pole in the northern hemisphere, or the south celestial pole in the southern hemisphere.
    
    A local standard time zone is nominally 15 degrees wide, but may be modified to follow 
    geographic and political<em> boundaries</em>. A sundial can be rotated around its style or gnomon (which
    must remain pointed at the celestial pole) to adjust to the local time zone. In most cases, a 
    rotation in the range of 7.5 degrees east to 23 degrees west suffices.
    
    To correct for daylight saving time, a face needs two sets of numerals or a correction table. 
    An informal standard is to have numerals in hot colors for summer, and in cool colors for 
    winter. <em>Rotating </em>the sundial will not work well because most sundials do not have equal hour 
    angles.
    
    Ordinary sundials do not correct apparent solar time to clock time. There is a 15 minute 
    variation through the year, known as the equation of time, because the Earth's orbit is 
    slightly elliptical and its axis is tilted relative to the plane of its orbit. A quality 
    sundial will include a <strong>permanently-mounted table</strong> or <strong>graph</strong> giving this correction for at least 
    each month of the year. Some more-complex sundials have curved hour-lines, curved gnomons or 
    other arrangements to directly display the clock time.</p>
  
  </body>
</html> 

HTML Online Editor & Compiler

Write, Run & Share HTML code online using OneCompiler's HTML online Code editor for free. It's one of the robust, feature-rich online Code editor for HTML language, running on the latest version HTML5. Getting started with the OneCompiler's HTML compiler is simple and pretty fast. The editor shows sample boilerplate code when you choose language as HTML. You can also specify the stylesheet information in styles.css tab and scripts information in scripts.js tab and start coding.

About HTML

HTML(Hyper Text Markup language) is the standard markup language for Web pages, was created by Berners-Lee in the year 1991. Almost every web page over internet might be using HTML.

Syntax help

Fundamentals

  • Any HTML document must start with document declaration <!DOCTYPE html>
  • HTML documents begin with <html> and ends with </html>
  • Headings are defined with <h1> to <h6> where <h1> is the highest important heading and <h6> is the least important sub-heading.
  • Paragrahs are defined in <p>..</p> tag.
  • Links are defined in <a> tag.

    Example:

    <a href="https://onecompiler.com/html">HTML online compiler</a>
    
  • Images are defined in <img> tag, where src attribute consists of image name.
  • Buttons are defined in <button>..</button> tag
  • Lists are defined in <ul> for unordered/bullet list and <ol> for ordered/number list, and the list items are defined in <li>.

HTML Elements and Attributes

  • HTML element is everything present from start tag to end tag.
  • The text present between start and end tag is called HTML element content.
  • Anything can be a tagname but it's preferred to put the meaningful title to the content present as tag name.
  • Do not forget the end tag.
  • Elements with no content are called empty elements.
  • Elements can have attributes which provides additional information about the element.
  • In the below example, href is an attribute and a is the tag name.

    Example:

    <a href="https://onecompiler.com/html">HTML online compiler</a>
    

CSS

CSS(cascading style sheets) describes how HTML elements will look on the web page like color, font-style, font-size, background color etc.

Example:

Below is a sample style sheet which displays heading in green and in Candara font with padding space of 25px.

body{
  padding: 25px;
}
.title {
	color: #228B22;
	font-family: Candara;
}

HTML Tables

  • HTML Tables are defined in <table> tag.
  • Table row should be defined in <tr> tag
  • Table header should be defined in <th> tag
  • Table data should be defined in <td> tag
  • Table caption should be defined in <caption> tag

HTML-Javascript

  • Javascript is used in HTML pages to make them more interactive.
  • <script> is the tag used to write scripts in HTML
  • You can either reference a external script or write script code in this tag.

Example

<script src="script.js"></script>