presentation strong element

11
STRONG ELEMENT CLA IRE PIERCE

Upload: clairepierce12

Post on 25-Jun-2015

50 views

Category:

Documents


1 download

TRANSCRIPT

Page 1: Presentation Strong Element

STRONG E

LEMENT

CL A

I RE

PI E

RC

E

Page 2: Presentation Strong Element

PURPOSE

• What the <strong> tag is used for is to bold particular phrases or words within paragraphs or Headings.

• For example it can be placed mid sentence to bold a specific word.

Page 3: Presentation Strong Element

START TAG

<strong>

Page 4: Presentation Strong Element

CHANGES FROM HTML4 TO HTML5

• In the Previous HTML4 the symbol to bold words was <b>.

• In HTML5 it has been changed to <strong>. This was done under the idea that it represented stronger emphasis or strong importance.

Page 5: Presentation Strong Element

HOW TO USE THE STRONG TAG

• The strong tag is a tag that has to reside inside block element.

• For example, you cant start a paragraph like <strong> content </strong>. It has to be put inside the paragraph element:

<p><strong>content</strong></p>

Page 6: Presentation Strong Element

END TAG

</strong>

Page 7: Presentation Strong Element

WHERE CAN THE TAG BE USED

• The <strong> tag can be used inside other elements like

- <p> paragraph

- <h1> Headings

- <ol> Ordered Lists

- <ul> Unordered lists

Page 8: Presentation Strong Element

OTHER USEFUL COMBINATIONS

• The strong tag is closely related to the emphasis tag (makes words italicized). It is possible to both bold an already italicized word or phrase. This gives that area of text extra impact or emphasis.

<p><strong><em> CONTENT</em></strong></p>

Page 9: Presentation Strong Element

IMPORTANT USES FOR THE ELEMENT

• Some uses for the element are to bold a heading to give it greater importance.

• Or to create an in text highlight, if a specific word needs greater importance than others.

Page 10: Presentation Strong Element

STRONG ELEMENT EXAMPLES

<heading>

<h1><strong> HEADING </strong></h1>

</heading>

<ul>

<li><strong> LIST </strong></li>

</ul>