Class Schedule
This work
is licensed under a
Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License.
home & schedule | syllabus | contact | grades
Having created an HTML page, let's consider what we did by considering the theory behind the page.
UNIX/LINUX ⇒ | command | argument | value |
HTML ⇒ | tag | attribute | value |
So an HTML tag is a form of a command, but this tag (command) is directed at the browser.
Two definitions that say the same thing
<tagname> content </tagname>
For instance,
these tags
tell the content of the element how to display.
Thus, the element
<b>content</b>
tells the browser to show the word "content" as bold, or
content
For another instance,
these tags
tell the content of the element how to display.
Thus, the element
<i>content</i>
tells the browser to show the word "content" as italicized, or
content
Some tags - such as a Heading 4
can take
attributes
that define the properties of the element - such as a style
and
values - such as centering
Thus, the element
<h4
style="text-align:center">centering a Heading 4</h4>
tells the browser to show the words "centering a Heading 4" in Heading 4 with a style sttribute that includes a text-align value of centered, or
centering a Heading 4
In general, both sides of the content must be balanced and consistent.
The element
<h3
style="text-align:right"><i> the marked-up content</i></h3>
tells the browser to
[open tag 01]open heading 3
in a style
in which the text is displayed to the right of the line
[open tag 02]open italics
the marked-up content
[close tag 02]close italics
[close tag 01]close heading 3
in mirrored order.
Or, as it will display
the marked-up content
<!DOCTYPE html version>
<!-- this is a comment about the DOCTYPE, the html version of which should be specified -->
<html>
<head>
<title>page title</title>
</head>
<body>
<p>a paragraph in the body of the page</p>
<!-- this is a comment -->
</body>
</html>
Although we can get away without putting end tags on elements (because many browsers are lax about it), we will adopt the habit of always closing any tag we open so that we are compliant with current and future standards.
<head>
<title> INLS161-001 Spring 2020 Information Tools | Sample Page </title>
<meta name ="description" content ="sample page for INLS161-001 Spring 2020 Information Tools" />
<meta name ="keywords" content ="information literacy, information tools, information, tasks, hard coding" />
<meta http-equiv ="content-type" content ="text/html; charset=UTF-8" />
<link rel ="stylesheet" type ="text/css" href ="notyet.sample-style.css" />
</head>
Metadata typically define document title, styles, links, scripts, and other meta information.