HTML and CSS Reference
In-Depth Information
Code
Explanation
border:2px green double;
The border is a 2-pIxel green double line
padding:2px;
The space between the text and the border is 2 pixels
display:block;
The article is a block, meaning there are line breaks before
and after
}
Closes the style for
article
</style>
Closing
style
tag
<script>
Opening
script
tag. We are now writing JavaScript code
document.write(Date());
One statement of code: write out what is produced by the
Date()
call
</script>
Closing
script
tag
<body>
Opening
body
tag
<h3>Favorite Sites</h3>
Text surrounded by
h3
and
/h3
tags. This make the text
appear somewhat larger than the norm.
<article>
Opening
article
tag
The <a href="../index.html">Jeanine
Meyer's Academic Activities</a>
displays information on my current
and past courses, along with
publications and other activities.
This text will be subject to the style specified. It includes
an
a
element. Notice that the value for the
href
attribute is
a relative reference: it says: go to the parent folder of the
current folder and then to the index.html file. Two periods
(..) is computer-speak for “go back a folder level”, so if we
were in the tree/fruit/apple folder, then ../index.html would
take us back to the fruit folder to find the index file, and
../../index.html would take us back to the tree folder.
</article>
Closing
article
tag
<article>
Opening
article
tag