HTML and CSS

This is a rather nice milestone for me, so I’ll document it.

I’ve created my very first (from scratch) set of HTML files with a CSS file that governs their styles.

Each HTML file has some of it’s own unique content, but the styles page-to-page retain their uniformity through the CSS file that each individual HTML file is linked to.

Overall it took me a couple hours to hack this out (don’t judge!) and there’s just enough functionality here to have a spartan website. Something like this I’d say is only really suitable only for an individual’s website where they get the gluttonous and narcissistic opportunity to talk about themselves.

Looking forward to getting into JSP and adding some dynamic elements and content! I’ll try to keep this basic format going and update it through time as I continue my adventure.


HTML for the Home Page:
DOCTYPE htmlPUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/loose.dtd”>

<html>

<head>

<meta http-equiv=“Content-Type”content=“text/html; charset=ISO-8859-1”>

<title>Stirling Hepburn’s Websitetitle>

<link rel=“stylesheet”href=“StirlingCSS.css”>

head>

<body>

      

      

       <ul class=“navbar”>

              <li><a href=“StirlingHome.html”> Homea>

              <li><a href=“StirlingStories.html”> Storiesa>

              <li><a href=“StirlingBlog.html”>Bloga>

              <li><a href=“StirlingAboutMe.html”>About mea>

       ul>

      

       <h1>Home Pageh1>

       <h2 class=“nautical”>Hello and welcome to Stirling’s page!h2>

       <p class=“nautical”>Basically, this is a test run to how much of a website design I can hack out using HTML and CSS material that I’ve learned.p>

body>

html>

CSS

body {

       padding-left: 11em;

       /*background-image:url(images/Graduated_Blue_Background.gif);*/

       background-repeat:repeat-x;

       background-color: whitesmoke;

       color: navy;

       font-family: Garamond,“Garamond”, Garamond, serif;

       font-size: large;

}

ul.navbar {

       list-style-type: none;

       padding: 0;

       margin: 0;

       position: absolute;

       top: 2em;

       left: 1em;

       width: 9em

}

ul.navbar li {

       background: lightgrey;

       margin: 0.5em0;

       padding: 0.2em;

       border: thin;

       border-right: 1emsolid royalblue

}

/*Class: navbar

/*When applied to: a link*/

ul.navbar a {

       text-decoration: none

}

Stir

2 thoughts on “HTML and CSS

  1. Pretty section of content. I just stumbled upon
    your blog and in accession capital to assert that
    I acquire in fact enjoyed account your blog posts.
    Any way I’ll be subscribing to your augment and even I achievement you access
    consistently quickly.

Comments are closed.