Last active
August 29, 2015 14:14
-
-
Save telic/947eea1efa9252af044e to your computer and use it in GitHub Desktop.
Example HTML for COMP152 lab 5
This file contains hidden or 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
<!DOCTYPE html> | |
<html> | |
<head> | |
<title>Lab 4</title> | |
</head> | |
<body> | |
<header> | |
<h1>Lab 4: HTML</h1> | |
David Bell-Brown<br/>Lab section: thebest | |
<nav> | |
<ul> | |
<li><a>Part 1: What is this part called again?</a></li> | |
<li><a href="http://www.w3.org/Style/CSS/">CSS at the W3C</a></li> | |
<li><a href="https://developer.mozilla.org/en-US/docs/Web/CSS">CSS on MDN</a></li> | |
</ul> | |
</nav> | |
</header> | |
<p>Here is a paragraph, pretty as can be. It's not in a section like all the | |
others, so that when you do Lab 6 you'll see something different happen to it!</p> | |
<section> | |
<pre> | |
(\_/) | |
(*.*) | |
o(_)o <--- It's a bunny, ok? | |
</pre> | |
<figure> | |
<img src="home-cat.jpg" alt="My cat, purring"> | |
<figcaption>This is a cat. Why are you so obsessed with cats, max?</figcaption> | |
<q>Because they are awesome.</q> -- Max | |
</figure> | |
</section> | |
<section> | |
<h2>Questions</h2> | |
<h3>What is the meaning of the small plus sign to the left side of folders in the left pane of Windows Explorer?</h3> | |
<p>It expands to show folders contained inside. Also, it isn't a plus sign, it's an arrow.</p> | |
<h3>What are Keyboard Shortcuts?</h3> | |
<p>They let you do common computing tasks quicker.</p> | |
<ul> | |
<li>ctrl+c: copy</li> | |
<li>ctrl+v: paste</li> | |
<li>ctrl+x: cut</li> | |
<li>alt+tab: task switcher</li> | |
<li>f1: help</li> | |
<li>ctrl+f: find</li> | |
<li>alt+f4: close</li> | |
</ul> | |
<h3>What utility would you use to help you locate the folder Lab02 on your computer?</h3> | |
<p>I would open up the hard drive and investigate the bits myself. You can never be too careful these days...</p> | |
<h3>Motherboards</h3> | |
<p>A mobo is the thing that connects all the things. Laptop mobos are oddly shaped to fit the small chasis, while desktop mobos follow standardized sizing conventions. Desktop mobos also tend to allow the user to choose which components to use, whereas laptops are mysterious black boxes.</p> | |
<h3>Why I could not see .txt files when opening them in my word processor:</h3> | |
<p>Displayed files... filtered... answers... getting limited...</p> | |
</section> | |
<section> | |
<h2>Comparisons</h2> | |
<h3>Difference between 24bit and 16 color:</h3> | |
<p>24bit refers to the number of bits used to represent colors. In this case, 8 bits for each of the channels (red, blue, green). This results in millions of possible color combinations. 16 color is just that, 16 colors total.</p> | |
<h3>The difference between text editors and word processors:</h3> | |
<p>Text editors are for editing text, and word processors are for processing words... Text editors are usually designed for coding, or configuration file editing, or any other task that expects raw text.</p> | |
<h3>.txt vs .rtf:</h3> | |
<p>txt is just plain text. rtf has text formatting data, and is therefor bigger.</p> | |
<h3>24b vs 16:</h3> | |
<p>24b has more colors, so is bigger</p> | |
<h3>.gif, .jpg, and .png:</h3> | |
<p>gifs have a limited color palette (up to 255 colors..?), jpeg support 24bits of color but is lossy, png supports 32 bit (8 bits of alpha) and is lossless. File sizes can vary, but is usually gif<jpg<png.</p> | |
</section> | |
</body> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment