-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
9bb80d5
commit ca86b3d
Showing
3 changed files
with
60 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,32 @@ | ||
NOTE: The below links correspond to specific headings in the MDN Web Doc "Introduction to HTML" page. Be sure to scroll down to the appropriate section. | ||
|
||
|
||
|
||
Problem #1. Do the activity on https://developer.mozilla.org/en-US/docs/Learn/HTML/Introduction_to_HTML/Getting_started#active_learning_adding_some_features_to_an_html_document | ||
|
||
Links to an external site. | ||
|
||
Turn in your index.html file and the edits described in the link above (copied here): | ||
|
||
Just below the opening tag of the <body> | ||
|
||
Links to an external site. element, add a main title for the document. This should be wrapped inside an <h1> opening tag and </h1> closing tag. | ||
Edit the paragraph content to include text about a topic that you find interesting. | ||
Make important words stand out in bold by wrapping them inside a <strong> opening tag and </strong> closing tag. | ||
Add a link to your paragraph, as explained earlier in the article | ||
Links to an external site.. | ||
Add an image to your document. Place it below the paragraph, as explained earlier in the article | ||
|
||
Links to an external site.. Earn bonus points if you manage to link to a different image (either locally on your computer, or somewhere else on the web). | ||
|
||
Stop at the section on Whitespace in HTML. | ||
|
||
Problem #2. Do the exercise in: https://developer.mozilla.org/en-US/docs/Learn/HTML/Introduction_to_HTML/Document_and_website_structure#active_learning_create_your_own_sitemap | ||
|
||
Links to an external site. | ||
|
||
Use your index.html website to do the above exercise. Generate some new "features" or content for your website. | ||
Create a sitemap following the above exercise. You can hand draw this or use your preferred drawing software | ||
Turn in your sitemap of your small webpage with a few different subpages -- Turn it in a PDF format. | ||
|
||
To submit the assignment in Canvas, bundle both your PDF sitemap and index.html as a zip file. |
Binary file not shown.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,28 @@ | ||
<!--CSC 193 Assignment 2 --> | ||
<!doctype html> | ||
<html lang="en-US"> | ||
<head> | ||
<meta charset="utf-8" /> | ||
<title>My test page</title> | ||
</head> | ||
<body> | ||
<h1>Assignment 2: Testing your Understanding</h1> | ||
<p>It's really scary just how low quality locks the company <strong>Masterlock</strong> makes, | ||
despite it being such a large company with products commonplace everywhere. | ||
I have seen so many videos on just about every single lock they make having | ||
unforgivable, easily fixable security flaws in them that it is truly frightening | ||
to know that so many people buy their products. Anyone with simple tools and basic | ||
knowledge of locks can open nearly any <strong>Masterlock</strong> product without a key. | ||
That being said, though, <strong>Masterlock</strong> can make durable locks like any other | ||
company, so the fact that forceful entry methods to bypass locks are much more common probably | ||
tilts things in their favor. If you want to see a few examples of what I am talking about, you | ||
can watch a video <a href=https://www.youtube.com/watch?v=s5jzHw3lXCQ>here</a> on this topic. | ||
</p> | ||
|
||
<img | ||
src="https://media.istockphoto.com/id/182188389/photo/padlock-open-and-closed.jpg?s=612x612&w=0&k=20&c=_LOOVSF2l6HuYIAFd_aHtWsKz2EDlxtaJstHM0u17Ac=" | ||
alt="Padlock icon" | ||
/> | ||
|
||
</body> | ||
</html> |