Este artículo proporciona algunos consejos rápidos para depurar su código. Si su código aún no se transmite, comuníquese con su maestro para obtener ayuda.
Solución de problemas de su código:
- ¿Se acordó de poner una etiqueta de cierre con la barra invertida?
- ¿Están escritas correctamente las etiquetas de apertura y cierre?
- ¿Coinciden las etiquetas de apertura / cierre de su encabezado? (<h2>Words</h2>)
- ¿Tiene un punto y coma después de cada atributo de estilo?
- ¿Proporcionó la URL correcta para su imagen?
Etiquetas y sus funciones:
La mayoría de los elementos HTML deben tener una etiqueta de apertura <> y una etiqueta de cierre </>
* ¡La ortografía correcta importa!
| <html></html> | Todo el código html debe estar anidado entre estas etiquetas. |
| <head></head> | Etiqueta de cabeza; primera etiqueta dentro de las etiquetas html; contiene información que no se ve en la página web |
| <title></title> | La etiqueta del título está anidada en la etiqueta principal; Pone el nombre del documento en la barra de herramientas del navegador |
| <body></body> | Etiqueta del cuerpo: incluye todo el contenido del documento HTML |
| <h1></h1> | Etiquetas de encabezado; Representa el título o una sección de una página en un sitio web; h1-h6 |
| <p></p> | Etiquetas de párrafo: agregue el texto del cuerpo a una página; a menudo se coloca debajo de un encabezado. |
| <style></style> | Las etiquetas de estilo agregan atributos; Ejemplo: <h1 style = "font-family: cursive; color: green"> ¡Es la noche del código! </h1> |
| <a></a> | Anclar o vincular enlaces de etiquetas a un documento html interno o un sitio externo mediante el atributo href Agregar target = ”_ blank” abrirá el vínculo en una nueva pestaña. Ejemplo: <a href="https://www.youtube.com/" target="_blank"> Visite YouTube </a> |
| <img> | La etiqueta de imagen debe incluir el atributo src. Ej .: <img src = ”image.jpg”>; sin etiqueta de cierre (* ver consejo anterior) |
| <ol></ol> | La etiqueta de lista ordenada crea una lista usando números |
| <ul></ul> | La etiqueta de lista desordenada crea una lista con viñetas |
| <li></li> | Utilice etiquetas de lista dentro de las etiquetas <ol> o <ul> para enumerar sus elementos |
| <br> | La etiqueta de rotura crea un salto de línea con un espacio; sin etiqueta de cierre |
| <hr> | La etiqueta de regla horizontal crea una ruptura con una línea; sin etiqueta de cierre |
Atributos de estilo:
* Controla el comportamiento de su etiqueta HTML
| color: | Cambia el color del texto de la etiqueta. |
| background-color: | Cambia el color de fondo de la etiqueta. |
|
font-family: |
Cambia la fuente del texto en la etiqueta. |
| font-size: | Cambia el tamaño de la fuente en la etiqueta. |
| text-align: | Alinea el texto a la izquierda, al centro o a la derecha (la alineación a la izquierda es la predeterminada) |
Todos los atributos de estilo deben estar separados por punto y coma (;)
Ex. <h1 style = ”color: blue; font-family: cursive; ”> ¡Hola mundo! </h1>