Stories
Slash Boxes
Comments

Dev.SN ♥ developers

HTML Element (tag) Tests

posted by martyb on Monday February 18 2019, @02:00PM   Printer-friendly
from the Is-this-thing-on? dept.
Rehash

martyb writes:

This is the line from the submit comment page:

<b|i|p|br|a|ol|ul|li|dl|dt|dd|em|strong|tt|blockquote|div|ecode|quote|sup|sub|abbr|sarc|sarcasm|user|spoiler|del|strike>

Comment with examples of each of these tags in use.

Original Submission

This discussion has been archived. No new comments can be posted.
HTML Element (tag) Tests | Log In/Create an Account | Top | 1000 moderator points   | 12 comments | Search Discussion
Display Options Breakthrough Mark All as Read Mark All as Unread
The Fine Print: The following comments are owned by whoever posted them. We are not responsible for them in any way.
(1)

  • (Score: 1) by martyb on Monday February 18 2019, @02:06PM

    by martyb (76) on Monday February 18 2019, @02:06PM (#31545) Journal

    The bold tag is used to make text appear in a heavier typeface.

    Here is a very simple example:

    <p>I want this text to appear <b>bold</b> unlike the rest of this text.</p>

    would be rendered as:

    I want this text to appear bold unlike the rest of this text.

  • (Score: 1) by martyb on Monday February 18 2019, @02:09PM (1 child)

    by martyb (76) on Monday February 18 2019, @02:09PM (#31546) Journal

    The italic tag is used to make text appear in an italic (tilted) typeface.

    Here is a very simple example:

    <p>I want this text to appear in <i>italics</b> unlike the rest of this text.</p>

    would be rendered as:

    I want this text to appear in italics unlike the rest of this text.

    • (Score: 1) by martyb on Monday February 18 2019, @02:17PM

      by martyb (76) on Monday February 18 2019, @02:17PM (#31547) Journal

      The bold and italic tags are used to make text appear in different typefaces.

      Here is an example of what happens when you use them alone and when they are nested:

      <p>This text is <b>bold</b>.</p>
      <p>This is in <i>italics</i>.</p>
      <p>This has <b>bold text containing <i>italic</i> text</b>.</p>
      <p>This has <i>italic text containing <b>bold</b> text</i>.</p>

      would be rendered as:

      This text is bold.

      This is in italics.

      This has bold text containing italic text.

      This has italic text containing bold text.

  • (Score: 0) by Anonymous Coward on Thursday March 21 2019, @06:12AM (5 children)

    by Anonymous Coward on Thursday March 21 2019, @06:12AM (#31548)
    https://soylentnews.org/comments.pl?noupdate=1&sid=30640&page=1&cid=817824#commentwrap [soylentnews.org]
    <sarcasm>Doesn't bloody work, according to preview...</sarcasm>

    • (Score: 0) by Anonymous Coward on Thursday March 21 2019, @06:20AM (3 children)

      by Anonymous Coward on Thursday March 21 2019, @06:20AM (#31549)

      Thread hijack, for more of Arik's complaints... I'll try the preformatted poem in the different posting modes in order...

      First, POT:

      (just did a pre, like that's gonna work in POT)
      (just did a br, ditto)
      There once was a whingey old winer \ Who had a great crush on Brent Spiner
      Unlike Bobba Fett \ Bots made him all wet
                                So he needed a fresh panty liner

      • (Score: 0) by Anonymous Coward on Thursday March 21 2019, @06:28AM

        by Anonymous Coward on Thursday March 21 2019, @06:28AM (#31551)


        There once was a whingey old winer \ Who had a great crush on Brent Spiner
        Unlike Bobba Fett \ Bots made him all wet
                                        So he needed a fresh panty liner

        That makes no sense - why is the leading space at the start of the final line preserved, but the middle spaces to line up the backslashes not preserved?
        Either the user is allowed to align things, or he isn't, not both at the same time.

      • (Score: 0) by Anonymous Coward on Thursday March 21 2019, @06:35AM (1 child)

        by Anonymous Coward on Thursday March 21 2019, @06:35AM (#31552)

        Still POT:

        {ecode there, now br}<br>
        There once was a whingey old winer \ Who had a great crush on Brent Spiner
        Unlike Bobba Fett                  \ Bots made him all wet
                              So he needed a fresh panty liner

        So ecode does what he wants, apart from the block-quote aspect of it.

        • (Score: 0) by Anonymous Coward on Thursday March 21 2019, @07:00AM

          by Anonymous Coward on Thursday March 21 2019, @07:00AM (#31553)

          breakingthedivs1breakingthediv2sbreakingthedi3vsbreakingthed4ivsbreakingthe5divsbreakingth6edivsbreakingt7hedivsbreaking8thedivsbreakin9gthedivsbreaki0ngthedivsbreak1ingthedivsbrea2kingthedivs

          so ecode doesn't seem to have broken the layout.

    • (Score: 0) by Anonymous Coward on Thursday March 21 2019, @06:25AM

      by Anonymous Coward on Thursday March 21 2019, @06:25AM (#31550)
      next HTML formatted {br}
      (just did a pre, which should work in html, and here's a br:)
      There once was a whingey old winer \ Who had a great crush on Brent Spiner Unlike Bobba Fett \ Bots made him all wet So he needed a fresh panty liner Why {pre} no worky?

  • (Score: 1) by martyb on Thursday March 21 2019, @08:05AM

    by martyb (76) on Thursday March 21 2019, @08:05AM (#31554) Journal

    The following uses the ECODE phrase:

    If at first you don't succeed,
       maybe you should not take up skydiving.

    1234567890

    12345678901234567890

    1234567890123456789012345678901234567890

    12345678901234567890123456789012345678901234567890123456789012345678901234567890

    1234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890

    Here is another ECODE example, taken from viewing the source HTML for this page:

    <!-- start template: ID 157, sidebox;misc;default -->

    <div class="block" id="sitebox-block">
        <div class="title" id="sitebox-title">
            <h4>
                Dev.SN
            </h4>
        </div>
        <div class="content" id="sitebox-content">
            <ul>
            <li><a href="https://twitter.com/soylentnews/" rel="nofollow">Twitter</a></li>
            <li><a href="http://chat.soylentnews.org" rel="nofollow">IRC</a></li>
            <li><a href="http://wiki.soylentnews.org/wiki/SoylentNews" rel="nofollow">Wiki</a></li>
            <li><a href="http://wiki.soylentnews.org/wiki/WhosWho" rel="nofollow">Who's Who?</a></li>
            <li><a href="https://github.com/SoylentNews/rehash/issues" rel="nofollow">Bug List</a></li>
            <li><a href="https://dev.soylentnews.org" rel="nofollow">Dev Server</a></li>
    </ul>
        </div>
    </div>

    <!-- end template: ID 157, sidebox;misc;default -->

  • (Score: 1) by martyb on Thursday March 21 2019, @08:29AM (1 child)

    by martyb (76) on Thursday March 21 2019, @08:29AM (#31555) Journal

    I just (temporarily) updated the some site vars:

    approved_tags:
       prepended: "pre|"

    approvedtags_visible:
       prepended: "pre|"

    Now comes a PRE phrase: 

    this is aligned on the LHS of the page.

that was a blank line before this one.
     There are 5 spaces on the LHS of this sentence.
Word     five spaces later.


Two skipped lines and now this sentence.

something something
    ^^^ End of pre phrase

    • (Score: 0) by Anonymous Coward on Thursday March 21 2019, @08:41AM

      by Anonymous Coward on Thursday March 21 2019, @08:41AM (#31556)

      POTty-mouthed pre test


      There once was an admin called Marty \ Whose preference for music was arty
      "Maybe it's just me                  \ but I like jazz that is free
      
                                And brass sections that sound all farty

      from:

      <pre>
      There once was an admin called Marty \ Whose preference for music was arty
      "Maybe it's just me                  \ but I like jazz that is free
                      And brass sections that sound all farty
      </pre>

      So it's buggy

(1)