Lesson 3

Advanced Block & Inline Elements

OBJECTIVE

To learn more advance technniques with Block and Inline Elements

PREREQUISITE

BLOCK AND INLINE ELEMENTS


Now let us look at the less familiar uses in Block Level Elements

BLOCK ELEMENTS

What is a Blockquote element?

A Blockquote element is information quoted from another website, for instance here is an example:

BLOCKQUOTE EXAMPLE

about

Click on image to view image and code


What is a <dl> element?

A <dl>, is an element that defines a definition list. The list starts with a <dt> for the term being defined and the <dd> for the definition of the term.for instance here is an example:

DEFINITION LIST EXAMPLE


Calendar

Click on image to view image and code


PREFORMATED TEXT EXAMPLE

Preformatted text allows the format of the text to flow with the format you want it to go.


        class helloworld {
          public static void main(string[] args) {
            system.out.println("hello world!");
          }
        }
        

INLINE ELEMENTS

What is a abrr element?

<abbr>, tags are used as abbreviations, for titles like "World Wide Web" for instance WWW.


What is a Cite element?

<cite>, tags are used to give a title to a piece of work. Here is an example:

Koinonia Bridge

Koinonia Bridge by Michael Feucht. Taken in 2012.



QUIZ 3

Ok your doing fine, lets keep going.

⇑ Back To The Top ⇑

Give It A Try!