HTML and CSS Reference
In-Depth Information
Here is a good example of HTML in use. Say you have a block of text that you want to communicate:
We the People of the United States, in Order to form a more perfect Union,
establish Justice, insure domestic Tranquility, provide for the common defense,
promote the general Welfare, and secure the Blessings of Liberty to ourselves
and our Posterity, do ordain and establish this Constitution for the United
States of America. Article. I. Section. 1. All legislative Powers herein
granted shall be vested in a Congress of the United States, which shall consist
of a Senate and House of Representatives. Section. 2. The House of
Representatives shall be composed of Members chosen every second Year by the
People of the several States, and the Electors in each State shall have the
Qualifications requisite for Electors of the most numerous Branch of the State
Legislature.
Although all the information you need to convey is contained here, it's a struggle to understand
the meaning because it's a big block of plain text. It would make a lot more sense if we were able
to mark it up in some way to indicate structure as well as communicate content. How about if we
break it up into paragraphs using symbols, like this:
<p>We the People of the United States, in Order to form a more perfect Union,
establish Justice, insure domestic Tranquility, provide for the common defense,
promote the general Welfare, and secure the Blessings of Liberty to ourselves
and our Posterity, do ordain and establish this Constitution for the United
States of America.</p>
<p>Article. I.</p>
<p>Section. 1.</p>
<p>All legislative Powers herein granted shall be vested in a Congress of the
United States, which shall consist of a Senate and House of Representatives.</p>
<p>Section. 2.</p>
<p>The House of Representatives shall be composed of Members chosen every second
Year by the People of the several States, and the Electors in each State shall
have the Qualifications requisite for Electors of the most numerous Branch of
the State Legislature.</p>
One symbol, <p> , shows where the paragraph starts and another, similar symbol, </p> , shows
where it ends. Overall, that's better — at least you can read it now without your eyes crossing — but
everything is still on one level. Perhaps we can show the difference between a heading and a para-
graph of text by using different symbols, such as an <h> for a heading and a <p> for a paragraph:
<h>Article. I.</h>
<h>Section. 1.</h>
<p>All legislative Powers herein granted shall be vested in a Congress of the
United States, which shall consist of a Senate and House of Representatives. </p>
Search WWH ::




Custom Search