Flashcards › Technology & Coding › Web Development
HTML Tags
Common HTML elements and attributes for building web pages.
0 of 75 known
75 cards
- <html>TagThe root element that wraps the whole page
- <!DOCTYPE html>TagDeclares the page uses modern HTML5
- <head>TagHolds information about the page, not shown on screen
- <title>TagThe page title shown in the browser tab
- <meta>TagMetadata about the page, like character set
- <link>TagLinks to outside files such as stylesheets
- <style>TagHolds CSS written inside the page
- <script>TagHolds or loads JavaScript
- <body>TagThe visible content of the page
- <h1>TagThe main heading, the largest
- <h2> to <h6>TagSmaller headings
- <p>TagA paragraph of text
- <br>TagA line break
- <hr>TagA horizontal line dividing content
- <a href='url'>TagA link to another page
- <img src='pic.jpg' alt='description'>TagShows an image; alt describes it
- <strong>TagImportant text, usually bold
- <em>TagEmphasized text, usually italic
- <b>TagBold text without extra importance
- <i>TagItalic text
- <u>TagUnderlined text
- <mark>TagHighlighted text
- <code>TagA short piece of computer code
- <pre>TagPreformatted text that keeps spaces and line breaks
- <blockquote>TagA long quotation
- <ul>TagAn unordered (bulleted) list
- <ol>TagAn ordered (numbered) list
- <li>TagOne item in a list
- <dl>, <dt>, <dd>TagA description list, its term, and its description
- <table>TagA table
- <tr>TagA table row
- <td>TagA table cell
- <th>TagA table header cell
- <thead>, <tbody>, <tfoot>TagParts of a table
- <div>TagA generic block container
- <span>TagA generic inline container
- <header>TagIntroductory content or navigation area
- <nav>TagA group of navigation links
- <main>TagThe main content of the page
- <section>TagA themed group of content
- <article>TagIndependent content like a blog post
- <aside>TagSide content related to the main content
- <footer>TagFooter content, such as copyright
- <figure> and <figcaption>TagAn image or diagram with a caption
- <form>TagA form to collect information
- <input>TagA field where users type or choose
- <label>TagA text label for a form control
- <textarea>TagA large multi-line text box
- <select> and <option>TagA dropdown menu and its choices
- <button>TagA clickable button
- <fieldset> and <legend>TagGroups form controls with a title
- <audio>TagPlays sound
- <video>TagPlays video
- <source>TagSpecifies a media file for audio or video
- <canvas>TagA drawing area for graphics scripts
- <svg>TagVector graphics drawn in code
- <iframe>TagEmbeds another page inside the page
- <details> and <summary>TagA show/hide widget with a visible summary
- <abbr>TagAn abbreviation
- <time>TagA date or time
- <sup> and <sub>TagSuperscript and subscript text
- AttributeTagExtra information in a tag, like href or src
- id attributeTagA unique name for one element
- class attributeTagA name shared by many elements for styling
- alt attributeTagText describing an image, for screen readers
- href attributeTagThe link destination
- src attributeTagThe source file of an image or script
- target='_blank'TagOpens a link in a new tab
- type attribute (input)TagChooses the control type: text, checkbox, number and so on
- placeholder attributeTagHint text shown in an empty input
- required attributeTagThe form field must be filled in
- Comment in HTMLTag<!-- comment -->
- Self-closing (void) tagsTagTags with no closing tag, like <br>, <img>, <input>
- NestingTagPutting tags inside other tags
- HTML stands forTagHyperText Markup Language
Download this deck
- CSVExcel, Google Sheets, Numbers
- Anki / Quizlet (tab-separated)Import straight into Anki or Quizlet
- JSONFor programmers and apps
- Plain textOne card a line, “front : back”, ready for Peabody's flashcard maker to print
Want paper cards? Paste the plain-text download into the flashcard maker.