Getting Started with Marking Up Page Content

Tag defines a paragraph Automatically creates some space before and after itself Code Browser Display

- Tags Define headings is Most important is Least important Code Browser Display

Tag Inserts a single line break Empty tag – it has no end tag Use to enter blank lines, NOT to separate paragraphs Code Browser Display

Tag Creates horizontal rule (line) AND Defines a separation of content (change) – a thematic break Empty tag - – it has no end tag Code Browser Display

Tag Originally “b” short for “Bold” Default: makes text look bold Makes text have different style from the rest without meaning “extra important” Code Browser Display

Tag Default: makes text look bold Makes text have extra importance relative to content around it Additional tags show more importance Code Browser Display

Tag Default: renders text in italics Represents text in different voice or mood from rest of text Code Browser Display

Tag Default: renders text in italics Simple way to emphasize text (stress emphasis – something you’d pronounce differently) Code Browser Display

When to Use Which? Words in different language Technical terms Taxonomic designations Typographically italicized text Keywords Lead sentence in an article Typographically bold words Stress Emphasis Something you’d pronounce differently Strong Importance Puts contents in hierarchy – assigns it a level of importance Read this article to learn more….this article

Attributes Provide additional info about an element Specified in start tag Come in name/value pairs: name=“value” Attribute lang – short for language es – language code for Spanish Code Browser Display

Nesting Tags must be nested correctly Should be closed out in reverse order.. First opened…Last closed  