Team Stacks HW2

Style

i

The following text is wrapped with the i element: ho ho ha ha

b

The following text is wrapped with the b element: ho ho ha ha

u

The following text is wrapped with the u elemenet: ho ho ha ha

pre

                Line breaks are 
                preserved with the pre tag.

                Text spacing is      preserved with the     pre tag.

br

Line breaks are easy
But sometimes they don't make sense
Refrigerator

wbr (reduce window size to see the link breaks)

Linebreaksareeasy butsometimestheydon'tmakesense Refrigerator

bdo

Ordinary text
bdo with dir attribute set to "rtl" Text direction is right-to-left
bdo with dir attribute set to "ltr" Text direction is left-to-right

sub

This line contains _subscript text.

sup

This line contains ^superscript text.

mark

This line contains text highlighted with the mark tag.

Code

<h2>Style</h2>
            <section>
                <h2>i</h2>
                <p>The following text is wrapped with the i element: <i>ho ho ha ha</i>
                </p>
            </section>
            <section>
                <h2>b</h2>
                <p>The following text is wrapped with the b element: <b>ho ho ha ha</b>
                </p>
            </section>
            <section>
                <h2>u</h2>
                <p>
                    The following text is wrapped with the u elemenet: <u>ho ho ha ha</u>
                </p>
            </section>
            <section>
                <h2>pre</h2>
                <pre>
                Line breaks are 
                preserved with the pre tag.
            </pre>
                <pre>
                Text spacing is      preserved with the     pre tag.
            </pre>
            </section>
            <section>
                <h2>br</h2>
                <p>Line breaks are easy
                    <br>But sometimes they don't make sense
                    <br>Refrigerator
                </p>
            </section>
            <section>
                <h2>wbr (reduce window size to see the link breaks)</h2>
                <p>
                    Linebreaksareeasy
                    <wbr>butsometimestheydon'tmakesense
                    <wbr>Refrigerator
                </p>
            </section>
            <section>
                <h2>bdo</h2>
                <ul>
                    <li> Ordinary text </li>
                    <li> bdo with dir attribute set to "rtl"
                        <bdo dir="rtl">Text direction is right-to-left</bdo>
                    </li>
                    <li> bdo with dir attribute set to "ltr"
                        <bdo dir="ltr">Text direction is left-to-right</bdo>
                    </li>
            </section>
            <section>
                <h2>sub</h2>
                <p>
                    This line contains <sub>subscript</sub> text.
                </p>
            </section>
            <section>
                <h2>sup</h2>
                <p>
                    This line contains <sup>superscript</sup> text.
                </p>
            </section>
            <section>
                <h2>mark</h2>
                <p>
                    This line contains text
                    <mark>highlighted</mark> with the mark tag.
                </p>
            </section>