TechieDan » HTML http://techiedan.com Your Search for The Tech Stuffs Tue, 22 May 2012 08:10:07 +0000 en hourly 1 http://wordpress.org/?v=3.3.2 Using CSS instead of plain HTML http://techiedan.com/2010/03/09/using-css-instead-of-plain-html/ http://techiedan.com/2010/03/09/using-css-instead-of-plain-html/#comments Tue, 09 Mar 2010 01:40:54 +0000 techieDan http://techiedan.com/?p=780 For those that started studying computers or those in the 90s, most of us started learning the HOW TO BUILD A WEBPAGE with HTML. Those days, a webpage is defined by how well it was formatted and if you want fancy stuffs, the best one can get is Macromedia Flash (now Adobe Flash). Here are [...]]]> For those that started studying computers or those in the 90s, most of us started learning the HOW TO BUILD A WEBPAGE with HTML. Those days, a webpage is defined by how well it was formatted and if you want fancy stuffs, the best one can get is Macromedia Flash (now Adobe Flash). Here are the old codes of the old.

<table width="80%">
  <tbody>
    <tr>
      <td></td>
      <td><span style="color: red;">This text is red</span></td>
    </tr>
  </tbody>
</table>

By doing this, the following text becomes red. Nothing is wrong with doing things like this. Though now there exist something better which is able to format text which is CSS (Cascading Style Sheet).


Some of the books used to teach CSS

Using CSS to format a text like the above to turn to red has got it’s advantages over the old style format. One it is Web 2.0 friendly, XML friendly and also changes can be made directly from a seperate file ( .css file). Another important thing is that it’s way flexible, assigning a class to a row of text with the specific characteristics changes the overall text.

This is a simple method to show how CSS works.

<table width="80%">
  <tbody>
    <tr>
      <td><span style="color:red">This text is red</span></td>
      <td><span style="color: red;">This text is red</span></td>
    </tr>
  </tbody>
</table>

It’s the same result. But what’s so special? Now let’s modify the code once again. We’ll start right at the beginning.

<html>
 <head>
  <style type="text/css">
   .redLight {
    color:red;
   }
  </style>
 </head>
 <body>
  <span class="redLight">This text is red</span>
 </body>
</html>

Now just copy and paste this script into your notepad and save it as example.html. Open it and you’ll see, wow… it’s RED. Now how about if you wanted to add more text with the same color on other parts of the HTML. Simple! Just add <span class=”redLight”> or <div class=”redLight”> on another row of text.

For those who have been around tweaking their blogs and websites, most would be familiar with this new method. For those who are still using the old old school format of modifying your website or blog, it’s time to leap into the new way of doing things.

Edit : Amended code above.

]]> http://techiedan.com/2010/03/09/using-css-instead-of-plain-html/feed/ 4 Use Button Instead of Submit for Form http://techiedan.com/2009/01/18/use-button-instead-of-submit-for-form/ http://techiedan.com/2009/01/18/use-button-instead-of-submit-for-form/#comments Sat, 17 Jan 2009 16:52:42 +0000 techieDan http://techiedan.com/?p=257 For those in the programming area, if you’re doing simple form processing of your HTML, why some people prefer buttons over submit.

Well for my personal preference, one of the good thing is that I can disable the automatic enter key that people tend to associate with forms. Well, it’s good at the same time, but it’s also sometimes good that you can limit your users from using the Enter key to submit the form if you want to do something else with it.

Getting a bit confusing, well, what is important is that by using buttons, I can forced the user to enable javascript in order to submit. Here’s how I do it.

<form name="form1" method="post" action="somepage" >
<input type='text' name='name' />
<input type='button' value='Submit This Name' 
onClick='submitForm(this.form1);'>
</form>

Now if the user disables javascript, they won’t be able to process the form unless they are smart enough to change it, which most programmers and IT techies know. But this is just a small deterrent. Here’s the javascript part.

<script language="javascript">
function submitForm(thisform) {
thisform.submit();
}
</script>

There are lots of ways out there to force javascript control to be enabled on the form. But this is just the simplest of it all.

]]> http://techiedan.com/2009/01/18/use-button-instead-of-submit-for-form/feed/ 1 How to Write HTML Codes on Blog Posts http://techiedan.com/2008/03/17/how-to-write-html-codes-on-blog-posts/ http://techiedan.com/2008/03/17/how-to-write-html-codes-on-blog-posts/#comments Mon, 17 Mar 2008 14:13:51 +0000 techieDan http://techiedan.com/2008/03/17/how-to-write-html-codes-on-blog-posts/ Sometimes we wonder, how the heck one can write html codes on blogs, especially wordpress just for displaying purposes but without it affecting any codes on the blog page

This is where usage of <pre> tag comes in. Yes, by enclosing the html codes in <pre> tags, one can write html freely without displaying any changes [...]]]> Sometimes we wonder, how the heck one can write html codes on blogs, especially wordpress just for displaying purposes but without it affecting any codes on the blog page

This is where usage of <pre> tag comes in. Yes, by enclosing the html codes in <pre> tags, one can write html freely without displaying any changes in code.

Sample of pre TAG

<pre><font color=”#ff0000″>TEST</font></pre>

Of course the best possible way is for typing out < is by using ascii codes like &lt; which means less than. So that’s how I display some tags out in html. Need anymore clarification, drop me a line.

ps : > is symbol for &gt;

]]> http://techiedan.com/2008/03/17/how-to-write-html-codes-on-blog-posts/feed/ 0