Skip to content

Instantly share code, notes, and snippets.

@stevesmename
Created June 19, 2014 13:20
Show Gist options
  • Save stevesmename/9568a580362e400f23c7 to your computer and use it in GitHub Desktop.
Save stevesmename/9568a580362e400f23c7 to your computer and use it in GitHub Desktop.
Code Academy : Lists
<html>
<!--
Hi Ryan! This document is to help with the Code Academy of HTML.
This block of text is ignored because I used comment tags around it.
The <html> we set above is to declare we want to write a web page.
At the very end of the document we should have a </html>, the </ declares
the closing of a tag. Anytime a tag is opened (<tag>) then it must be
closed (</tag>).
-->
<head>
</head>
<!--
The above <head> tag will be used in later tutorials of code academy.
<head> tag is used to declare settings in your webpage (secret code).
You can see how the tag was closed by using </head>. The secret code
would go between <head>(secret code)</head>.
-->
<body>
<!--
The above <body> tag tells the computer to begin displaying the webpage.
Anything in between <body></body> is going to be displayed.
-->
<ul>
<!--
We want an bullet list to appear, we use <ul></ul> to display an
unordered list (or not numbered list).
-->
<li>Here is a bullet</li>
<li>here is another bullet</li>
<li>another bullet</li>
<!-- close our <ul> because it is still open -->
</ul>
<!--
The <li></li> tags inside the unordered list (<ul></ul>) above
represent each bullet which should be shown within the
unordered list (<ul></ul>).
-->
<!-- close our <body> because it is still open -->
</body>
<!-- close our <html> because it is still open -->
</html>
<html>
<head>
</head>
<body>
<ul>
<li>body</li>
<li>body</li>
<li>body</li>
<li>Ryan</li>
</ul>
<ul>
<li>Sign Up</li>
<li>Log In</li>
<li>Help</li>
</ul>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment