User:Garycrobinson/Sandbox/Wiki MTC Homework 4



Wiki Homework and Practice for HTML/CSS lessons (self effort)




HTML/CSS Lesson 1 on Home


HTML is the foundation of the Internet - Wikitext is the primary code used on the Wiki.



HTML/CSS Lesson 2 on Introduction


Only some informational items in this lesson



HTML/CSS Lesson 3 on Headers


Kentucky Genealogy History Vital Records Birth Certificates

HTML headers -- able to change text color, background color, etc. Does not provide edit boxes next to the header. Wikitext headers -- allows edit boxes next to the headers. Does not allow changes to the text color, background color, etc.



HTML/CSS Lesson 4 on Lists


 Birth Certificate Land Records Probate Records</li> Census</li> Vital Records</li> </ul>

<ol> World</li> North America</li> United States of America</li> State of Missouri</li> Jackson County</li> </ol>

Wikitext - code is simpler (* for bullet, # for numbers) - not able to change parameters HTML - code is more complex - able to change parameters (bullet point style, size, color, etc.)



HTML/CSS Lesson 5 on Nesting Lists
</DIV>

<ul> Fruits</li> <ul> Strawberries</li> Grapes</li> Peaches</li> </ul> Vegetables</li> <ul> Peas</li> Carrots</li> Corn</li> </ul> <li>Nuts</li> <ul> <li>Cashews</li> <li>Peanuts</li> <li>Almonds</li> </ul> <li>Grains</li> <ul> <li>Wheat</li> <li>Rye</li> <li>Barley</li> </ul> </ul>

Only unordered lists can be nested in unordered lists. The same for ordered lists. The list types can not be mixed. Wikitext - simpler to use. Can't change parameters within the coding. HTML - more complex to use. Can make changes to the parameters within the coding

<DIV STYLE="border-bottom-left-radius:30px; text-align:left; margin-left:5px; border:5px solid black; background-color:lightsalmon; width:60%; padding:10px; box-shadow:10px 10px 5px #888888">

HTML/CSS Lesson 6 on Comments
</DIV>

<DIV STYLE="border-bottom-left-radius:30px; text-align:left; margin-left:5px; border:5px solid black; background-color:lightsalmon; width:60%; padding:10px; box-shadow:10px 10px 5px #888888">

HTML/CSS Lesson 7 on Paragraphs
</DIV>

<DIV STYLE="border-bottom-left-radius:30px; text-align:left; margin-left:5px; border:5px solid black; background-color:lightsalmon; width:60%; padding:10px; box-shadow:10px 10px 5px #888888">

HTML/CSS Lesson 8 on Fonts - Changing
</DIV>

<DIV STYLE="border-bottom-left-radius:30px; text-align:left; margin-left:5px; border:5px solid black; background-color:lightsalmon; width:60%; padding:10px; box-shadow:10px 10px 5px #888888">

HTML/CSS Lesson 9 on Font Size
</DIV>

<DIV STYLE="border-bottom-left-radius:30px; text-align:left; margin-left:5px; border:5px solid black; background-color:lightsalmon; width:60%; padding:10px; box-shadow:10px 10px 5px #888888">

HTML/CSS Lesson 10 on Font Colors
</DIV>

<DIV STYLE="border-bottom-left-radius:30px; text-align:left; margin-left:5px; border:5px solid black; background-color:lightsalmon; width:60%; padding:10px; box-shadow:10px 10px 5px #888888">

HTML/CSS Lesson 11 on Font Bold-Italics
</DIV>

<DIV STYLE="border-bottom-left-radius:30px; text-align:left; margin-left:5px; border:5px solid black; background-color:lightsalmon; width:60%; padding:10px; box-shadow:10px 10px 5px #888888">

HTML/CSS Lesson 12 on Padding
</DIV>

<DIV STYLE="border-bottom-left-radius:30px; text-align:left; margin-left:5px; border:5px solid black; background-color:lightsalmon; width:60%; padding:10px; box-shadow:10px 10px 5px #888888">

HTML/CSS Lesson 13 on Margins
</DIV>