code-path/html/elementos/texto.html at master · u-n-a-i/code-path · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Texto</title>
  </head>
  <body>
    <!-- Encabezados -->
    <h1>Encabezados</h1>
    <h2>Encabezados</h2>
    <h3>Encabezados</h3>
    <h4>Encabezados</h4>
    <h5>Encabezados</h5>
    <h6>Encabezados</h6>

    <!-- Línea -->
    <hr />

    <!-- Párrafos -->
    <p>Esto es un párrafo de prueba.</p>

    <!-- Formato -->
    <p>
      Texto de <b>relleno</b> par probar <del>diferentes</del> tipos de
      formatos. No <i>usar</i> los formatos de <mark>HTML</mark> para
      <u>decorar</u>.
    </p>

    <!-- Dirección de texto -->
    <p dir="ltr">Este texto se muestra de izquierda a derecha.</p>
    <p dir="rtl">Este texto se muestra de derecha a izquierda</p>

    <hr />

    <!-- Bloques -->
    <blockquote cite="https://developer.mozilla.org/es/">
      <p>
        <strong>Info:</strong> Página web con una gran cantidad de documentación
        sobre HTML,CSS,JS...
      </p>
    </blockquote>

    <!-- Fecha -->
    <p>
      La fecha de publicación de este artículo es
      <time datetime="2050-10-25">25 de octubre de 2050</time>.
    </p>

    <!-- Salto de línea -->
    <br />
    <br />

    <!-- Direcciones -->
    <address>
      <p>Nombre de la Empresa</p>
      <p>Dirección: 123 Calle Principal, Ciudad, País</p>
      <p>Teléfono: <a href="tel:+123456789">+123 456 789</a></p>
      <p>
        Correo Electrónico:
        <a href="mailto:info@empresa.com">info@empresa.com</a>
      </p>
    </address>
    <hr />
    <!-- Acrónimos -->
    <p>
      <abbr title="Hypertext Markup Language">HTML</abbr> es un lenguaje de
      marcado utilizado para crear contenido en la web.
    </p>
    <hr />

    <!-- Entidades -->
    <p>
      Este es un ejemplo de uso de &lt;strong&gt;etiquetas HTML&lt;/strong&gt;.
    </p>
    <p>&copy; 2023 Mi Empresa, Inc.</p>
    <p>&euro; 100.00</p>

    <hr />
    <p>Aquí tienes un ejemplo de código en HTML:</p>
    <code>
      &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;Mi
      Página&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;h1&gt;Hola,
      mundo&lt;/h1&gt; &lt;/body&gt; &lt;/html&gt;
    </code>
  </body>
</html>