HTML 2 - Revision history

Bsandberg: Images

2013-11-15T12:32:11Z

Images

2013-11-15T12:24:12Z

working on the Images section

2013-11-15T12:11:41Z

2013-11-15T12:06:56Z

Forms

2013-11-15T11:20:42Z

2013-11-15T11:20:28Z

table border

2013-11-15T11:19:09Z

Tables

2013-11-15T11:07:53Z

Lists & Tables

2013-11-15T10:54:08Z

stubbed Images

2013-09-19T05:26:49Z

block and inline elements

@@ Line 1: / Line 1: @@
 = Images =
 == Considerations ==
-Images have two important numbers which must be observed when using images on webpages. The first, are the dimensions of the image, in pixels. The second, is the size on disk, in bytes.  For example; a common digital camera might take an image with dimensions of 2000x2000, and that file might be about 1MB.
+Images have two important numbers which must be observed. First, are the dimensions of the image, in pixels. The second, is the size on disk, in bytes.  For example; a common digital camera might take an image with dimensions of 2000x2000, and that file might be about 1MB.
 == Syntax ==

@@ Line 1: / Line 1: @@
 = Images =
 Images have two important numbers which must be observed when using images on webpages. The first, are the dimensions of the image, in pixels. The second, is the size on disk, in bytes.  For example; a common digital camera might take an image with dimensions of 2000x2000, and that file might be about 1MB.
 = Lists =

@@ Line 93: / Line 93: @@
 == Form Elements ==
-Most form elements are created using the <code><input></code> tag. Here are some common examples.
+Most form elements are created using the <code><input></code> tag. Important attributes include <code>type=""</code> and <code>name=""</code>. Type is rather self-explanatory, it declares what the input element should look like. Name is used to identify the submitted data. Here are some common examples of inputs.
 === Text & Password ===

@@ Line 68: / Line 68: @@
   </table></nowiki>
-= Blocks =
+= Block & Inline Elements =
-== HTML Block Elements ==
+The various HTML elements, generally speaking, fall into these two camps.  Using CSS we can manipulate them as we please.
-Block level elements normally start (and end) with a new line when displayed in a browser.
-* h1
+== Block Elements ==
-* p
+Block level elements will force all following elements to appear below it. (like pressing enter on a typewriter, the rest of the line is left blank)
-* ul
+* <code><nowiki><h1></nowiki></code>
-* table
+* <code><nowiki><p></nowiki></code>
-== HTML Inline Elements ==
+* <code><nowiki><ul></nowiki></code>
-Block level elements normally start (and end) with a new line when displayed in a browser.
+* <code><nowiki><table></nowiki></code>
 * b
-* a
+== Inline Elements ==
-* img
+Inline elements appear uninterrupted, along with other elements. For example, a link. It can appear next to other text or tags, and it does not interrupt the flow.
-* td
+* <code><nowiki><b></nowiki></code>
 = Forms =
-= Miscellany =
+== Complete Form ==

@@ Line 41: / Line 41: @@
    <tfoot>
     <tr>
-     <td colspan="4" style="text-align: center;">Page 1 of 1</td>
+     <td colspan="4" style="text-align: center;">Page 1</td>
     </tr>
    </tfoot>

@@ Line 30: / Line 30: @@
 Tables can get very rich with data.  Here is a table with a complete header and footer, as well as some extra fanciness.
-  <nowiki> <table>
+  <nowiki> <table border="1">
    <thead>
     <tr>

@@ Line 27: / Line 27: @@
     <td>B2</td>
    </tr>
   </table></nowiki>

← Older revision		Revision as of 10:54, 15 November 2013
Line 1:		Line 1:
	= Images =		= Images =
		+	Images have two important numbers which must be observed when using images on webpages. The first, are the dimensions of the image, in pixels. The second, is the size on disk, in bytes. For example; a common digital camera might take an image with dimensions of 2000x2000, and that file might be about 1MB.

	= Lists =		= Lists =