Here is my assignment for ordered and unordered list :) I know its going to get more and more difficult but so far so good :)
https://nkelly130.makes.org/thimble/my-lists-ordered-and-unordered
This comment was deleted.
This course will become read-only in the near future. Tell us at community.p2pu.org if that is a problem.
Lets take a look at ways to itemize lists, link to other documents, and insert multimedia into our pages.
Lists come in two flavors ordered and unordered. Ordered lists flow in sequence while unordered lists have no required, or meaningful, order. For example, a shopping list may be considered as an unordered list as you are not concerened with the order in which you find the items in the store.
The <ol> tag is used to create ordered lists, while the <ul> tag denotes unordered lists.
Lets create two lists one will be a grocery list and the other wil be instructions describing how to check out at the market.
First the grocery list. Creating an unordered list has three steps:
Lets see an unordered list in its entirety:
<ul> <li>Asparigus</li> <li>Milk</li> <li>Tempeh</li> </ul>
Secondly, we will list the checkout steps.
<ol> <li>Unload your shopping basket</li> <li>Greet the cashier</li> <li>Smile at the cute baby next to you in line</li> <li>Pay the cashier</li> <li>Gather your groceries and leave</li> </ol>
Hyperlinks are interconnections between pages and resources on the World Wide Web. Creating hyperlinks requires another aspect of HTML tags called attributes. Attributes are descriptive text elements within the HTML tag enclosures (the < & >). Attributes are associated with values. For example:
<tag attribute="value">
The anchor tag <a> is how we create links both within a document and to external resources. An anchor tag has an attribute called 'href' which stands for hypertext reference. The hypertext reference is the internal or external element to which the link points. For example:
<a href="http://mozilla.org">Mozilla Website</a>
This link points to mozilla.org with the helpful link text "Mozilla Website".
Here is my assignment for ordered and unordered list :) I know its going to get more and more difficult but so far so good :)
https://nkelly130.makes.org/thimble/my-lists-ordered-and-unordered
https://rsummo1.makes.org/thimble/basic-html-5-assignment-numero-dos
Yeah I'm on a roll! but this is stuff I've done before, so no big deal yet. Anyway, there you have my 2nd assignment. Thank U.
http://eager2learn2.wordpress.com/2014/01/26/lists-and-links/
Here is a link to my work on this task.
Link to assignment via Moz Thimble:
https://thimble.webmaker.org/en-US/project/24189/edit
Any advice appreciated
Thanks
-Kiwi
Here is my completed assignment: http://htmlpad.org/Lists-Links/
My make on Mozilla Thimble: https://sw3etvalent1ina.makes.org/thimble/p2pu-html-5-lists
This is just a basic list of item using the <ol> and <ul> tag.
EDIT: HTML list types
Ordered lists are numbered lists in which the items are arranged following a cardinal number, from 1 to n depending on the number of item listed. In a HTML document they are marked by the ol tag and they look like this:
Here is my latest practice.
https://uidlebird.makes.org/thimble/welcome-practice-upi
I made both lists to be lists of links. Also put in a couple of headers. I did not see how to link to a place in the document itself, though. Will have ot learn that later.
This is my list and hyperlink work. I continued using headers just to build on the previous task. https://thimble.webmaker.org/p/lr31/
http://htmlpad.org/list/edit Changed around the code a little bit, that way i could reinforce what i learned earlier. Used head files as practice, but think i did everything right, also linked my local grocery store for the hyperlink section :)
http://thimble.webmaker.org/p/llhl
http://pastebin.com/7dzAYZrv
My example: https://thimble.webmaker.org/p/l3qv/
My list and links sample - List & Links
https://thimble.webmaker.org/p/f9d5/
https://thimble.webmaker.org/p/folg/
My example of orderal and unorderal list and linking other content to our page can be find here.