HTML Tutorial - Form Size settings

Related Tags:

  Form size 

  Under normal circumstances, the total length of form and the Width of the line is based on the sum and are automatically adjusted, if we are to direct the size of fixed forms, you can use the following ways: 

  <table Width=n1 height=n2> 

  Width and Height attributes are designated form of a fixed width and length, n1 and n2 pixels can be used to express, it is also possible percentage (compared with the size of the whole screen ratio) said. 

  The following table is a length of 200 pixels, 100 pixels wide to the table.    <table Width="200" height="100"> 

  The following table is a long screen for 20% of screen width to 10 per cent of the forms.    <table Width=20% height=10%> 


  Frame size settings 

  Borders Border attribute is used to be embodied, and it forms the border that edge thickness and borders.    Border will be set to different values, different results. 

  Such as: 

  <table Border=10 width=250> 
  <caption> Purchase order </ caption> 
  <tr> <th> Apple </ th> <th> banana </ th> <th> grape </ th> 
  <tr> <td> 200 kg </ td> <td> 200 kg </ td> <td> 100 kg </ td> 
  </ Table> 

  Showing results: 

  Purchase order 

  Apple bananas grapes 200 kg 200 kg 100 kg 


  <table Border=1 width="250"> 
  <caption> Purchase order </ caption> 
  <tr> <th> Apple </ th> <th> banana </ th> <th> grape </ th> 
  <tr> <td> 200 kg </ td> <td> 200 kg </ td> <td> 100 kg </ td> 
  </ Table> 

  Showing results: 

  Purchase order 

  Apple bananas grapes 200 kg 200 kg 100 kg 


  <table Border=0 width="250"> 
  <caption> Purchase order </ caption> 
  <tr> <th> Apple </ th> <th> banana </ th> <th> grape </ th> 
  <tr> <td> 200 kg </ td> <td> 200 kg </ td> <td> 100 kg </ td> 
  </ Table> 

  Showing results: 

  Purchase order 

  Apple bananas grapes 200 kg 200 kg 100 kg 


  Grid lines width 

  Grid and Lattice grid lines between the lines, it can use the width of <TABLE> CELLSPACING attributes to the adjustment.    Format is: 

  <TABLE CELLSPACING=#> # that access to the pixel value 

  Example: 

  <table Border=3 cellspacing=5> 
  <caption> Purchase order </ caption> 
  <tr> <th> Apple </ th> <th> banana </ th> <th> grape </ th> 
  <tr> <td> 200 kg </ td> <td> 200 kg </ td> <td> 100 kg </ td> 
  </ Table> 

  Showing results: 

  Purchase order 

  Apple bananas grapes 200 kg 200 kg 100 kg 


  Content and the width between the grid lines 

  We can also In "TABLE> set up CELLPADDING attributes, contents and requirements for the width of the grid.    Format: 

  <TABLE CELLPADDING=#> # that access to the pixel value 

  Example: 

  <table Border=3 cellpadding=5> 
  <caption> Purchase order </ caption> 
  <tr> <th> Apple </ th> <th> banana </ th> <th> grape </ th> 
  <tr> <td> 200 kg </ td> <td> 200 kg </ td> <td> 100 kg </ td> 

Related articles:

Ajax pages in the same distinction in many areas of the key update
  The key is to updatepanel UpdateMode set to UpdateMode = "Conditional" default so it is always a page with a different updatepanel total time updates, the very不爽McGREGOR, we set UpdateMode = "Conditional", that is, the updated conditions, The situation was different. ...
Yahoo opening of the Asia-Pacific points to abandon Google Inktomi search technology
  ZDNet China3 12: Australia and New Zealand in its portal, Yahoo has abandoned Google's search technology in favor of autonomy of the search engine.    When Yahoo disclosed the background of the beginning of the new search engine technology limited to, the technical transformati...
Javascript full-screen display issues
  Back to a fixed page:    Function bk (strUrl)    (    Window.location.href = strUrl    )    Bk ( "A.jsp")    Full-screen on the open pages    <SCRIPT LANGUAGE="JavaScript">    &l...
Google is expressly prohibited by the nature of SPAM Optimization Technology
  Optimization of various methods, the general Mowaihu according to certain keywords, through the structure of the site, pages links to external factors and optimization, the website the best search engine rankings.    But in fact, we found that some sites due to the incorrect optimi...
Open a page in accordance with the designated URL directly Jump to a new page
  To open a page in accordance with the designated URL directly Jump to a new page, can be directly In "body> tag, joined onLoad attributes, we can conveniently directly in the framework of the objectives of Jump to open the URL.    Examples of this are all the documents inde...