A line break is a single tag that allows you to explicitly cause a carriage-return line-feed. One good use for the line break tag is to code a simple list. Shown below is the standard code for a list.
Welcome to Bucaro TecHelp!

Bucaro TecHelp
Maintain Your Computer and Use it More Effectively
to Design a Web Site and Make Money on the Web

About Bucaro TecHelp About BTH User Agreement User Agreement Privacy Policy Privacy Site Map Site Map Contact Bucaro TecHelp Contact RSS News Feeds News Feeds

Victims of Sandy Hook

Stop the Slaughter of Innocents. Congress is bought and paid for by gun lunatics and gun promotion groups. If you want to live in a safe America, help buy Congress back for America. Send a donation to Mayors Against Illegal Guns, 909 Third Avenue, 15th Floor New York, NY 10022

HTML Line Break Basics

In Web page design it's important to understand how the browser parses the page's html code and lay's out the page. Basically it parses the code from top-to-bottom left-to-right, laying out the elements from left-to-right until it determines that the next element will not fit horizontally, then it performs a carriage-return line-feed, and continues on the next line.

A line break <br /> is a single tag that allows you to explicitly cause a carriage-return line-feed. The code shown below uses a line break to cause the sentence to be displayed on two lines.

Toronto-based social media analytics company Sysomos<br />determined that 71 percent of tweets are ignored.

Toronto-based social media analytics company Sysomos
determined that 71 percent of tweets are ignored.

Some html coders, and some html design applications, erroneously use the line break tag to define paragraphs. However the proper tag for defining paragraphs is the <p> tag. The paragraph tag requires a closing tag </p> at the end of the paragraph. The code for a proper paragraph is shown below.

<p>Toronto-based social media analytics company Sysomos determined that 71 percent of tweets are ignored.</p>

The paragraph tag automatically causes a blank line between paragraphs. The same effect can be achieved by using two line break tags at the end of each paragraph, however this is not good coding. One good use for the line break tag is to code a simple list. Shown below is the standard code for a list.

<ol>
<li>First list item</li>
<li>Second list item</li>
<li>Third list item</li>
</ol>
  1. First list item
  2. Second list item
  3. Third list item

Shown below is a list coded by using line break tags.

1. First list item<br />
2. Second list item<br />
3. Third list item

1. First list item
2. Second list item
3. Third list item

As you can see a list coded by using line break tags uses far fewer tags.

RSS Feed RSS Feed


Follow Stephen Bucaro Follow @Stephen Bucaro


Web Design Sections

Fire HD
[Site User Agreement] [Privacy Policy] [Site map] [Search This Site] [Contact Form]
Copyright©2001-2016 Bucaro TecHelp 13771 N Fountain Hills Blvd Suite 114-248 Fountain Hills, AZ 85268