Descargar para leer sin conexión
Consulta_
- 1. CONSULTA: QUE SON CODIGOSHTML El Lenguaje de Marcado de Hipertexto (HTML) 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. <h1>,<h2>,<h3>,<h4>,<h5>,<h6> Son etiquetas HTML muy importantes, ya que son usadas para jerarquizar el contenido de la web. DEFINE LAS SIGLAS HTML HTML (Lenguaje de marcado de hipertexto o HyperText Markup Language por sus siglas en inglés) es un lenguaje descriptivo que especifica la estructura de las páginas web. PORQUE EL LENGUAJE HTML NECESITA UN EDITOR DE TEXTO Lo que se requiere para utilizar Descartes es que el editor permita tener acceso código fuente de la página que se esté modificando. Por lo general los editores de páginas html tienen funciones muy similares a los procesadores de texto: Tipos, estilos, colores y tamaños de letra. QUÉ ES UN EDITOR DE TEXTO R// Un editor HTML es un software para editar y crear código HTML que se utiliza para sitios web u otros documentos web. ... Los editores WYSIWYG muestran el documento que se va a editar de la misma manera que se mostrará en el navegador más tarde. Los editores HTML suelen formar parte de un entorno de desarrollo integrado. La lista de los mejores editores de HTML se basa en la popularidad, las funciones y el diseño: •Atom. •Notepad++ •Sublime Text. •Adobe Dreamweaver CC. •Visual Studio Code. EN DONDE SE UTILIZAN Los editores de texto son incluidos en el sistema operativo o en algún paquete de software instalado, y se usan cuando se deben crear o modificar archivos de texto como
- 2. archivos de configuración,lenguaje de programación interpretado (scripts) o el código fuente de algún programa. COMO SE INSERTAN LOS CÓDIGOS EN WIX O EN JIMDO DE ACUERDO A LA PÁGINA WEB QUE ESTÉN UTILIZANDO. CUAL ES LA DIFERENCIA ENTRE UN CÓDIGO HTML Y UN ENLACE NORMAL La diferencia crucial entre los dos es que el HTML se utiliza para la creación de las páginas web. En HTML, primero se escriben palabras y luego se añaden elementos o etiquetas, que luego aparecen en la página. CUALES SON LOS CÓDIGOS HTML BÁSICOS PARA LAS PAGINAS WEB R// 1. 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. 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. Debido a esto, es un código encriptado que las personas que entran a la página no pueden ver. 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. 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. 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. Por cierto, te recomendamos utilizar la etiqueta H1 sólo una vez dentro del contenido. 6. Párrafos
- 3. Las etiquetas <p>y <br> te ayudarán a organizar el texto en párrafos y saltos de línea. Ejemplo: 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. 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 (‘_’). 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. Listas 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.