-
Notifications
You must be signed in to change notification settings - Fork 0
/
texto.html
74 lines (72 loc) · 3.77 KB
/
texto.html
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
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="CSS/style.css">
<title></title>
</head>
<body>
<!-- Titulos
<h1 id="Titulo">Modulo contenido | Texto</h1>
<h2 id="Subtitulo">Subtitulo 1</h2>
<h3>Subtitulo 2</h3>
<h4>Subtitulo 3</h4>
<h5>Subtitulo 4</h5>
<h6>Subtitulo 5</h6>
<hr>
<style>
.per{
background: orangered;
}
</style>
-->
<!-- Cuerpo del texto
<p>Este elemento representa un párrafo. Por defecto, los navegadores le asignan un margen <span class="per">(Esto es un ejemplo de la etiqueta de texto "span")</span> en la parte superior para separar un párrafo de otro.</p>
<pre>Este elemento representa un texto con formato predefinido, como código de programación o un
poema que requiere que los espacios asignados a cada
carácter y los saltos de línea se muestren como se han declarado originalmente.</pre>
<span>Este elemento puede contener un párrafo, una frase o una palabra. No aplica ningún estilo al texto pero se usa para asignar estilos personalizados, como veremos en próximos capítulos.</span>
<hr>
<br>
-->
<!--significado especial a palabras individuales o frases completas.
<em id="especial">Este elemento se usa para indicar énfasis. El texto se muestra por defecto con letra cursiva.</em>
<br><br>
<strong>Este elemento es utiliza para indicar importancia. El texto se muestra por defecto en negrita.</strong>
<br><br>
<i>Este elemento representa una voz alternativa o un estado de humor, como un pensamiento, un término técnico, etc. El texto se muestra por defecto con letra cursiva.</i>
<br><br>
<u>Este elemento representa texto no articulado. Por defecto se muestra subrayado.</u>
<br><br>
<b>Este elemento es utiliza para indicar importancia. El texto se muestra por defecto en negrita.</b>
<br><hr>
-->
<!-- Elementos para insertar textos que tienen un propósito claramente definido.
<mark>Este elemento resalta texto que es relevante en las circunstancias actuales (por ejemplo, términos que busca el usuario)</mark>
<br><br>
<small>Este elemento representa letra pequeña, como declaraciones legales, descargos, etc.</small>
<br><br>
<cite>Elemento que representa el autor de una obra, libro, etc.</cite>
<br><br>
<address>Este elemento representa información de contacto. Se implementa con frecuencia dentro de los pies de página para definir la dirección de la empresa o el sitio web.</address>
<br><br>
<p>El concierto empieza a las <time>20:00</time>.</p>
<pre>
<code>
#include main() { for(;;) { printf ("Hello World!\n"); } }
</code>
</pre>
<data value="32">Treinta y Dos</data> <p>Este elemento representa datos genéricos.</p>
-->
<section id="texto">
<div>
<h1>Propiedades CSS - Texto</h1>
<p>Lorem, ipsum dolor sit, amet consectetur adipisicing elit. Laudantium quo itaque totam maxime quas consequuntur, dicta recusandae sunt sint veritatis nostrum assumenda, ex debitis cum provident optio omnis, dignissimos impedit.</p>
<p class="verdana">Lorem, ipsum dolor sit, amet consectetur adipisicing elit. <img src="IMG/jeje.jpg" width="50px" "">Laudantium quo itaque totam maxime quas consequuntur, dicta recusandae sunt sint veritatis nostrum assumenda, ex debitis cum provident optio omnis, dignissimos impedit.</p
</div>
<a href="#">Soy un enlace.</a>
</section>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Provident voluptate itaque quae, nesciunt maxime asperiores commodi expedita ex hic nam exercitationem ullam possimus. Nam ipsa quod cupiditate pariatur molestias asperiores?</p>
</body>
</html>