24 Hour Comic – Monster Markup Manual

Posted by

No strip today, but instead I’ve got my 24 hour comic day submission, Monster Markup Manual, a ten paged comic that is Bee’s guide to markup/html.

This is the sleep deprived version, it needs about two more pages, and some editing, but I hope it can serve as a friendly guide to html markup. Maybe sometime I’ll do one on CSS.

New strip shall be up in the next few days!

13 Responses

    • admin_wench
      | Reply |

      I can neither confirm nor deny that rumor since Orcs are, according to Bee, a lesser species with no taste or class.

  • Alex
    | Reply |

    This is amazing. I would definitely have taken an HTML class if it had been taught by someone as awesome as Bee. As it is, thanks for teaching the basics!

    However, I now have a burning question, given that all the HTML I know I learned from deconstructing webpages in Notepad, circa 1996. Why have “i” and “b” been replaced with “em” and “strong?” (I’m not using the brackets since these are all usable tags in posts.) Or were they always misused? Either way, I guess, what’s the difference? O.O

    • Sarah
      | Reply |

      Truth be told, I kinda oversimplified my description in the comic – something I want to correct at some point when I rework it, when I’m not super sleep deprived from 24 hour comic day. Technically, you can use “i” and “b”, but their meanings have shifted since HTML4. With HTML5, html tags have more semantic meanings so that you can understand the importance of text based on what type of tag is being used. So in 1996, “i” and “b” were the correct tags to use, but that has changed in recent years.

      With an “i” tag, you’re saying that that text has a different styling than the rest of the text. For example, Han Solo would be the captain of the Millennium Falcon. There is no particular stress/importance being placed on the Millennium Falcon. It just kinda shows that it is called “Millennium Falcon.” You might also use the “i” tag to indicate the internal thoughts of a character.

      On the other hand, the “em” tag is indicating stress needs to be placed on the text in question. Like Luke whining about how he wants to go to Toshi Station, now A person or software reading the text would no to pronounce those words with an emphasis.

      “b” only means the text is stylistically bold, but doesn’t indicate any particular meaning with the text within it. The “strong” element means “This text is important.”

      Mozilla has a pretty awesome site that discusses the meaning of different tags.

      • Alex
        | Reply |

        Wow! That makes a lot of sense, and I can certainly see the importance of telling text-reading software about emphasis. (One of my best friends growing up was blind; I did some time “translating” early computer-based text-reading efforts. >.>) That’s very neat; thank you so much for the explanation. 🙂 Truly, you are a lady of many talents!

  • Comment

    • (will not be published)

    NOTE - You can use these HTML tags and attributes:

    <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>