User Tools

Site Tools


web_development:frontend:html

Summary of Main HTML Commands

HTML (HyperText Markup Language) is the standard language for creating web pages. Below is a summary of some of the most common and essential HTML tags.

Structural Tags

  • <!DOCTYPE> - Declares the document type and version of HTML.
  • <html> - The root element of an HTML document.
  • <head> - Contains meta-information about the document (title, links, scripts).
  • <title> - Sets the title of the document, displayed in the browser tab.
  • <body> - Contains the visible content of the document.

Text Formatting

  • <h1> to <h6> - Defines headings, from largest (<h1>) to smallest (<h6>).
  • <p> - Defines a paragraph.
  • <br> - Inserts a line break.
  • <hr> - Inserts a horizontal line.
  • <strong> - Defines bold text.
  • <em> - Defines italicized text.
  • <a> - Defines a hyperlink. Example: `<a href=“https://example.com”>Link</a>`.
  • <img> - Embeds an image. Example: `<img src=“image.jpg” alt=“Description”>`.
  • <video> - Embeds a video. Example: `<video controls src=“video.mp4”></video>`.
  • <audio> - Embeds audio content. Example: `<audio controls src=“audio.mp3”></audio>`.

Lists

  • <ul> - Creates an unordered list.
  • <ol> - Creates an ordered list.
  • <li> - Defines a list item.

Tables

  • <table> - Defines a table.
  • <tr> - Defines a table row.
  • <td> - Defines a table cell.
  • <th> - Defines a table header.

Forms

  • <form> - Defines an HTML form for user input.
  • <input> - Defines an input field.
  • <button> - Defines a clickable button.
  • <label> - Labels an input field for accessibility.
  • <select> - Defines a drop-down list.
  • <option> - Defines an option in a drop-down list.

Semantic Tags (HTML5)

  • <header> - Defines a page or section header.
  • <nav> - Defines a navigation menu.
  • <section> - Defines a thematic grouping of content.
  • <article> - Defines a standalone piece of content.
  • <footer> - Defines a page or section footer.

Meta Tags

  • <meta> - Provides metadata about the document (e.g., character set, description, keywords).
  • <link> - Links to external resources like stylesheets. Example: `<link rel=“stylesheet” href=“style.css”>`.

Scripts

  • <script> - Embeds or links to JavaScript code.

This summary covers the most essential HTML tags for basic web development. You can expand each tag for detailed information and examples.

web_development/frontend/html.txt · Last modified: 2025/02/12 07:55 by 85.219.17.206