Technical guides & Users manuals Forum Index

Technical guides & Users manuals
Contains all sorts of manuals

 FAQFAQ   SearchSearch   MemberlistMemberlist   UsergroupsUsergroups   RegisterRegister 
 ProfileProfile   Log in to check your private messagesLog in to check your private messages   Log inLog in 



 Bienvenue - Welcome 
Welcome to the tellmewhy technical forum.
Yopu have an interesting guide, you have some knowledge to share ?
Here you can post it.

Your knowledge will be shared.
All together we know it better.
HTML Code - Draw horizontal lines with the HR tag

 
Post new topic   Reply to topic    Technical guides & Users manuals Forum Index -> Technical guides & Users manuals -> HTML - Code (Tips and tricks for building a website)
Previous topic :: Next topic  
Author Message
tellmewhy
Administrateur

Offline

Joined: 27 Dec 2006
Posts: 524

PostPosted: 28/11/2009 16:45:16    Post subject: HTML Code - Draw horizontal lines with the HR tag Reply with quote

HTML Code - Draw horizontal lines with the HR tag

HR Element Attributes

The HR element has no ending tag.


  • SIZE=7 - (Depreciated). Sets the thickness or size of the line in pixels.
  • ALIGN="RIGHT" - (Depreciated). Sets the alignment of the line on the page to LEFT, RIGHT, or CENTER. The default is CENTER. The alignment is without purpose if the line width is 100%.
  • WIDTH="50%" - (Depreciated). Sets the width of the line across the page as a % or in pixels. The default is 100%.
  • COLOR="green"; - (Depreciated). Sets the color of the line. It may be expressed as one of the words, red, blue, green, etcetera, but may also be expressed in the #RRGGBB color format.
  • NOSHADE - (Depreciated). A boolean value to set the line to a solid line.
An example using the HTML HR element

Here is how the hr tag appears as HTML code:

Code:
Above the line.
<hr>
Below the line.


Here is how it looks:

Above the line.




Below the line.

The line, above, is set according to the defaults or the style sheet associated with this HTML document. To change its characteristics, I only need to change the style sheet. Note: Attempting to change the line characteristics using depreciated attributes such as ALIGN, WIDTH, or COLOR will not override values set by the style sheet. Only the use of the STYLE attribute will override those values.

Here's a colored line in HTML code (The top coding example uses HTML 3.2 without embedded style commands and the bottom coding uses HTML 4.01 with embedded style commands:

Code:
<hr size="15" align="left" width="50%" color="blue">
<hr style="color: 'blue'; height: '15'; text-align: 'left'; width: '50%'">


Here's how it looks:




Here's another colored line in HTML code (The second line uses style commands to set attributes rather than directly using some of the older attributes that are being depreciated):

Code:
<hr size="15" align="left" width="100%" color="#FF0000">
<hr style="height: '15'; text-align: 'left'; color: '#FF0000'; width: '100%'">


Here's how it looks:


Back to top
Publicité






PostPosted: 28/11/2009 16:45:16    Post subject: Publicité

PublicitéSupprimer les publicités ?
Back to top
Display posts from previous:   
Post new topic   Reply to topic    Technical guides & Users manuals Forum Index -> Technical guides & Users manuals -> HTML - Code (Tips and tricks for building a website) All times are GMT
Page 1 of 1

 

 
Jump to:  

Index | Getting a forum | Free support forum | Free forums directory | Report a violation | Cookies | Charte | Conditions générales d'utilisation
Powered by phpBB © 2001, 2005 phpBB Group