-
Notifications
You must be signed in to change notification settings - Fork 0
/
etiquetasTexto.html
38 lines (32 loc) · 3.81 KB
/
etiquetasTexto.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
<!DOCTYPE HTML>
<html lang="es">
<head>
<title>Mi primera web</title>
</head>
<body>
<h1>Titulo de mi web</h1>
<h2>Bienvenidos a mi web</h2>
<!-- Vamos a ver las herramientas más importantes para texto a partir de este momento -->
<!-- cabe acotar que <h1> y <h2> son etiquetas de texto -->
<p>Hola que tal desde este curso</p>
<!-- Al colocar una etiqueca de texto automáticamente html efectúa un salto de línea -->
<p>Hola que tal desde este curso</p>
<!-- Lorem Ipsum es un generador de texto automático que genera texto de prueba para nuestras páginas web de pruba, cabe acotar que también hay lorem ipsum de imágenes -->
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam laoreet sodales consequat. Donec gravida dictum erat, et consectetur diam egestas quis. Aliquam finibus lacus ut efficitur ullamcorper. Suspendisse id feugiat est, non iaculis leo. Maecenas in elit vitae nunc vehicula venenatis. Aliquam ac diam nec tellus lobortis iaculis. Nulla elementum velit et turpis ornare vestibulum. Suspendisse potenti.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam laoreet sodales consequat. Donec gravida dictum erat, et consectetur diam egestas quis. Aliquam finibus lacus ut efficitur ullamcorper. Suspendisse id feugiat est, non iaculis leo. Maecenas in elit vitae nunc vehicula venenatis. <hr> Aliquam ac diam nec tellus lobortis iaculis. Nulla elementum velit et turpis ornare vestibulum. Suspendisse potenti.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam laoreet sodales consequat. Donec gravida dictum erat, et consectetur diam egestas quis. Aliquam finibus lacus ut efficitur ullamcorper. Suspendisse id feugiat est, non iaculis leo. Maecenas in elit vitae nunc vehicula venenatis. <br><br> Aliquam ac diam nec tellus lobortis iaculis. Nulla elementum velit et turpis ornare vestibulum. Suspendisse potenti.</p>
<!-- la etiqueta <p> quiere decir párrafo -->
<!-- La etiqueta <br> hace un salto de línea, puedo hacer uso de esta etiqueta varias veces -->
<!-- la etiqueta <hr> hace un salto de línea y dibuja una línea en nuestra página web -->
<hr>
<!-- la etiqueta de texto <h1> siempre es una de las primeras que buscan las arañas de google, es por ello que es una de las etiquetas más importante en el trabajo de SEO y siempre se estila que en la página web sólo hay una etiqueta <h1> por estra razón -->
<h3>Tercer encabezado de la pagina</h3>
<p>Lorem ipsum dolor sit amet, <strong>consectetur adipiscing elit.</strong><!-- la etiqueta de texto <strong> me permite colocar la info en negrita --> Nam laoreet sodales consequat. Donec gravida dictum erat, et consectetur diam egestas quis.
<blockquote>
Nam laoreet sodales consequat. Donec gravida dictum erat, et consectetur diam egestas quis.
</blockquote>
<!-- la etiqueta de texto <blockquote> hace que el texto sea tomado como una sita -->
<em>Aliquam finibus lacus ut efficitur ullamcorper.</em><!-- la etiqueta de texto <em> me permite ver lo que está encerrado en ellas con letras cursivas --> Suspendisse id feugiat est, non iaculis leo. <span> in elit vitae nunc vehicula venenatis. Aliquam ac diam nec tellus lobortis iaculis.</span id="resaltado" class="rojo amarillo"><!-- La etiqueta de texto <span> no genera ningún tipo de cambio en el texto, pero a la etiqueta span se le pueden agregar los atributos id y class para luego por css cambiarle los estilos--> Nulla elementum velit et turpis ornare vestibulum. <i> potenti.</i><!-- la etiqueta de texto <i> también nos permite transformar el texto en cursiva --></p>
<!-- estas son las etiquetas de textos más importrantes en HTML -->
</body>
</html>