Here's my work on Lists & Links. I made it to keep track of my own work.
I just needed to change the file name.
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:
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".
I like the idea so much I want to try it later in the week (have two Univercity exams and a long paper early this week no time now) using semantic html / css and see if I can do something like that too, great idea. I shall pretend to think of the semantic html as Michelangelo did marble - Every block of stone has a statue inside it and it is the task of the sculptor to discover it. I hope you don't mind me commenting on it like that, thanks!
No, I don't mind it at all. Actually, I quite like your Michelangelo analogy because that's how I feel about html/css. The more Web pages I create, the more I realize that html and css are different sides of the same coin.
By the way, I was reading the w3's website recently and found out that "utf=8" /> is the pre html5 syntax, and that you don't need '/' for html5.
Wish you a great exam season!
Heres my creation - like "To do" list :
This is my "Lists and links" version. I used the new tags q (quotation) small (smaller fonts) big (biger fonts) cite (citation) b (bold). I added special characters trademark copyright.
I added a link to download a text file which contains the html code.
Here is the result:
Here's my example