Class Schedule
22 AUG | intro
27 AUG | clients
29 AUG | servers
05 Sep | networks
10 Sep | basics lab
12 Sep | HTML - practice |
theory |
tags |
links |
HTML terms |
02.01 |
next session
17 Sep | presentational layer
19 Sep | working with layers
24 Sep | behavior layer
26 Sep | images & design
01 Oct | website lab
03 Oct | object layers
08 Oct | tools that read markup
10 Oct | document markup lab
15 Oct | spreadsheets
17 Oct | formulas & functions
22 Oct | data display
18 Oct | Fall Break
24 Oct | database tools
29 Oct | spreadsheets lab
31 Oct | relational databases
05 Nov | tables
07 Nov | relationships
12 Nov | input & output
14 Nov | SQL
19 Nov | complex queries
26 Nov | databases lab
21 Nov | Thanksgiving
28 Nov | presentation design
03 Dec | presentation delivery
05 Dec | presentation lab
12 Dec | 0800-1100 | final in class presentation
This work
is licensed under a
Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License.
home & schedule | class blog | 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 elements - 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 style and 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 heading 3
in a style
in which the text is displayed to the right of the line
open italics
the marked-up content
close italics
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 Fall 2018 Information Tools | Sample Page </title>
<meta name ="description" content ="sample page for INLS161-001 Fall 2018 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.
We'll sort of follow this W3C intro, doing the things he recommends as we go. You may, if you wish, use his guidance to create your own good code for your own new pages
HTML - practice | theory | tags | links | HTML terms | 02.01 | next session