Recomendados
Más contenido relacionado
Similar a Códigos HTML básicos
Similar a Códigos HTML básicos (20)
Códigos HTML básicos
- 1. Trabajo – Daniela Dueñas – Valentina Gómez11° 1. ¿Qué son los códigos HTML? 2. Define las siglas HTML 3. ¿Por qué el lenguaje HTML necesita un editor de texto? 4. ¿Qué es un editor de texto? 5. ¿En dónde se utilizan? 6. ¿Cómo se insertan los códigos en WIX o en JIMDO de acuerdo a la página web que estén utilizando? 7. ¿Cuál es la diferencia entre un código HTML y un enlace normal? 8. ¿Cuáles son los códigos HTML básicos para una página web? Solución 1. Es el código que se utiliza para estructurar y desplegar una página web y sus contenidos. Por ejemplo, sus contenidos podrían ser párrafos, una lista con viñetas, o imágenes y tablas de datos. 2. Las siglas HTML vienen de “Hyper Text Markup Language” o Lenguaje Marcado de Hipertexto. 3. El lenguaje HTML necesita de un editor de texto ya que por medio de este es que el usuario introduce los códigos con la información que requiere introducir a su página web, estos editores de texto se han convertido en el aliado número uno de los usuarios del lenguaje HTML debido a la facilidad de uso y acceso que ofrece. 4. Un editor de texto es un programa, que permite crear o modificar archivos de texto sin un formato establecido, estos ya vienen incluidos en el sistema operativo de los computadores y se diferencian de los procesadores de texto que los archivos no tienen formato y son solo texto es decir no incluye animaciones. 5. Los editores de texto están orientados a manipular y crear archivos de texto plano, los cuales tienen una enorme utilidad dentro de la Informática, sobre todo en el área de la programación, ya que el código fuente de los programas está hecho en texto plano, así como también los script interpretados de algunos lenguajes, como JavaScript, Perl, Python, shell, etc. 6. WIX: Selecciona Agregar a la izquierda del Editor. Selecciona Código incrustado. Selecciona Incrustar HTML para agregar un iFrame a tu página. Incrusta tu código: Haz clic en Ingresar código. Pega el código HTTPS personalizado en el cuadro de texto. Haz clic en Aplicar.
- 2. JIMDO Introduce códigos externos en la cabecera de tu página Jimdo. Para ello, accede a Menú > Ajustes > Editar Head. Plantilla propia: personaliza la plantilla de tu página web, introduciendo códigos HTML y CSS en Menú > Diseño > Plantilla propia. 7. HTML ( H yper t ext M arkup L anguage) es un lenguaje para marcar el texto normal para que se convierta en hipertexto, se utilizan para etiquetar o marcar texto normal de modo que se convierta en hipertexto y varias páginas de hipertexto se puedan interconectar entre sí dando como resultado la Web. HTTP ( H yper t ext T ransfer Protocol) es un protocolo para transferir las páginas de hipertexto desde el servidor web al navegador web. Para intercambiar páginas web entre el servidor y el navegador. 8. HTML <html> está al inicio de un documento HTML 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. 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. Debido a esto, es un código encriptado que las personas que entran a la página no pueden ver. 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. Cuerpo <body> es la etiqueta que contiene todos los elementos individuales del sitio. O dicho de otra forma, comprende todo el contenido visible del sitio. Aquí podrás insertar texto, imágenes, videos o cualquier otra funcionalidad que desees mostrar. 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. Párrafos Las etiquetas <p> y <br> te ayudarán a organizar el texto en párrafos y saltos de línea.
- 3. 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. Listas e índices <ol> sirve para agregar listas numeradas y <ul> para agregar bullets, los cuales mejoran la legibilidad de tus textos. 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. 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. La estructura de los atributos es la siguiente: primero viene la palabra o abreviatura que lo define (en este caso src es abreviatura de “source” o fuente), luego el signo igual (=) y al último el modificador del atributo entre comillas dobles (“_”) o simples (‘_’).