Sep 1, 2026

Tag List : Part 1

1. <address> : Contact info for document/article owner (Italicized, block-level default) 

<address>Wrox Press, 10475 Crosspoint Blvd, Indianapolis, IN 46256</address> 

2. <abbr> : Abbreviation with optional full-length hover title 

<p>I have a friend called <abbr title="Beverly">Bev</abbr>.</p>

4. <dfn> : Introducing a new or special term for the first time (Italicized)

<p>Mark up your documents using <dfn>XHTML</dfn>.</p>

5. <blockquote> & cite attribute : Extended quotes (Indented block)

<blockquote cite="http://www.w3.org/markup/">

  XHTML 1.0 is the W3C's first Recommendation for XHTML...

</blockquote>

<q> : Short inline quotations (Browsers automatically add quote marks) 

<p>As Dylan Thomas said, <q cite="http://example.com">Somebody's boring me. I think it's me</q>.</p>

6. <cite> : Citation source title (Italicized)

<p>This chapter is taken from <cite>Beginning Web Development</cite>.</p>

7. <code> : Computer code snippet (Monospaced font; escape < as &lt; and > as &gt;

<p><code>&lt;h1&gt;This is a primary heading&lt;/h1&gt;</code></p>

8. <kbd> : User keyboard input instructions (Monospaced font) -->

<p>Hold down <kbd>ctrl</kbd>, <kbd>alt</kbd>, and <kbd>delete</kbd> keys together.</p>

9. <var> : Variable/placeholder in programming contexts (Italicized) -->

<p><code>document.write("<var>user-name</var>")</code></p>

10. <samp> : Sample output from a computer program (Monospaced font) -->

<p><samp>This is the output from our test script.</samp></p>



Tag

Purpose

Default Styling

Modern Note

<address>

Contact information

Italic, new lines

Best reserved for article or site author details.

<abbr>

Abbreviations

Dashed underline (in some browsers)

Use title="" for full expansion.

<acronym>

Acronyms

Dashed underline

Obsolete in HTML5 — use <abbr> for both abbreviations and acronyms.

<dfn>

Defining instance of a term

Italic

Use only the first time a term is defined.

<blockquote>

Block-level quotes

Indented from margins

Use cite="" attribute for the source URL.

<q>

Inline quote

Quotation marks added around text

Use for short quotes inside paragraphs.

<cite>

Title of a work/citation source

Italic

HTML5 standard specifies this is for titles of works, not author names.

<code>

Computer code

Monospaced

Often wrapped in <pre> to preserve white space.

<kbd>

Keyboard or user input

Monospaced

Useful for instructional documentation.

<var>

Dynamic variable/placeholder

Italic

Works well inside <code> or <pre>.

<samp>

Computer output

Monospaced

Used to show what a computer program returns.


No comments:

Post a Comment

Thank you to visit Bapi's Page.