|
|
Created by Fernanda Lira Perez
over 4 years ago
|
|
| Question | Answer |
| HTML |
Hyper Text Markup Language o Lenguaje de Marcado de Hipertexto.
Image:
Html (binary/octet-stream)
|
|
¿Qué es HTML?
Image:
R (binary/octet-stream)
|
Es un lenguaje de marcado que nos permite indicar la estructura de un documento mediante etiquetas |
| Estructura HTML | <html> está al inicio de un documento e indica a los navegadores que la página tiene código HTML para que pueda leerlo de esa forma. Siguiendo la sintaxis del lenguaje, la etiqueta de cierre </html> será el último elemento del documento. |
| 2. Encabezado | <head> es la etiqueta que se utiliza para el encabezado de la página. Su principal función es contener toda la información del funcionamiento del sitio. |
| 3. Título de la página | <title> es la etiqueta que da a tu sitio un nombre para que los usuarios puedan identificarlo. Es el título que puedes ver en las pestañas del navegador. |
| 4.Cuerpo | <body>; es la etiqueta que contiene todos los elementos individuales del sitio. Aquí podrás insertar texto, imágenes, videos o cualquier otra funcionalidad que desees mostrar. |
| Ejemplo | |
| 5.Títulos y Subtítulos | <h1> <h2>… <h6> son etiquetas que funcionan para agregar títulos y subtítulos en el cuerpo del texto, lo cual ayuda a jerarquizar la información. |
| 6.Párrafos | Las etiquetas <p> y <br> te ayudarán a organizar el texto en párrafos y saltos de línea. |
| 7.Imágenes | <img> con esta etiqueta podrás agregar imágenes al cuerpo de tu página. Combinarlo con el atributo src te permitirá especificar la ubicación donde se encuentra la imagen, y el atributo alt te ayudará a darle un título a esa imagen para que lo lean buscadores como Google. |
| 8.Hipervínculos | <a> te permite insertar un hipervínculo a la página. Por ejemplo, el link hacia tus redes sociales o hacia otro sitio web con el que desees conectar tu página. |
| 9. Lista e índices | <ol> sirve para agregar listas numeradas y <ul> para agregar bullets, los cuales mejoran la legibilidad de tus textos. |
| 10. Estilo | Aunque usualmente se ubica dentro de la etiqueta <head>, con el atributo <style> puedes definir el estilo de tu contenido en términos de: Color Tamaño de fuente Tipografía, etc. |
| 11.Color de fondo | Para ello necesitamos añadirle al tag <body> otro atributo. En concreto, el que usamos para cambiar el color de fondo de la página es bgcolor, y le asignamos un valor que indique el color que deseamos. |
| 12. Color a una tabla | Para cambiar del color de fondo, basta con escribir la directiva BGCOLOR dentro del elemento que de la tabla que se desee cambiar. <table bgcolor= "#00FFFF" border="1" cellpadding="1" cellspacing="1"> |
| 13. Desplazar un texto | <MARQUEE> Texto que se desplaza </MARQUEE>. Este atributo sirve para modificar la dirección hacia la que se dirige el texto. Por defecto es LEFT (izquierda). Se puede hacer que el texto se dirija hacia la derecha igualando este atributo a RIGHT. Ejemplo: <MARQUEE DIRECTION=RIGHT> Este texto se dirije hacia la derecha </MARQUEE> |
| 14. Tablas | Para formar una tabla, se colocan las etiquetas <TABLE> y </TABLE>, y entre ellas, se colocan las etiquetas <TR> de filas (=rows), una por cada fila. Después de una etiqueta <TR> hay que colocar una etiqueta <TD> por cada celda, y después de cada etiqueta <TD> hay que colocar el dato de cada celda. |
| 15. Texto en negrita | <strong>...</strong>. Con ella conviertes a negrita el texto señalado, para resaltar una idea o un concepto. |
| 16. Música | |
| 17.Especificar el tamaño de una imagen | Agrega esta línea al código: <img src="archivoimagen.jpg" alt="Image" height="42" width="42">. si ingresas 21 en las áreas width y height, obtendrás una imagen de la mitad el tamaño que la original. |
| 18. Centrar texto | Usando las etiquetas <center></center>. Una forma de centrar el texto es encerrarlo dentro de las etiquetas <center></center>. |
Want to create your own Flashcards for free with GoConqr? Learn more.