Basic HTML

HTML TimeLine

To get us started on HTML, I wanted to see a Timeline of when and who created each different version of HTML. I am more of a visual learner, so maybe this will help some of you as well. Click on the above link for visual.

In all honestly, HTML, is scary. There are so many different elements to tie together and remember. We learned about a few in our book, but I went to http://www.dev.opera.com and read a few articles based on different HTML elements that we have not covered in class.

1. HTML Lists: Lists in HTML are not that much different than regular do-it-yourself lists. Every list always forms to combine a group of related elements into one spread. Here is a code example of an HTML List. (UnOrdered)

<ul>
  <li>bread</li>
  <li>coffee beans</li>
  <li>milk</li>
  <li>butter</li>
</ul>

2. Images in HTML: Everyone loves images to be on a website. It gives the viewer a visual sense of whatever the website is about and a way to connect without using text. That’s why it is very important to know how to code your images into the proper HTML format for good results. How to put an img into your coding sequence.

DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

img src="balconyview.jpg">
</body>
</html>

3. HTML Links:On a website, if it wasn’t for links we would spend half of our time looking for the specific piece of information we were looking for. Links allow us to communicate from page to page with a simple click. Lifesavers if you ask me. Here is an example of how to code a link into HTML format.

DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<link rel="stylesheet" href="styles.css">
</head>
<body>
  <h1>A link to the YDN</h1>
  <p><a href="http://developer.yahoo.com">Yahoo Developer Network</a></p>
</body>
</html>
Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s