Saturday, July 9, 2011

Lines and Paragraphs

<DIV ...>

<DIV ...>, a block-level element, simply defines a block of content in the page. Beyond defining a block, <DIV ...> itself doesn't do anything. For example, the following code creates a <DIV ...> element with two paragraphs inside of it. Notice that you can put <P ...> elements inside a <DIV ...>.
This is stuff before the <NOBR><CODE>&#60;DIV ...&#62;</CODE></NOBR>.

<DIV>
This is stuff inside the <NOBR><CODE>&#60;DIV ...&#62;</CODE></NOBR>.

<P>

This is more stuff inside the <NOBR><CODE>&#60;DIV ...&#62;</CODE></NOBR>.
</DIV>

This is stuff after the <NOBR><CODE>&#60;DIV ...&#62;</CODE></NOBR>.
which gives us:
This is stuff before the <DIV ...>.
This is stuff inside the <DIV ...>.
This is more stuff inside the <DIV ...>.



<P ...>

Usage Recommendation
thumbs up use it
  • ALIGN: alignment of text within the paragraph
 
  • CLEAR: move past picture and other objects
<P ...> indicates the start of a new paragraph. This is usually rendered with two carriage returns, producing a single blank line in between the two paragraphs:
This is the first paragraph.

<P>

And this is the second paragraph.
produces
This is the first paragraph.
And this is the second paragraph.

CSS

Style Sheets

Contents

CSS Properties next page
There is a great deal of information on CSS all over the web. Since it’s a reasonably open web development methodology with lots of options this can quickly lead to confusion and frustration.
We are providing you with a basic tutorial of how CSS works and why you might want to start using it. The examples on this site are designed to be lean and mean and easy for you to understand.  Feel free to use what you find, all we ask is that you link back to us from your site.
What is CSS?
CSS is short for Cascading Style Sheets. It is a new web page layout method that has been added to HTML to give web developers more control over their design and content layout. Using CSS allows a designer to create a standard set of commands (either embedded inside the web page or from an external page) that controls the style of all subsequent pages.
With CSS you can add style (fonts, colors, spacing, size. links) to web documents. More advanced techniques control the layout of the page without the use of tables or other cumbersome HTML.
The most important thing for web designers to understand about CSS is that CSS separates the layout and the styles of a web page. This is often difficult for comprehend for web designers that are used to compiling their creative and HTML coding in a single web page document.
 Styles such as fonts, font sizes, margins, can be specified in one place, then the Web pages feed off this one master list, with the styles cascading throughout the page or an entire site.
What are the benefits of using CSS?
Until recently web page layout was not an exact science. It has been managed by inventive designers who mastered table-based HTML layouts enough to create compelling sites. With CSS all of that has changed as standards are finally being set for the present and future of web design.
CSS is beneficial to the designer because of the afore mentioned control they have over their web site design and how it will be appear across platforms and browsers.
Web sites designed in CSS are faster to change and update. Because the coding is reduced the pages are more efficient and require less bandwidth. Cost saving functions like these are causing businesses to demand CSS from their designers which is forcing less hold-out designers to convert because their clients demand it.
The main benefit to designers and to companies is that CSS speeds the time it takes to develop and update site layouts. Communication is easier among multiple developers because the workflow is standardized.
All in all, CSS is a development method that every designer will be using in the near future, and one that is very beneficial to everyone involved, from the designer through to the end user.

Home Page

Welcome to the HTML Code Tutorial. Our goal is to provide the most helpful and complete guide to creating web pages anywhere. If you're just beginning,
Subscribe to: Posts (Atom)