<!DOCTYPE html>
<!-- Source code for Exercise 3 of Jan 5 Notes.
Source code file name: index.html --/>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, initial-scale=1.0">
<title>Sample Webpage</title>
</head>
<body>
<h1>Sample Webpage</h1>
<p>This is a sample webpage.<br>
This is the second line.</p>
<ol>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ol>
<table>
<tr>
<th>State</th>
<th>Capitol</th>
<th>State Bird</th>
</tr>
<tr>
<td>Illinois</td>
<td>Springfield</td>
<td>Northern Cardinal</td>
</tr>
<tr>
<td>Nebraska</td>
<td>Lincoln</td>
<td>Meadowlark</td>
</tr>
</table>
<img src="northern-cardinal.jpg"
style="width: 200px">
<p>Female Northern Cardinal</p>
</body>
</html>
The directory structure on the studentweb server should look like this.
Indentation means subfolder.
public_html
it238
sample-page
index.html
This is the URL for accessing this file on studentweb, if ssmith is your campusconnect username:https://studentweb.cdm.depaul.edu/ssmith/it238/sample-page/index.html
h2 { color: navy; }
identify the property, selector, and value.
public_html
it238
index.html <-- index of proj1a and proj1b
styles.css
proj1a
index.html <-- stub files
script.js
styles.css <-- if needed
proj1b
index.html <-- stub files
script.js
styles.css <-- if needed
We will look at some of these examples on Wednesday, Jan 7.