Scribd
Upload
5 views6 pages

Front End Technology

HTML (HyperText Markup Language) is the standard markup language for creating web pages, consisting of essential tags for structure, content, formatting, and multimedia. The document outlines various HTML elements, including metadata, text formatting, links, lists, tables, forms, and semantic elements, along with obsolete tags. This comprehensive guide serves as a reference for utilizing HTML effectively in web development.

Uploaded by

Keerthana
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
5 views6 pages

Front End Technology

HTML (HyperText Markup Language) is the standard markup language for creating web pages, consisting of essential tags for structure, content, formatting, and multimedia. The document outlines various HTML elements, including metadata, text formatting, links, lists, tables, forms, and semantic elements, along with obsolete tags. This comprehensive guide serves as a reference for utilizing HTML effectively in web development.

Uploaded by

Keerthana
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 6

HTML (HyperText Markup Language) is the standard markup language used to create web

pages. Here are some of the essential HTML tags you might need:

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Document</title>

</head>

<body>

</body>

</html>

HTML (HyperText Markup Language) is the standard markup language used to create web
pages. Here are some of the essential HTML tags you might need:

Basic Structure

● <!DOCTYPE html>: Defines the document type and version of HTML.


● <html>: The root element of an HTML page.
● <head>: Contains meta-information about the document.
● <title>: Sets the title of the document (shown in the browser title bar or tab).
● <body>: Contains the content of the HTML document.

Metadata and SEO


● <meta>: Defines metadata such as character set, author, description, and viewport
settings.

Text Content

● <h1> to <h6>: Header tags, with <h1> being the highest level.
● <p>: Paragraph.
● <pre> : Presized Text
● <br>: Line break.
● <hr>: Horizontal rule.
● <span>: Inline container for text.
● <div>: Block-level container for content.

Formatting

● <b>: Bold text.


● <strong>: Important text (typically bold).
● <i>: Italic text.
● <em>: Emphasized text (typically italic).
● <u>: Underlined text.
● <mark>: Highlighted text.
● <small>: Smaller text.
● <del>: Deleted (strikethrough) text.
● <ins>: Inserted (underlined) text.
● <sub>: Subscript text.
● <sup>: Superscript text.

Links and Navigation

● <a>: Anchor (hyperlink).


● <nav>: Section for navigation links.

Lists

● <ul>: Unordered list.


● <ol>: Ordered list.
● <li>: List item.
● <dl>: Description list.
● <dt>: Description term.
● <dd>: Description definition.
Tables

● <table>: Table.
● <caption>: Table caption.
● <tr>: Table row.
● <th>: Table header cell.
● <td>: Table data cell.
● <thead>: Group header content in a table.
● <tbody>: Group body content in a table.
● <tfoot>: Group footer content in a table.

Forms

● <form>:Form for user input.


● <input>: Input field.
● <textarea>: Multi-line text input.
● <button>: Button.
● <select>: Drop-down list.
● <option>: Option in a drop-down list.
● <label>: Label for form elements.

Multimedia

● <img>: Image.
● <audio>: Audio content.
● <video>: Video content.
● <source>: Multiple media resources for <audio> or <video>.
● <track>: Text tracks for <video> or <audio>.

Embedded Content

● <iframe>: Inline frame.


● <embed>: General-purpose container for external content.
● <object>: Container for external resources like plugins.
● <param>: Parameters for <object>.

Scripting

● <script>:Defines client-side JavaScript.


● <noscript>: Alternative content for browsers without scripting support.
Styles and Semantics

● <style>: Internal CSS.


● <link>: Links to external resources, like CSS files.
● <header>: Introductory content or navigational aids.
● <footer>: Footer content.
● <section>: Thematic grouping of content.
● <article>: Independent, self-contained content.
● <aside>: Content aside from the main content (like sidebars).
● <main>: Main content of the document.
● <figure>: Self-contained content, typically with a caption.
● <figcaption>: Caption for a <figure> element.
● <details>: Disclosure widget for additional content.
● <summary>: Summary for a <details> element.

Interactive Elements

● <details>: Creates a widget that users can open and close.


● <summary>: Specifies a summary, caption, or legend for a <details> element.
● <dialog>: Defines a dialog box or window.
● <menu>: Defines a list or menu of commands.
● <menuitem>: Defines a command or menu item in a popup menu.

Document Metadata

● <base>: Specifies the base URL for all relative URLs in a document.
● <link>: Defines a relationship between the current document and an external resource
(commonly used to link to stylesheets).

Semantic Elements

● <address>: Contact information.


● <article>: Independent, self-contained content.
● <aside>: Content aside from the main content (like sidebars).
● <footer>: Footer content.
● <header>: Introductory content or navigational aids.
● <main>: Main content of the document.
● <section>: Thematic grouping of content.
● <time>: Represents a specific time (can be used for dates, times, or durations).

Inline Text Semantics


● <abbr>: Abbreviation or acronym.
● <cite>: Title of a work.
● <code>: Computer code.
● <data>: Links content with a machine-readable translation.
● <kbd>: User input (typically keyboard input).
● <samp>: Sample output from a computer program.
● <var>: Variable.
● <ruby>: Ruby annotation (for East Asian typography).
● <rt>: Explanation or pronunciation of characters in a ruby annotation.
● <rp>: Parenthesis around a ruby annotation.

Web Components

● <template>: Container for content that should be hidden when the page loads.
● <slot>: Placeholder inside a web component that you can fill with your own markup.
● <shadow>: Shadow DOM.

Embedded Content

● <map>: Image map.


● <area>: Clickable area inside an image map.
● <canvas>: Graphics drawing area.
● <math>: Mathematical notations.
● <svg>: Scalable Vector Graphics.

Forms and Input Elements

● <datalist>: Provides a list of predefined options for an <input> element.


● <fieldset>: Groups related elements in a form.
● <legend>: Caption for a <fieldset>.
● <keygen>: Generates a key-pair.
● <output>: Represents the result of a calculation.

Obsolete Elements (still may encounter in old code)

● <acronym>: Acronym (use <abbr> instead).


● <applet>: Embedded Java applet (use <embed> or <object> instead).
● <bgsound>: Background sound (use <audio> instead).
● <big>: Large text (use CSS instead).
● <blink>: Blinking text (use CSS animations instead).
● <center>: Center-aligned text (use CSS instead).
● <font>: Font style (use CSS instead).
● <frame>: Frameset (use <iframe> instead).
● <frameset>: Collection of frames.
● <noframes>: Content to display if frames are not supported.
● <strike>: Strikethrough text (use <del> or <s> instead).
● <tt>: Teletype text (use CSS instead).

These tags cover a broad spectrum of HTML capabilities, from basic structure and content to
complex interactions and multimedia handling.

You might also like