HTML Comments

w7r.blogspot.com

Who Would Waste Their Time Commenting their HTML???

Turns out, not too many people comment their HTML code, which is a shame because it causes a hellish amount of problems for website and program developers alike. If you have never heard of a 'comment' then no need to worry. A comment is literally a.. COMMENT; however, the comment acts as notes to you and other web developers as to what the code in a specific region does.

How to Create Email Links with HTML

w7r.blogspot.com

Copying and pasting an email address into the "To:" prompt of an email can be surprisingly unpleasant especially when the email benefits the receiver and not the sender.

In a blog such as W7R it is important to allow users to email you with as little effort as possible (without the copying and pasting).

Email me!

Result: Email me!

About the Email Link Syntax

• The 'a' is the same anchor tag used with website links
• href is an HTML attribute of the anchor tag, 'a'
• After href comes an = sign and a destination in parenthesis
• The format for email destinations is mailto: + an email
• Replace AnEmailAddress@gmail.com with your own email
• </a> is a closing tag for an anchor

Bulleted Lists in HTML

w7r.blogspot.com

Bulleted Lists Quick Facts

• The HTML opening tag <ul> and its matching closing tag </ul> create bulleted lists
• The more formal name for bulleted lists is Unorganized Lists
• These quick facts are list items of an unorganized list.
• List item can contain
  • pictures
  • text
  • video
  • links
  and combinations of those mentioned (pretty much anything)
• Unorganized lists can have list items that contain unorganized lists lists inside them. Lists in lists are considered nested (previous list item)

Bulleted lists are called Unorganized lists and are used to display information that is to be treated equally (no rankings or order necessary).

Here is the source code for the Bulleted Lists Quick Facts!

HTML Entity [Case Sens.]	Symbol
>	>
&lt;	<

  

  The HTML opening tag <ul> and its closing tag </ul>  create bulleted lists 
  
  
The more formal name for bulleted lists is Unorganized Lists
  
  
These quick facts are list items of an unorganized list.
  
List item can contain
    

      
pictures
      
text
      
video
      
links
    
 and combinations of those mentioned (pretty much anything)
  
  
Unorganized lists can have list items that contain unorganized lists lists inside them. Lists in lists are considered nested (previous list item)
  

• Numbered Lists in HTML

Numbered Lists in HTML

w7r.blogspot.com

The HTML element, ol, or Organized List is used to list items that come in a particular order. When order matters, such as a list of the top 10 songs on billboard, then you would use a Organized List.

Image Source

Race Results

1. Pacman
2. Speedy "Pinky"
3. Shadow "Blinky"
4. Bashful "Inky"
5. Pokey "Clyde"

<h4>Race Results</h4>
<ol>
  <li>Pacman</li>
  <li>Speedy "Pinky"</li>
  <li>Shadow "Blinky"</li>
  <li>Bashful "Inky"</li>
  <li>Pokey "Clyde"</li>
</ol>

About the HTML Tags ol and li

• <ol> starts a organized list
• <li> starts a list item
• </li> closes a list item
• </ol> ends the organized list

• Bulleted Lists in HTML

HTML: Creating Links

Creating Links with HTML

Let's begin with an example of a link coded in HTML. *open in a new window to avoid leaving this page!   Open me in a new window! 

 The link above sent you to my youtube page.

Here is the HTML code I used to create the link.

 <a href="http://www.youtube.com/user/w7rdotblogspot/videos">Open me in a new window!</a>


There are 4 basic parts to this code

1. The tags <a> and </a>       ~These are anchor tags.
2. The attribute href       ~This is an attribute of the anchor tag.
3. The site URL      ~Location for the site the link will take the user to
4. Pain text       ~What the user sees on the webpage

Try running the following sample HTML text (Online HTML Compiler)

<html>
<head>
</head>
<body>
Google is a good site. Isn't it?
<a href="http://google.com"> >>Google<< </a>
</body>
</html>