Código HTML
Mikel Torón García
2°A
Colegio Edgar Morín
¿Qué es el código HTML?
¿Para qué funciona?
El código HTML sirve para crear la estructura y el contenido de las páginas web. Es el lenguaje fundamental utilizado para diseñar y presentar información en la web. Aquí hay algunas de las principales funciones y usos del código HTML:
Estructurar el contenido: HTML permite definir la estructura de una página web mediante el uso de elementos como encabezados, párrafos, listas, tablas y más. Estos elementos ayudan a organizar y presentar el contenido de manera clara y comprensible para los visitantes del sitio.
Crear enlaces: HTML permite crear hipervínculos que conectan diferentes páginas web. Los enlaces son fundamentales para la navegación web, ya que permiten a los usuarios saltar de una página a otra simplemente haciendo clic en un enlace.
Mostrar imágenes y multimedia: HTML permite insertar imágenes, videos, audio y otros elementos multimedia en una página web. Esto se logra mediante el uso de etiquetas y atributos específicos que indican la ubicación y el formato de los archivos multimedia.
Dar formato y estilo: HTML proporciona una serie de etiquetas y atributos que permiten dar formato y estilo al contenido de una página web. Si bien HTML en sí mismo se enfoca principalmente en la estructura, se puede combinar con CSS (Cascading Style Sheets) para controlar la apariencia visual de los elementos HTML.
Integración con otros lenguajes: HTML trabaja en conjunto con otros lenguajes de programación y tecnologías web como CSS y JavaScript. Estos lenguajes complementarios permiten agregar interactividad, animaciones y funcionalidades avanzadas a las páginas web.
¿Còmo se puede crear?
Abre tu editor de texto y crea un nuevo archivo.
En el archivo en blanco, comienza escribiendo la etiqueta HTML básica, que es "<html>". Esta etiqueta indica que todo el contenido del documento está escrito en HTML.
A continuación, debes incluir las etiquetas de apertura y cierre de la sección del encabezado ("<head>") y la sección del cuerpo ("<body>") dentro de la etiqueta HTML. El encabezado (<head>) se utiliza para incluir información sobre la página, como el título y las referencias a archivos CSS o JavaScript. El cuerpo (<body>) es donde se coloca el contenido visible de la página web.
Dentro de la sección del encabezado (<head>), puedes agregar la etiqueta "<title>" para definir el título de la página web. Por ejemplo: "<title>Título de mi página</title>".
Dentro de la sección del cuerpo (<body>), puedes agregar contenido como texto, imágenes, enlaces, etc., utilizando las etiquetas HTML apropiadas. Por ejemplo, para agregar un encabezado principal, puedes usar la etiqueta "<h1>": "<h1>Este es mi encabezado principal</h1>".
Continúa agregando más contenido y elementos HTML según sea necesario.
Una vez que hayas terminado de escribir tu código HTML, guarda el archivo con una extensión ".html" en el lugar deseado de tu computadora.
Una vez que hayas creado el archivo HTML, puedes abrirlo en un navegador web para ver cómo se visualiza la página web resultante. El navegador interpretará el código HTML y mostrará el contenido de acuerdo con las etiquetas y atributos utilizados.
¿Còmo me puede ayudar en mi ambito escolar
03. Objetivos
Creación de sitios web: Si tienes proyectos escolares que requieren la creación de un sitio web, el conocimiento de HTML te permitirá diseñar y desarrollar tus propias páginas web, presentando tus trabajos y proyectos de manera interactiva y profesional.
Presentaciones interactivas: En lugar de utilizar presentaciones convencionales de diapositivas, puedes utilizar HTML para crear presentaciones interactivas y dinámicas. Puedes agregar elementos multimedia, enlaces y efectos visuales para hacer tus presentaciones más atractivas.
Publicación de contenido: Si necesitas compartir información o contenido en línea, como ensayos, artículos o investigaciones, el conocimiento de HTML te permitirá publicar tu contenido de manera eficiente en la web, manteniendo el formato y estilo adecuados.
Ejemplo de còdigo HTML
. <html> – El elemento raíz.
Referencias
Vadavo. (2023, 28 febrero). ▷ HTML: Qué es y para qué sirve - VADAVO. Blog de VADAVO. https://www.vadavo.com/blog/html-que-es-y-para-que-sirve/Conceptos básicos de HTML - Aprende desarrollo web | MDN. (s. f.). https://developer.mozilla.org/es/docs/Learn/Getting_started_with_the_web/HTML_basics Coppola, M. (2023, 3 abril). Cómo hacer una página web en HTML paso a paso (con ejemplos). blog.hubspot. https://blog.hubspot.es/website/como-hacer-una-pagina-web-en-html Malavé, M. (2023). 10 códigos HTML básicos para páginas web (con ejemplos). Neolo Blog. https://www.neolo.com/blog/10-codigos-html-basicos-para-paginas-web-con-ejemplos.php
Código HTML
Mikel Torón García
Created on June 9, 2023
Start designing with a free template
Discover more than 1500 professional designs like these:
View
Higher Education Presentation
View
Psychedelic Presentation
View
Vaporwave presentation
View
Geniaflix Presentation
View
Vintage Mosaic Presentation
View
Modern Zen Presentation
View
Newspaper Presentation
Explore all templates
Transcript
Código HTML
Mikel Torón García
2°A
Colegio Edgar Morín
¿Qué es el código HTML?
¿Para qué funciona?
El código HTML sirve para crear la estructura y el contenido de las páginas web. Es el lenguaje fundamental utilizado para diseñar y presentar información en la web. Aquí hay algunas de las principales funciones y usos del código HTML: Estructurar el contenido: HTML permite definir la estructura de una página web mediante el uso de elementos como encabezados, párrafos, listas, tablas y más. Estos elementos ayudan a organizar y presentar el contenido de manera clara y comprensible para los visitantes del sitio. Crear enlaces: HTML permite crear hipervínculos que conectan diferentes páginas web. Los enlaces son fundamentales para la navegación web, ya que permiten a los usuarios saltar de una página a otra simplemente haciendo clic en un enlace. Mostrar imágenes y multimedia: HTML permite insertar imágenes, videos, audio y otros elementos multimedia en una página web. Esto se logra mediante el uso de etiquetas y atributos específicos que indican la ubicación y el formato de los archivos multimedia. Dar formato y estilo: HTML proporciona una serie de etiquetas y atributos que permiten dar formato y estilo al contenido de una página web. Si bien HTML en sí mismo se enfoca principalmente en la estructura, se puede combinar con CSS (Cascading Style Sheets) para controlar la apariencia visual de los elementos HTML. Integración con otros lenguajes: HTML trabaja en conjunto con otros lenguajes de programación y tecnologías web como CSS y JavaScript. Estos lenguajes complementarios permiten agregar interactividad, animaciones y funcionalidades avanzadas a las páginas web.
¿Còmo se puede crear?
Abre tu editor de texto y crea un nuevo archivo. En el archivo en blanco, comienza escribiendo la etiqueta HTML básica, que es "<html>". Esta etiqueta indica que todo el contenido del documento está escrito en HTML. A continuación, debes incluir las etiquetas de apertura y cierre de la sección del encabezado ("<head>") y la sección del cuerpo ("<body>") dentro de la etiqueta HTML. El encabezado (<head>) se utiliza para incluir información sobre la página, como el título y las referencias a archivos CSS o JavaScript. El cuerpo (<body>) es donde se coloca el contenido visible de la página web. Dentro de la sección del encabezado (<head>), puedes agregar la etiqueta "<title>" para definir el título de la página web. Por ejemplo: "<title>Título de mi página</title>". Dentro de la sección del cuerpo (<body>), puedes agregar contenido como texto, imágenes, enlaces, etc., utilizando las etiquetas HTML apropiadas. Por ejemplo, para agregar un encabezado principal, puedes usar la etiqueta "<h1>": "<h1>Este es mi encabezado principal</h1>". Continúa agregando más contenido y elementos HTML según sea necesario. Una vez que hayas terminado de escribir tu código HTML, guarda el archivo con una extensión ".html" en el lugar deseado de tu computadora. Una vez que hayas creado el archivo HTML, puedes abrirlo en un navegador web para ver cómo se visualiza la página web resultante. El navegador interpretará el código HTML y mostrará el contenido de acuerdo con las etiquetas y atributos utilizados.
¿Còmo me puede ayudar en mi ambito escolar
03. Objetivos
Creación de sitios web: Si tienes proyectos escolares que requieren la creación de un sitio web, el conocimiento de HTML te permitirá diseñar y desarrollar tus propias páginas web, presentando tus trabajos y proyectos de manera interactiva y profesional. Presentaciones interactivas: En lugar de utilizar presentaciones convencionales de diapositivas, puedes utilizar HTML para crear presentaciones interactivas y dinámicas. Puedes agregar elementos multimedia, enlaces y efectos visuales para hacer tus presentaciones más atractivas. Publicación de contenido: Si necesitas compartir información o contenido en línea, como ensayos, artículos o investigaciones, el conocimiento de HTML te permitirá publicar tu contenido de manera eficiente en la web, manteniendo el formato y estilo adecuados.
Ejemplo de còdigo HTML
. <html> – El elemento raíz.
Referencias
Vadavo. (2023, 28 febrero). ▷ HTML: Qué es y para qué sirve - VADAVO. Blog de VADAVO. https://www.vadavo.com/blog/html-que-es-y-para-que-sirve/Conceptos básicos de HTML - Aprende desarrollo web | MDN. (s. f.). https://developer.mozilla.org/es/docs/Learn/Getting_started_with_the_web/HTML_basics Coppola, M. (2023, 3 abril). Cómo hacer una página web en HTML paso a paso (con ejemplos). blog.hubspot. https://blog.hubspot.es/website/como-hacer-una-pagina-web-en-html Malavé, M. (2023). 10 códigos HTML básicos para páginas web (con ejemplos). Neolo Blog. https://www.neolo.com/blog/10-codigos-html-basicos-para-paginas-web-con-ejemplos.php