HTML: tagi (znaczniki)

Przykładowe tagi

<p>To jest akapit tekstu</p>

<input /> <!-- ← pole do wpisywania tekstu  -->

<dialog>To jest wyskakujące okno</dialog>
        

Atrybuty

<tag attribute="value"></tag>
<!-- attribute: <global-attrs> | per-element attrs -->
        

Globalne atrybuty

• accesskey
• autocapitalize
• autofocus
• class
• contenteditable
• contextmenu
• data-
• dir
• draggable
• enterkeyhint
• exportparts
• hidden
• id
• inert
• inputmode
• is
• itemid
• itemprop
• itemref
• itemscope
• itemtype
• lang
• nonce
• part
• popover
• role
• slot
• spellcheck
• style
• tabindex
• title
• translate
• virtualkeyboardpolicy

<button type="submit">Send</button>
<img src="assets/avatars/user.jpg" alt="Jane Doe" />
<p dir="rtl">This text is in a right to left language</p>
<article lang="es">Este articulo esta en español</article>
<a href="https://google.com" rel="noreferrer,noopener" target="_blank">Google</a>
          

Komentarze

<!-- this is a comment -->
        

Zamykanie i zagnieżdżanie znaczników

<section></section>
<section>
  <h2>Heading</h2>
</section>
<input type="text" />
        

<section>
  <h2>Heading</h2>
  <p>Lorem, ipsum dolor sit <a href="#"><strong>amet</strong> consectetur</a> adipisicing elit. Id reiciendis ducimus aut laboriosam maxime commodi sapiente, accusantium at ad consectetur eveniet nesciunt esse sunt voluptatibus dolor, repudiandae voluptate iure fuga.</p>
  <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Saepe similique ipsum sed dolorum? Quas aspernatur eveniet omnis fuga, atque consequuntur corporis ipsam praesentium cumque enim debitis quo a nulla. Nemo.</p>
  <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Explicabo quia at nisi error sequi commodi magni ad repellat vel, obcaecati cumque facere necessitatibus vitae, quidem voluptatem suscipit ipsum saepe labore?</p>
</section>