Elementos y etiquetas de HTML
1. ¿Qué son los elementos?
Los elementos son declaraciones para visualizar o dar forma a una página Web.
2. ¿Qué son las etiquetas?
Las etiquetas(en inglés: tags) son marcas insertadas en un documento HTML para proporcionar información sobre una unidad o contenido.
3. Escribe algunas reglas básicas:
Las etiquetas están encerradas entre los signos "<" y ">".
Generalmente vienen en pares <p> y <⁄p>.
La primera es de apertura y la segunda de cierre.
El texto que se encuentra entre dos etiquetas es el contenido del elemento.
Las etiquetas no son sensibles a las mayúsculas y minúsculas, o sea <b> es lo mismo que <B>.
4. Escribe un ejemplo de etiquetas
<html>
<head>
<title>Una página Web</title>
</head>
<body>
Hola a todos. <b>Este texto es en negrita</b>
</body>
</html>
5. ¿cuál es una etiqueta HTML?
El elemento HTML comienza con la etiqueta de apertura <b>(etiqueta que nos muestra el texto en negrita).
El contenido de dicho elemento es: Este texto es en negrita.
El fin del elemento HTML es con la etiqueta de cierre </b>.
6. ¿Qué son los atributos de las etiquetas?
Muchas etiquetas llevan atributos. Los mismos proveen de mayor información a los elementos HTML.
Los atributos siempre van con la estructura: nombre="valor".
Los atributos siempre van en la etiqueta de apertura.
Los valores siempre hay que ponerlos entre comillas.
7. Escribe un ejemplo
En la etiqueta <body> podemos observar el atributo bgcolor=(color de fondo) y el valor "#FFFF00"(representa el color amarillo en hexadecimal).
Esto quiere decir que el color de fondo de la página será amarillo.
8. ¿Qué se debe de tener en cuanta sobre el uso de minusculas?
Si bien HTML acepta tanto etiquetas en mayúscula <B> como en minúscula <b>, el World Wide Web Consortium (W3C) recomienda el uso de minúsculas. Además XHTML (la siguiente versión de HTML) acepta solo minúsculas.
9. ¿Qué son las etiquetas basicas?
<h1> nos dá el tipo de letra más grande.
<h6> nos dá el tipo de letra más pequeño.
HTML agrega automaticamente un espacio antes y después de cada título.
<h1> al ser usado como título de una página Web, es de suma importancia ya que es uno de los parámetros que Google y demás buscadores tiene en cuenta, a la hora de indexar un sitio web.
10. Escribe un ejemplo
<html>
<head>
<title>Headings</title>
</head>
<body>
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>
</body>
</html>
Resultado
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
11. ¿Qué son los párrafos?
Los párrafos se definen con la etiqueta <p>.
12. Escribe un ejemplo
<html>
<head>
<title>Párrafos</title>
</head>
<body>
<p>Este es el primer párrafo.</p>
<p>Y este es el segundo párrafo.</p>
</body>
</html>
Resultado
Este es el primer párrafo.
Y este es el segundo párrafo.
13. ¿Cómo se escribe un comentario?
La etiqueta <!-- ... --> se utiliza para insertar un comentario dentro del código que estamos escribiendo. El mismo es ignorado por el navegador al momento de leerlo. Los comentarios nos sirven para explicar mejor el código y son de gran ayuda en el momento que necesitemos editarlo.
14. ¿Qué es un salto de linea?
El salto de línea está definido con la etiqueta <br>. Es utilizado cuando queremos cortar una línea sin necesidad de terminar con el párrafo. La etiqueta <br> obliga a saltar de línea dondequiera que la ubiquemos.
15. ¿Cómo se traza una linea?
La etiqueta <hr> nos permite trazar una línea horizontal como las que separan las distintas secciones de este tutorial.
La etiqueta <hr> no tiene cierre.
