Blog

CheatSheet Html

Content

  • HTML Tags Cheat Sheet
    • Div Section
    • Headings or Headers
    • styled paragraph
    • Image Label
    • label for links
    • bold or bold
    • Italic or italic label
    • Underline Tag
    • label for iframe
  • label for abbreviation
    • HTML comment
    • horizontal line label
    • Line break tag

HTML Tags Cheat Sheet

Div Section

<div>Block element</div>

Headings or Headers

<h1>Page title</h1>
<h2>Subheading</h2>
<h3>Sub subheading</h3>
<h4>Quaternary heading</h4>

styled paragraph

<p style="text-align: center;">text</p>

Label picture

<img src="/demo.jpg" alt="description" height="48" width="100">

<a href="https://www.srcodigofuente.com/" target="_blank" rel="nofollow">
  Click aquí esto es el Anchor text o Texto ancla
</a>

image link

<a href="link-de-muestra"
   target="_blank" rel="external nofollow">
      <img src="/imagen.jpg" alt="baby"
           width="100" height="48" /><br />
      Texto ancla del hipervínculo
</a>

Link to email or mailto

<a href="mailto:[email protected]?Subject=hola%20mundo" target="_top">Enviar email</a>

Link to internal element with ID

<a href="#footer">Jump to footnote</a>

bold or bolds

<strong>texto con urgencia</strong>
o
<b>texto en negrita</b>

Italic or italic label

<em>Italic text</em>
<i></i>

Underline Tag

<span style="text-decoration: underline;">Underlined text</span>
o
<u>texto subrayado</u>

label for iframe

<iframe src="link-embed" width="200" height="200">
</iframe>

label for abbreviation

<abbr title="Hypertext Markup Language">HTML</abbr>

HTML comment

<!-- HTML
Comment -->

horizontal line label

<hr />

Label line break or line break

<br />

Leave a Reply