HTML

! Yes, it’s here just for alpha testers. Thanks to Michael Amington @  and lew @ Blognone to point me to these impressive screenshots. As you might see in the first screenshot.

Choosing a web application framework

What is your favorite web application framework? There are so many choices. Jet Propulsion Labs release a movie to present the review process of 5 frameworks. Thanks greggles to share that url. Below are the list of that frameworks.

How to debug HTTP

Have you ever want to know what exactly happens during view a web page? If you are a web programmer, system programmer, or even hacker, you must have ever seen something being transmitted out of your machine and their responses. I am talking about the basic part to debug a web application. Basically, there are 2 basic choices to request a web page; GET and POST. Then data in your machine are encoded and sent to the web server via these request and get response, the web page, back. However, today technology is not as easy as I stated earlier. There are something about headers, cookies, content-type, and many more. You might get strange behavior due to incorrectly set cookie or assign wrong content-type. In this situation, you will be so happy if you know what are sent and received during the session. It is very useful information for all of us.

Yahoo! UI Library: Another free implementation f AJAX

AJAX is nowadays common feature of modern web pages. I’m not sure when it begun but  shown the power of AJAX through the intuitive and impressive user interface. Technically, AJAX is just an inter-operation of web browser and web server through a JavaScript function. That means web developers just want a good JavaScript to shield the incompatible JavaScript APIs to make it work cross browser at least for Internet Explorer, Firefox, Opera, and Safari.

How to comment in HTML

When you want to comment to your html file, the statement should be begin by "". Between your comment statement do not have "--".

Example

Basic Structure of HTML

