HTML5, CSS3, and JavaScript Fourth Edition

(Ben Green) #1

CHAPTER 2. CONTENT VS MARKUP 14


2.1.1 Say Something


Maybe our content is artistic. Maybe it is words. Maybe it is interactive,
like a game.


Decide what your content is.


If you don’t have any content now, you can fake it using lorem ipsum. See
section 25.2.1 (page 243), for details.


The easiest thing to work with is words, so we will start there.


Develop your content. Write your essay. Compose your poetry. Express
your message. Create your content.


With your content in hand, we can begin the second step: markup.


As you develop your skills, you will probably find that you can do the markup
as you create the content.


But for now, generate some content.


2.1.2 Look For Its Structure


With your content (a document of some kind) in hand, the next step is to
look for the structure within.


Normally the structure consists of sentences arranged into paragraphs.


The paragraphs may fall into sections that have headings.


Headings and paragraphs are the major elements of structure.


You might also find that you have illustrations with titles or captions.


You might also find that you have tables of information.


Among your headings, you might find that you have major headings and
minor headings.


Structural Markup is the process of telling the browser about the structure
of your document.


Presentational Markup is the process of telling the browser more about how
you want your document presented.


Marking some words as Bold or Italic is presentational markup.


Most presentational commands have been moved out of HTML and into

Free download pdf