Mar 17, 2011

HTML- now my favorite pasttime

I think I'm hooked to HTML.
HTML
HTML, which stands for HyperText Markup Language, is the predominant markup language for web pages. HTML is the basic building-blocks of webpages.(from Wikipedia)

It's the basic language for websites. There is another language, Flash(you know, the one that Apple hates), which is used in some of the major company's websites. I found a site where they show some good Flash sites here(and btw you can't see them from iPhones, Apple doesn't like people watching Flash for some reason).

I actually wrote the HTML code for the survey form you should see on the right, and the label buttons at the top. I think it's pretty good, what do you think?(oh and you won't be able to see them on mobile devices like iPhone)

By the way, the HTML for the label buttons is;

<ul id="gnav">

<li><a href="http://odysseypod.blogspot.com/search/label/space"><img src="https://lh3.googleusercontent.com/-AJME64gTMXA/TYBa2RVxtrI/AAAAAAAAALo/PH0GKhclego/s1600/IMG_0613.JPG" alt="space" class="rollover" width="100" /></a>
<ul><li><a href="http://odysseypod.blogspot.com/search/label/space%20explorations">space explorations</a></li>
<li><a href="http://odysseypod.blogspot.com/search/label/space%20shuttle">space shuttle</a></li>
<li><a href="http://odysseypod.blogspot.com/search/label/moon">moon</a></li></ul>

<li><a href="http://odysseypod.blogspot.com/search/label/earthquake"><img src="https://lh5.googleusercontent.com/-5Cr4hIVEY-A/TYBa2sneDhI/AAAAAAAAALs/4XAfRFhktLk/s1600/IMG_0615.JPG" alt="earthquake" class="rollover" width="100" /></a></li>

<li><a href="http://odysseypod.blogspot.com/search/label/Apple"><img src="https://lh3.googleusercontent.com/-mDTDzJ2mROQ/TYBa2ZMNDII/AAAAAAAAALk/-cVocB41E2Y/s320/IMG_0614.JPG" alt="Apple" class="rollover" width="100" /></a></li>
<li><a href="http://odysseypod.blogspot.com/search/label/other"><img src="https://lh3.googleusercontent.com/-xfBm52C7CBQ/TYBa3vMYsBI/AAAAAAAAALw/Z0IRe7QJ2Yw/s320/IMG_0616.JPG" alt="other" class="rollover" width="100" /></a></li>
</ul>

Long, huh? Took me about 40 minutes to make it, but I think it was worth it.
The good thing about HTML is that you can see examples of it from good sites. I took the label button idea from this Japanese site, so thanks to the site builders of this website. You can see the HTML of practically any site by right-clicking on somewhere on the page and select "view source".

No comments:

Post a Comment