HTML
  Home arrow HTML arrow HTML Tips
Dev Articles Forums 
ADO.NET  
Apache  
ASP  
ASP.NET  
C#  
C++  
ColdFusion  
COM/COM+  
Delphi-Kylix  
Design Usability  
Development Cycles  
DHTML  
Embedded Tools  
Flash  
Graphic Design  
HTML  
IIS  
Interviews  
Java  
JavaScript  
MySQL  
Oracle  
Photoshop  
PHP  
Reviews  
Ruby-on-Rails  
SQL  
SQL Server  
Style Sheets  
VB.Net  
Visual Basic  
Web Authoring  
Web Services  
Web Standards  
XML  
Mobile Linux 
App Generation ROI 
IBM® developerWorks 
Weekly Newsletter
 
Developer Updates  
Free Website Content 
 RSS  Articles
 RSS  Forums
 RSS  All Feeds
Write For Us Get Paid 
Request Media Kit
Contact Us 
Site Map 
Privacy Policy 
Support 
 USERNAME
 
 PASSWORD
 
 
  >>> SIGN UP!  
  Lost Password? 
HTML

HTML Tips
By: Chrysanthus Forcha
  • Search For More Articles!
  • Disclaimer
  • Author Terms
  • Rating: 4 stars4 stars4 stars4 stars4 stars / 3
    2008-03-26

    Table of Contents:
  • HTML Tips
  • Text
  • Lists
  • Forms
  • Form Elements for Uploading Files

  • Rate this Article: Poor Best 
      ADD THIS ARTICLE TO:
      Del.ici.ous Digg
      Blink Simpy
      Google Spurl
      Y! MyWeb Furl
    Email Me Similar Content When Posted
    Add Developer Shed Article Feed To Your Site
    Email Article To Friend
    Print Version Of Article
    PDF Version Of Article
     
     
    ADVERTISEMENT


    HTML Tips


    (Page 1 of 5 )

    In this article, I will give you some HTML tips that will enable your web page to have a more professional quality. You can try all the codes that I give with the tips. If this piques your interest (and I know it does), then please keep reading.

    GLOBAL STRUCTURE

    Block and Inline Elements

    The difference between a block-level element and an inline element may not be very clear. However, the following simplified definition should keep you on the right track: a block-level element is one that has a line break before and after it. An inline element is one that does not have a line break before and after it.

    X and Y Coordinates

    If you design web pages by hand, from time to time you may want to know the position of a point or an element. This is the JavaScript that tells you that:


    <script type="text/javascript">

    function coordinates(event)

    {

    x=event.clientX

    y=event.clientY

    alert("X=" + x + ", Y=" + y)

    }

    </script>


    <body onmousedown="coordinates(event)">


    You put the JavaScript in the HEAD element of the HTML file. You add the onmousedown attribute (event) to the start tag of the BODY element as shown above. With this code in effect, if you click anywhere on the client area of the web page, an alert box will pop up to show the position of the cursor. If you want to know the position of a point on a web page, just click the point. The values are given in pixels. They are measurements from the top-left corner of the client area of your web page: going to the right gives positive X values and going down gives positive Y values (which is opposite to conventional graphs).

    More HTML Articles
    More By Chrysanthus Forcha


       · If you are coding in HTML and you reach a point where you do not know how to...
       · Just a note here, using dt and dd to represent dialog can be very confusing to those...
     

    HTML ARTICLES

    - Comparing Browser Response to Active Client ...
    - Testing Browser Response to Active Client Pa...
    - Active Client Pages: Completing the Code for...
    - ACP and Browsers: Setting up an Example
    - How Browsers Respond to Active Client Pages
    - Completing a Tree with Active Client Pages
    - HTML Form Verification and ACP
    - Building an ACP Tree
    - Completing an ACP 3D HTML Table Image Gallery
    - Building an ACP 3D HTML Table Image Gallery
    - A Multiple Page Image Gallery with Active Cl...
    - Building an Image Gallery with Active Client...
    - Concluding a Menu for All Browsers
    - A Vertical Menu for All Browsers
    - Downloading Long HTML Pages with ACP







    © 2003-2009 by Developer Shed. All rights reserved. DS Cluster 6 Hosted by Hostway
    Stay green...Green IT