HTML language has 2 elements; content and tag. Basic tag in HTML file are:

  • ...
    This tag is a indicator for start point and end point of HTML file. is nessesary declared at first line and is declared at end line of file.
  • ...
    This tag response about header definition of web page by using tag .... tag will show title of page in title bar of browser.</li> <li><BODY>...</BODY><br> This tag response about body content that you want to show in your web.  </li> </ul> <p><strong><u>Example file</u></strong></p> </div> <div class="links"> <ul class="links inline"> <li class="first blog_usernames_blog"><a href="/blog/thitima" title="Read thitima's latest blog entries." class="blog_usernames_blog">thitima's blog</a></li> <li class="comment_add">Add new comment</li> <li class="node_read_more"><a href="/basic-structure-of-html" title="Read the rest of this posting." class="node_read_more">Read more</a></li> <li class="last statistics_counter"><span class="statistics_counter">1222 reads</span></li> </ul> </div> </div> <div class="pager"> <a href="/topic/it/programming/html" class="pager-first active" title="Go to first page">« first</a><a href="/topic/it/programming/html?page=4" class="pager-previous active" title="Go to previous page">‹ previous</a><span class="pager-list"><a href="/topic/it/programming/html" class="pager-first active" title="Go to page 1">1</a><a href="/topic/it/programming/html?page=1" class="pager-previous active" title="Go to page 2">2</a><a href="/topic/it/programming/html?page=2" class="pager-previous active" title="Go to page 3">3</a><a href="/topic/it/programming/html?page=3" class="pager-previous active" title="Go to page 4">4</a><a href="/topic/it/programming/html?page=4" class="pager-previous active" title="Go to page 5">5</a><strong class="pager-current">6</strong></span> </div> <div class="block block-block" id="block-block-17"> <div class="blockinner"> <div class="content"> <center> </center> </div> </div> </div> </div> <div id="sidebar-right" class="sidebar"> <div class="block block-block" id="block-block-19"> <div class="blockinner"> <div class="content"> </div> </div> </div> <div class="block block-adsense" id="block-adsense-0"> <div class="blockinner"> <div class="content"> <div class="adsense"> </div> </div> </div> </div> <div class="block block-user" id="block-user-0"> <div class="blockinner"> <h2 class="title">User login</h2> <div class="content"> </div> </div> </div> <div class="block block-comment" id="block-comment-0"> <div class="blockinner"> <h2 class="title">Recent comments</h2> <div class="content"> <div class="item-list"> <ul> <li> <a href="/pyjamas-gwt-clone-in-python#comment-6198">Pyjamas 0.3 Released</a><br> 3 years 29 weeks ago</li> <li> <a href="/living-with-centipede#comment-5122">ผมว่าใช้ี</a><br> 3 years 34 weeks ago</li> <li> <a href="/product/drupal-thai#comment-5064">Drupal is big thing!</a><br> 3 years 35 weeks ago</li> <li> <a href="/box-command-in-sapscript#comment-5003">Adding a box to an existing form</a><br> 3 years 35 weeks ago</li> <li> <a href="/how-to-convert-mp3-to-aac-using-ffmpeg#comment-4963">just a question, how to</a><br> 3 years 35 weeks ago</li> <li> <a href="/box-command-in-sapscript#comment-4867">add a horizontal line after every data in Script</a><br> 3 years 38 weeks ago</li> <li> <a href="/product/drupal-thai#comment-4866">I'm just getting into using</a><br> 3 years 38 weeks ago</li> <li> <a href="/how-to-debugging-sapscript-form#comment-4613">how to create simple sap script i need the steps with snap shot</a><br> 3 years 38 weeks ago</li> <li> <a href="/node/370#comment-4444">แต้งค่า........</a><br> 3 years 38 weeks ago</li> <li> <a href="/how-to-initial-value-of-select-options-in-abap-4#comment-4432">Hi, I tried to execute the</a><br> 3 years 38 weeks ago</li> </ul> </div> </div> </div> </div> <div class="block block-forum" id="block-forum-0"> <div class="blockinner"> <h2 class="title">Active forum topics</h2> <div class="content"> <div class="item-list"> <ul> <li><a href="/node/1190">What about reading technological blogs at one place.</a></li> <li><a href="/node/1189">What about reading technological blogs at one place.</a></li> <li><a href="/node/1188">Top TaylorMade Lady's Burner SuperLaunch Golf Irons</a></li> <li><a href="/node/1187">Marc Jacobs handbags</a></li> <li><a href="/node/1186">Marc Jacobs bags</a></li> </ul> </div> <div class="more-link"> <a href="/forum" title="Read the latest forum topics.">more</a> </div> </div> </div> </div> <div class="block block-user" id="block-user-1"> <div class="blockinner"> <h2 class="title">Navigation</h2> <div class="content"> <ul class="menu"> <li class="collapsed"><a href="/node/add">Create content</a></li> <li class="leaf"><a href="/tracker">Recent posts</a></li> </ul> </div> </div> </div> <div class="block block-user" id="block-user-3"> <div class="blockinner"> <h2 class="title">Who's online</h2> <div class="content"> There are currently <em>0 users</em> and <em>25 guests</em> online. </div> </div> </div> <div class="block block-node" id="block-node-0"> <div class="blockinner"> <h2 class="title">Syndicate</h2> <div class="content"> <img src="/misc/feed.png" alt="Syndicate content" title="Syndicate content" width="16" height="16"> </div> </div> </div> </div> </div> <div id="sidebar-left" class="sidebar"> <div class="block block-block" id="block-block-21"> <div class="blockinner"> <div class="content"> <a style="color: #999" href="http://www.lijit.com" id="lijit_wijit_pvs_link" name="lijit_wijit_pvs_link">Lijit Search</a> </div> </div> </div> <div class="block block-tagadelic" id="block-tagadelic-3"> <div class="blockinner"> <h2 class="title">tags in Topic</h2> <div class="content"> <a href="/taxonomy/term/2" class="tagadelic level4">Programming</a> <a href="/taxonomy/term/27" class="tagadelic level4">Tips and Tricks</a> <a href="/topic/it/software/linux" class="tagadelic level4">Linux</a> <a href="/taxonomy/term/6" class="tagadelic level4">Software</a> <a href="/taxonomy/term/1" class="tagadelic level4">IT</a> <a href="/taxonomy/term/7" class="tagadelic level3">Drupal</a> <a href="/taxonomy/term/26" class="tagadelic level3">Announcement</a> <a href="/taxonomy/term/4" class="tagadelic level3">ABAP/4</a> <a href="/taxonomy/term/24" class="tagadelic level3">Development</a> <a href="/taxonomy/term/23" class="tagadelic level2">Search Engine</a> <a href="/taxonomy/term/5" class="tagadelic level2">General</a> <a href="/topic/it/software/sap-r-3" class="tagadelic level2">SAP R/3</a> <a href="/taxonomy/term/3" class="tagadelic level2">Python</a> <a href="/topic/it/security" class="tagadelic level2">Security</a> <a href="/taxonomy/term/25" class="tagadelic level2">Bug</a> <a href="/topic/it/software/freebsd" class="tagadelic level2">*NIX</a> <a href="/taxonomy/term/17" class="tagadelic level2">Recreation</a> <a href="/topic/it/programming/php" class="tagadelic level2">PHP</a> <a href="/taxonomy/term/20" class="tagadelic level1">Movie</a> <a href="/taxonomy/term/31" class="tagadelic level1">HPC</a> <a href="/taxonomy/term/13" class="tagadelic level1">BTQueue</a> <a href="/topic/it/programming/codenone" class="tagadelic level1">Codenone</a> <a href="/taxonomy/term/34" class="tagadelic level1">Cluster Computing</a> <a href="/taxonomy/term/32" class="tagadelic level1">Grid Computing</a> <a href="/topic/it/programming/html" class="tagadelic level1 active">HTML</a> </div> </div> </div> <div class="block block-block" id="block-block-20"> <div class="blockinner"> <h2 class="title">Recent posts</h2> <div class="content"> <div class="item-list"> <ul> <li><a href="/node/1190">What about reading technological blogs at one place.</a></li> <li><a href="/node/1189">What about reading technological blogs at one place.</a></li> <li><a href="/node/1188">Top TaylorMade Lady's Burner SuperLaunch Golf Irons</a></li> <li><a href="/node/1187">Marc Jacobs handbags</a></li> <li><a href="/node/1186">Marc Jacobs bags</a></li> </ul> </div> <div class="more-link"> <a href="/node" title="Read the latest entries.">more</a> </div> </div> </div> </div> </div> </div> <div id="footer"> Look! Read! Ask! © 2006-2007 howforge.com <a href="http://creativecommons.org/licenses/by/2.5/">Some rights reserved</a>. </div> </div> </body> </html>