Subjects

Knowunity AI

Open the App

Subjects

OtrosOtros81 views·Updated Jun 23, 2026·76 pages

Guía Completa de HTML

user profile picture
Camila Reducindo@camilareducindo

El HTML es el lenguaje fundamental para crear páginas web....

1
of 10
# Manual de HTML

HTML es el lenguaje utilizado como base para crear las páginas web. En este manual explicamos en profundidad como utilizar

¿Qué es HTML?

HTML (Hyper Text Markup Language) es el lenguaje base para crear páginas web. No te asustes por ser un "lenguaje informático" - realmente es solo una forma especial de dar formato a textos e imágenes para ser vistos en un navegador.

Para empezar a trabajar con HTML solo necesitas tres cosas básicas:

  • Saber escribir con un teclado
  • Saber manejar un ratón
  • Y lo más importante: ¡tener ganas de aprender!

¡Dato importante! Aunque existen editores complejos, es recomendable comenzar con el Bloc de Notas u otro editor de texto sencillo para entender bien la estructura del código.

Al terminar de aprender HTML serás capaz de crear tu propio sitio web con calidad profesional, conocerás las tecnologías usadas en la web y posiblemente descubrirás una afición que podría convertirse en tu futura profesión.

2
of 10
# Manual de HTML

HTML es el lenguaje utilizado como base para crear las páginas web. En este manual explicamos en profundidad como utilizar

Fundamentos de HTML

Las páginas web que ves en tu navegador están escritas en HTML. Este lenguaje nos permite combinar textos, sonidos e imágenes y, lo más interesante, crear enlaces que conectan con otras páginas mediante hipervínculos.

HTML se creó originalmente con fines divulgativos, sin prever que la web se convertiría en el área multimedia que es hoy. Por eso, ha ido evolucionando a través de diferentes estándares (como HTML 4.01) para adaptarse a nuevos usos.

Esta evolución ha requerido la introducción de tecnologías complementarias como CSS y JavaScript para organizar, optimizar y automatizar el funcionamiento de las webs.

¡Ojo con esto! Uno de los grandes retos del HTML es que los diferentes navegadores (Chrome, Firefox, Edge, etc.) interpretan el mismo código de maneras ligeramente distintas. Por eso es importante probar tus páginas en varios navegadores.

Para crear páginas HTML solo necesitas un editor de texto simple como el Bloc de notas de Windows. Aunque existen editores específicos más avanzados, es mejor comenzar con algo sencillo para familiarizarte con el código.

3
of 10
# Manual de HTML

HTML es el lenguaje utilizado como base para crear las páginas web. En este manual explicamos en profundidad como utilizar

La sintaxis de HTML

Los archivos HTML son simplemente texto plano con extensión .html o .htm. La estructura del lenguaje se basa en etiquetas que indican al navegador cómo mostrar el contenido.

Las etiquetas generalmente tienen dos partes:

  • Una apertura: <etiqueta>
  • Un cierre: </etiqueta>

Todo lo que escribas entre estas etiquetas se verá afectado por ellas. Por ejemplo:

<b>Esto está en negrita</b>

Aparecerá como: Esto está en negrita

O si usamos etiquetas de párrafo:

<p>Hola, estamos en el párrafo 1</p>
<p>Ahora hemos cambiado de párrafo</p>

Consejo práctico: Es recomendable escribir todas las etiquetas en minúsculas aunque HTML no es sensible a mayúsculas/minúsculas. Esto te ayudará cuando trabajes con otras tecnologías como XML que sí distinguen entre mayúsculas y minúsculas.

Un documento HTML siempre debe estar delimitado por las etiquetas <html> y </html>, y dentro de estas podemos distinguir dos partes principales: el encabezado (<head>) y el cuerpo (<body>).

4
of 10
# Manual de HTML

HTML es el lenguaje utilizado como base para crear las páginas web. En este manual explicamos en profundidad como utilizar

La estructura de un documento HTML

Un documento HTML completo tiene esta estructura básica:

<html>
  <head>
    Etiquetas y contenidos del encabezado
    <!-- Datos que no aparecen en nuestra página pero son importantes -->
  </head>
  <body>
    Etiquetas y contenidos del cuerpo
    <!-- Parte visible de la página: texto e imágenes -->
  </body>
</html>

En el <head> colocamos información que no se ve directamente en la página, como el título, palabras clave para buscadores, etc. En el <body> va todo el contenido visible de la página.

Tu primera página HTML

¡Vamos a crear tu primera página web! Abre tu editor de texto y copia este código:

<html>
<head>
  <title>Cocina Para Todos</title>
</head>
<body>
  <p><b>Bienvenido,</b></p>
  <p>Estás en la página <i>Comida para Todos</i></p>
  <p>Aquí aprenderás recetas fáciles y deliciosas.</p>
</body>
</html>

Guarda el archivo con extensión .html porejemplo,"mipagina.html"por ejemplo, "mi_pagina.html" y ábrelo con tu navegador. ¡Felicidades! Acabas de crear tu primera página web.

Consejo para nombrar archivos: Usa nombres descriptivos sin acentos, espacios ni caracteres especiales. Es mejor usar guiones (-) o guiones bajos _ para separar palabras, como "recetas_faciles.html".

5
of 10
# Manual de HTML

HTML es el lenguaje utilizado como base para crear las páginas web. En este manual explicamos en profundidad como utilizar

Visualización en navegadores

Una vez creada tu página HTML, puedes verla abriendo el archivo con cualquier navegador. Simplemente haz doble clic sobre el archivo o usa la opción "Abrir archivo" del navegador.

Es importante tener en cuenta que no todos los navegadores muestran las páginas exactamente igual. Internet Explorer, Firefox, Chrome y otros pueden interpretar algunas partes del código de manera ligeramente diferente.

Por eso, una buena práctica es revisar cómo se ve tu página en diferentes navegadores para asegurarte de que todos los usuarios tengan una experiencia similar, independientemente del navegador que usen.

Cuando abras tu primera página, notarás dos elementos clave:

  1. El texto que colocaste dentro de la etiqueta <title> aparece en la parte superior del navegador (en la pestaña o barra de título)
  2. Todo lo que pusiste dentro del <body> se muestra en el área principal del navegador

Truco profesional: Si quieres ver cómo está hecho un sitio web que te gusta, haz clic derecho en cualquier parte de la página y selecciona "Ver código fuente". Podrás ver todo el HTML que hay detrás y aprender técnicas que otros desarrolladores utilizan.

6
of 10
# Manual de HTML

HTML es el lenguaje utilizado como base para crear las páginas web. En este manual explicamos en profundidad como utilizar

Formato de texto básico

HTML nos permite darle estilo a nuestro texto con varias etiquetas sencillas. Vamos a ver las más comunes:

Párrafos

Los párrafos se definen con la etiqueta <p>. Cada párrafo se muestra separado por un espacio en blanco:

<p>Este es el primer párrafo.</p>
<p>Este es otro párrafo separado del anterior.</p>

Saltos de línea

Si solo quieres cambiar de línea sin dejar espacio, usa <br>:

Línea 1<br>
Línea 2 (justo debajo)

Alineación de párrafos

Puedes alinear párrafos usando el atributo align:

<p align="left">Texto alineado a la izquierda</p>
<p align="center">Texto alineado al centro</p>
<p align="right">Texto alineado a la derecha</p>

¡Atención! Aunque este método todavía funciona, actualmente se recomienda usar CSS para dar formato. Lo verás más adelante en tu aprendizaje.

También puedes alinear varios párrafos a la vez usando <div>:

<div align="center">
  <p>Todos estos párrafos</p>
  <p>estarán alineados</p>
  <p>al centro</p>
</div>
7
of 10
# Manual de HTML

HTML es el lenguaje utilizado como base para crear las páginas web. En este manual explicamos en profundidad como utilizar

Encabezados y texto formateado

Encabezados

HTML ofrece etiquetas especiales para títulos y subtítulos llamados encabezados. Van desde <h1> (el más grande) hasta <h6> (el más pequeño):

<h1>Encabezado principal (muy grande)</h1>
<h2>Subtítulo importante</h2>
<h3>Subtítulo menor</h3>

Los encabezados automáticamente aparecen en negrita y con un tamaño de letra proporcional a su nivel. También puedes alinearlos:

<h2 align="center">Título centrado</h2>

Formateando el texto

Para dar estilo a tu texto, puedes usar varias etiquetas:

Para negrita:

<b>Texto en negrita</b>

Para cursiva:

<i>Texto en cursiva</i>

Para subrayado:

<u>Texto subrayado</u>

¡Cuidado! Evita subrayar texto normal porque los usuarios pueden confundirlo con enlaces.

También puedes combinar formatos anidando etiquetas:

<b>Texto en negrita <i>y también en cursiva</i></b>

Subíndices y superíndices

Útiles para fórmulas matemáticas o científicas:

H<sub>2</sub>O (subíndice)
10<sup>2</sup> = 100 (superíndice)
8
of 10
# Manual de HTML

HTML es el lenguaje utilizado como base para crear las páginas web. En este manual explicamos en profundidad como utilizar

Color y tamaño de texto

Aunque actualmente se recomienda usar CSS, puedes cambiar el aspecto del texto con la etiqueta <font> y sus atributos:

Cambiando el tipo de letra

<font face="Comic Sans MS, Arial, Verdana">Este texto tiene otra tipografía</font>

Es buena práctica listar varias fuentes separadas por comas por si el usuario no tiene la primera instalada.

Cambiando el tamaño

Puedes definir el tamaño de 1 (más pequeño) a 7 (más grande):

<font size="4">Este texto es más grande</font>

O cambiar el tamaño relativamente:

<font size="+1">Un nivel más grande</font>
<font size="-1">Un nivel más pequeño</font>

Cambiando el color

<font color="red">Este texto está en rojo</font>

También puedes usar códigos hexadecimales para colores específicos:

<font color="#FF0000">Texto en rojo</font>

Atributos para toda la página

Puedes definir el color de fondo, texto y enlaces para toda la página usando atributos en la etiqueta <body>:

<body bgcolor="#000000" text="#FFFFFF" link="#FFFF00">
  <!-- Fondo negro, texto blanco, enlaces amarillos -->
</body>

Consejo: Asegúrate siempre de que haya suficiente contraste entre el color del texto y el fondo para que la página sea legible.

9
of 10
# Manual de HTML

HTML es el lenguaje utilizado como base para crear las páginas web. En este manual explicamos en profundidad como utilizar

Listas en HTML

Las listas son perfectas para presentar información de manera organizada. HTML ofrece tres tipos:

Listas desordenadas (con viñetas)

Se crean con las etiquetas <ul> (unordered list) y cada elemento se marca con <li>:

<ul>
  <li>Argentina</li>
  <li>Perú</li>
  <li>Chile</li>
</ul>

Esto muestra:

  • Argentina
  • Perú
  • Chile

Puedes cambiar el tipo de viñeta con el atributo type:

<ul type="square">
  <li>Elemento con cuadrado</li>
  <li type="circle">Elemento con círculo</li>
</ul>

Listas ordenadas (numeradas)

Usa <ol> (ordered list) y <li> para cada elemento:

<ol>
  <li>El jefe siempre tiene la razón</li>
  <li>En caso de duda, aplicar regla 1</li>
</ol>

Esto muestra:

  1. El jefe siempre tiene la razón
  2. En caso de duda, aplicar regla 1

Puedes cambiar el tipo de numeración con type:

<ol type="a">       <!-- letras: a, b, c... -->
<ol type="A">       <!-- letras mayúsculas: A, B, C... -->
<ol type="i">       <!-- números romanos: i, ii, iii... -->
<ol type="I">       <!-- números romanos mayúsculas: I, II, III... -->

¡Inténtalo tú mismo! Combina diferentes tipos de listas, incluso anidándolas unas dentro de otras, para crear estructuras más complejas.

10
of 10
# Manual de HTML

HTML es el lenguaje utilizado como base para crear las páginas web. En este manual explicamos en profundidad como utilizar

Listas de definición y anidadas

Listas de definición

Sirven para presentar términos junto con sus definiciones, usando <dl> para la lista, <dt> para el término y <dd> para la definición:

<dl>
  <dt>Brújula</dt>
  <dd>Señora montada en una escobula</dd>
  <dt>Oreja</dt>
  <dd>Sesenta minutejos</dd>
</dl>

Se verá así:

Brújula Señora montada en una escobula Oreja Sesenta minutejos

Las definiciones aparecen automáticamente con sangría, lo que puede ser útil para crear textos con diferentes niveles de indentación.

Anidando listas

Puedes combinar diferentes tipos de listas para crear estructuras más complejas:

<ul>
  <li>Argentina
    <ol>
      <li>Buenos Aires</li>
      <li>Bariloche</li>
    </ol>
  </li>
  <li>Uruguay
    <ol>
      <li>Montevideo</li>
      <li>Punta del Este</li>
    </ol>
  </li>
</ul>

Esto mostrará:

  • Argentina
    1. Buenos Aires
    2. Bariloche
  • Uruguay
    1. Montevideo
    2. Punta del Este

Tip para estudiar: Las listas anidadas son muy útiles para crear esquemas o índices de estudio, te ayudarán a organizar tus apuntes de cualquier materia de forma clara.

We thought you’d never ask...

What is the Knowunity AI companion?

Our AI companion is specifically built for the needs of students. Based on the millions of content pieces we have on the platform we can provide truly meaningful and relevant answers to students. But its not only about answers, the companion is even more about guiding students through their daily learning challenges, with personalised study plans, quizzes or content pieces in the chat and 100% personalisation based on the students skills and developments.

Where can I download the Knowunity app?

You can download the app in the Google Play Store and in the Apple App Store.

Is Knowunity really free of charge?

That's right! Enjoy free access to study content, connect with fellow students, and get instant help – all at your fingertips.

Most popular content: Sections

1

Most popular content in Otros

9

Most popular content

9

Can't find what you're looking for? Explore other subjects.

Students love us — and so will you.

4.6/5App Store
4.7/5Google Play

The app is very easy to use and well designed. I have found everything I was looking for so far and have been able to learn a lot from the presentations! I will definitely use the app for a class assignment! And of course it also helps a lot as an inspiration.

Stefan SiOS user

This app is really great. There are so many study notes and help [...]. My problem subject is French, for example, and the app has so many options for help. Thanks to this app, I have improved my French. I would recommend it to anyone.

Samantha KlichAndroid user

Wow, I am really amazed. I just tried the app because I've seen it advertised many times and was absolutely stunned. This app is THE HELP you want for school and above all, it offers so many things, such as workouts and fact sheets, which have been VERY helpful to me personally.

AnnaiOS user

OtrosOtros81 views·Updated Jun 23, 2026·76 pages

Guía Completa de HTML

user profile picture
Camila Reducindo@camilareducindo

El HTML es el lenguaje fundamental para crear páginas web. Este manual te guiará desde los conceptos más básicos hasta técnicas más avanzadas, explicando de manera clara y práctica cómo utilizar este lenguaje para desarrollar sitios web atractivos y funcionales.

1
of 10
# Manual de HTML

HTML es el lenguaje utilizado como base para crear las páginas web. En este manual explicamos en profundidad como utilizar

Sign up to see the content. It's free!

  • Access to all documents
  • Improve your grades
  • Join milions of students

¿Qué es HTML?

HTML (Hyper Text Markup Language) es el lenguaje base para crear páginas web. No te asustes por ser un "lenguaje informático" - realmente es solo una forma especial de dar formato a textos e imágenes para ser vistos en un navegador.

Para empezar a trabajar con HTML solo necesitas tres cosas básicas:

  • Saber escribir con un teclado
  • Saber manejar un ratón
  • Y lo más importante: ¡tener ganas de aprender!

¡Dato importante! Aunque existen editores complejos, es recomendable comenzar con el Bloc de Notas u otro editor de texto sencillo para entender bien la estructura del código.

Al terminar de aprender HTML serás capaz de crear tu propio sitio web con calidad profesional, conocerás las tecnologías usadas en la web y posiblemente descubrirás una afición que podría convertirse en tu futura profesión.

2
of 10
# Manual de HTML

HTML es el lenguaje utilizado como base para crear las páginas web. En este manual explicamos en profundidad como utilizar

Sign up to see the content. It's free!

  • Access to all documents
  • Improve your grades
  • Join milions of students

Fundamentos de HTML

Las páginas web que ves en tu navegador están escritas en HTML. Este lenguaje nos permite combinar textos, sonidos e imágenes y, lo más interesante, crear enlaces que conectan con otras páginas mediante hipervínculos.

HTML se creó originalmente con fines divulgativos, sin prever que la web se convertiría en el área multimedia que es hoy. Por eso, ha ido evolucionando a través de diferentes estándares (como HTML 4.01) para adaptarse a nuevos usos.

Esta evolución ha requerido la introducción de tecnologías complementarias como CSS y JavaScript para organizar, optimizar y automatizar el funcionamiento de las webs.

¡Ojo con esto! Uno de los grandes retos del HTML es que los diferentes navegadores (Chrome, Firefox, Edge, etc.) interpretan el mismo código de maneras ligeramente distintas. Por eso es importante probar tus páginas en varios navegadores.

Para crear páginas HTML solo necesitas un editor de texto simple como el Bloc de notas de Windows. Aunque existen editores específicos más avanzados, es mejor comenzar con algo sencillo para familiarizarte con el código.

3
of 10
# Manual de HTML

HTML es el lenguaje utilizado como base para crear las páginas web. En este manual explicamos en profundidad como utilizar

Sign up to see the content. It's free!

  • Access to all documents
  • Improve your grades
  • Join milions of students

La sintaxis de HTML

Los archivos HTML son simplemente texto plano con extensión .html o .htm. La estructura del lenguaje se basa en etiquetas que indican al navegador cómo mostrar el contenido.

Las etiquetas generalmente tienen dos partes:

  • Una apertura: <etiqueta>
  • Un cierre: </etiqueta>

Todo lo que escribas entre estas etiquetas se verá afectado por ellas. Por ejemplo:

<b>Esto está en negrita</b>

Aparecerá como: Esto está en negrita

O si usamos etiquetas de párrafo:

<p>Hola, estamos en el párrafo 1</p>
<p>Ahora hemos cambiado de párrafo</p>

Consejo práctico: Es recomendable escribir todas las etiquetas en minúsculas aunque HTML no es sensible a mayúsculas/minúsculas. Esto te ayudará cuando trabajes con otras tecnologías como XML que sí distinguen entre mayúsculas y minúsculas.

Un documento HTML siempre debe estar delimitado por las etiquetas <html> y </html>, y dentro de estas podemos distinguir dos partes principales: el encabezado (<head>) y el cuerpo (<body>).

4
of 10
# Manual de HTML

HTML es el lenguaje utilizado como base para crear las páginas web. En este manual explicamos en profundidad como utilizar

Sign up to see the content. It's free!

  • Access to all documents
  • Improve your grades
  • Join milions of students

La estructura de un documento HTML

Un documento HTML completo tiene esta estructura básica:

<html>
  <head>
    Etiquetas y contenidos del encabezado
    <!-- Datos que no aparecen en nuestra página pero son importantes -->
  </head>
  <body>
    Etiquetas y contenidos del cuerpo
    <!-- Parte visible de la página: texto e imágenes -->
  </body>
</html>

En el <head> colocamos información que no se ve directamente en la página, como el título, palabras clave para buscadores, etc. En el <body> va todo el contenido visible de la página.

Tu primera página HTML

¡Vamos a crear tu primera página web! Abre tu editor de texto y copia este código:

<html>
<head>
  <title>Cocina Para Todos</title>
</head>
<body>
  <p><b>Bienvenido,</b></p>
  <p>Estás en la página <i>Comida para Todos</i></p>
  <p>Aquí aprenderás recetas fáciles y deliciosas.</p>
</body>
</html>

Guarda el archivo con extensión .html porejemplo,"mipagina.html"por ejemplo, "mi_pagina.html" y ábrelo con tu navegador. ¡Felicidades! Acabas de crear tu primera página web.

Consejo para nombrar archivos: Usa nombres descriptivos sin acentos, espacios ni caracteres especiales. Es mejor usar guiones (-) o guiones bajos _ para separar palabras, como "recetas_faciles.html".

5
of 10
# Manual de HTML

HTML es el lenguaje utilizado como base para crear las páginas web. En este manual explicamos en profundidad como utilizar

Sign up to see the content. It's free!

  • Access to all documents
  • Improve your grades
  • Join milions of students

Visualización en navegadores

Una vez creada tu página HTML, puedes verla abriendo el archivo con cualquier navegador. Simplemente haz doble clic sobre el archivo o usa la opción "Abrir archivo" del navegador.

Es importante tener en cuenta que no todos los navegadores muestran las páginas exactamente igual. Internet Explorer, Firefox, Chrome y otros pueden interpretar algunas partes del código de manera ligeramente diferente.

Por eso, una buena práctica es revisar cómo se ve tu página en diferentes navegadores para asegurarte de que todos los usuarios tengan una experiencia similar, independientemente del navegador que usen.

Cuando abras tu primera página, notarás dos elementos clave:

  1. El texto que colocaste dentro de la etiqueta <title> aparece en la parte superior del navegador (en la pestaña o barra de título)
  2. Todo lo que pusiste dentro del <body> se muestra en el área principal del navegador

Truco profesional: Si quieres ver cómo está hecho un sitio web que te gusta, haz clic derecho en cualquier parte de la página y selecciona "Ver código fuente". Podrás ver todo el HTML que hay detrás y aprender técnicas que otros desarrolladores utilizan.

6
of 10
# Manual de HTML

HTML es el lenguaje utilizado como base para crear las páginas web. En este manual explicamos en profundidad como utilizar

Sign up to see the content. It's free!

  • Access to all documents
  • Improve your grades
  • Join milions of students

Formato de texto básico

HTML nos permite darle estilo a nuestro texto con varias etiquetas sencillas. Vamos a ver las más comunes:

Párrafos

Los párrafos se definen con la etiqueta <p>. Cada párrafo se muestra separado por un espacio en blanco:

<p>Este es el primer párrafo.</p>
<p>Este es otro párrafo separado del anterior.</p>

Saltos de línea

Si solo quieres cambiar de línea sin dejar espacio, usa <br>:

Línea 1<br>
Línea 2 (justo debajo)

Alineación de párrafos

Puedes alinear párrafos usando el atributo align:

<p align="left">Texto alineado a la izquierda</p>
<p align="center">Texto alineado al centro</p>
<p align="right">Texto alineado a la derecha</p>

¡Atención! Aunque este método todavía funciona, actualmente se recomienda usar CSS para dar formato. Lo verás más adelante en tu aprendizaje.

También puedes alinear varios párrafos a la vez usando <div>:

<div align="center">
  <p>Todos estos párrafos</p>
  <p>estarán alineados</p>
  <p>al centro</p>
</div>
7
of 10
# Manual de HTML

HTML es el lenguaje utilizado como base para crear las páginas web. En este manual explicamos en profundidad como utilizar

Sign up to see the content. It's free!

  • Access to all documents
  • Improve your grades
  • Join milions of students

Encabezados y texto formateado

Encabezados

HTML ofrece etiquetas especiales para títulos y subtítulos llamados encabezados. Van desde <h1> (el más grande) hasta <h6> (el más pequeño):

<h1>Encabezado principal (muy grande)</h1>
<h2>Subtítulo importante</h2>
<h3>Subtítulo menor</h3>

Los encabezados automáticamente aparecen en negrita y con un tamaño de letra proporcional a su nivel. También puedes alinearlos:

<h2 align="center">Título centrado</h2>

Formateando el texto

Para dar estilo a tu texto, puedes usar varias etiquetas:

Para negrita:

<b>Texto en negrita</b>

Para cursiva:

<i>Texto en cursiva</i>

Para subrayado:

<u>Texto subrayado</u>

¡Cuidado! Evita subrayar texto normal porque los usuarios pueden confundirlo con enlaces.

También puedes combinar formatos anidando etiquetas:

<b>Texto en negrita <i>y también en cursiva</i></b>

Subíndices y superíndices

Útiles para fórmulas matemáticas o científicas:

H<sub>2</sub>O (subíndice)
10<sup>2</sup> = 100 (superíndice)
8
of 10
# Manual de HTML

HTML es el lenguaje utilizado como base para crear las páginas web. En este manual explicamos en profundidad como utilizar

Sign up to see the content. It's free!

  • Access to all documents
  • Improve your grades
  • Join milions of students

Color y tamaño de texto

Aunque actualmente se recomienda usar CSS, puedes cambiar el aspecto del texto con la etiqueta <font> y sus atributos:

Cambiando el tipo de letra

<font face="Comic Sans MS, Arial, Verdana">Este texto tiene otra tipografía</font>

Es buena práctica listar varias fuentes separadas por comas por si el usuario no tiene la primera instalada.

Cambiando el tamaño

Puedes definir el tamaño de 1 (más pequeño) a 7 (más grande):

<font size="4">Este texto es más grande</font>

O cambiar el tamaño relativamente:

<font size="+1">Un nivel más grande</font>
<font size="-1">Un nivel más pequeño</font>

Cambiando el color

<font color="red">Este texto está en rojo</font>

También puedes usar códigos hexadecimales para colores específicos:

<font color="#FF0000">Texto en rojo</font>

Atributos para toda la página

Puedes definir el color de fondo, texto y enlaces para toda la página usando atributos en la etiqueta <body>:

<body bgcolor="#000000" text="#FFFFFF" link="#FFFF00">
  <!-- Fondo negro, texto blanco, enlaces amarillos -->
</body>

Consejo: Asegúrate siempre de que haya suficiente contraste entre el color del texto y el fondo para que la página sea legible.

9
of 10
# Manual de HTML

HTML es el lenguaje utilizado como base para crear las páginas web. En este manual explicamos en profundidad como utilizar

Sign up to see the content. It's free!

  • Access to all documents
  • Improve your grades
  • Join milions of students

Listas en HTML

Las listas son perfectas para presentar información de manera organizada. HTML ofrece tres tipos:

Listas desordenadas (con viñetas)

Se crean con las etiquetas <ul> (unordered list) y cada elemento se marca con <li>:

<ul>
  <li>Argentina</li>
  <li>Perú</li>
  <li>Chile</li>
</ul>

Esto muestra:

  • Argentina
  • Perú
  • Chile

Puedes cambiar el tipo de viñeta con el atributo type:

<ul type="square">
  <li>Elemento con cuadrado</li>
  <li type="circle">Elemento con círculo</li>
</ul>

Listas ordenadas (numeradas)

Usa <ol> (ordered list) y <li> para cada elemento:

<ol>
  <li>El jefe siempre tiene la razón</li>
  <li>En caso de duda, aplicar regla 1</li>
</ol>

Esto muestra:

  1. El jefe siempre tiene la razón
  2. En caso de duda, aplicar regla 1

Puedes cambiar el tipo de numeración con type:

<ol type="a">       <!-- letras: a, b, c... -->
<ol type="A">       <!-- letras mayúsculas: A, B, C... -->
<ol type="i">       <!-- números romanos: i, ii, iii... -->
<ol type="I">       <!-- números romanos mayúsculas: I, II, III... -->

¡Inténtalo tú mismo! Combina diferentes tipos de listas, incluso anidándolas unas dentro de otras, para crear estructuras más complejas.

10
of 10
# Manual de HTML

HTML es el lenguaje utilizado como base para crear las páginas web. En este manual explicamos en profundidad como utilizar

Sign up to see the content. It's free!

  • Access to all documents
  • Improve your grades
  • Join milions of students

Listas de definición y anidadas

Listas de definición

Sirven para presentar términos junto con sus definiciones, usando <dl> para la lista, <dt> para el término y <dd> para la definición:

<dl>
  <dt>Brújula</dt>
  <dd>Señora montada en una escobula</dd>
  <dt>Oreja</dt>
  <dd>Sesenta minutejos</dd>
</dl>

Se verá así:

Brújula Señora montada en una escobula Oreja Sesenta minutejos

Las definiciones aparecen automáticamente con sangría, lo que puede ser útil para crear textos con diferentes niveles de indentación.

Anidando listas

Puedes combinar diferentes tipos de listas para crear estructuras más complejas:

<ul>
  <li>Argentina
    <ol>
      <li>Buenos Aires</li>
      <li>Bariloche</li>
    </ol>
  </li>
  <li>Uruguay
    <ol>
      <li>Montevideo</li>
      <li>Punta del Este</li>
    </ol>
  </li>
</ul>

Esto mostrará:

  • Argentina
    1. Buenos Aires
    2. Bariloche
  • Uruguay
    1. Montevideo
    2. Punta del Este

Tip para estudiar: Las listas anidadas son muy útiles para crear esquemas o índices de estudio, te ayudarán a organizar tus apuntes de cualquier materia de forma clara.

We thought you’d never ask...

What is the Knowunity AI companion?

Our AI companion is specifically built for the needs of students. Based on the millions of content pieces we have on the platform we can provide truly meaningful and relevant answers to students. But its not only about answers, the companion is even more about guiding students through their daily learning challenges, with personalised study plans, quizzes or content pieces in the chat and 100% personalisation based on the students skills and developments.

Where can I download the Knowunity app?

You can download the app in the Google Play Store and in the Apple App Store.

Is Knowunity really free of charge?

That's right! Enjoy free access to study content, connect with fellow students, and get instant help – all at your fingertips.

Most popular content: Sections

1

Most popular content in Otros

9

Most popular content

9

Can't find what you're looking for? Explore other subjects.

Students love us — and so will you.

4.6/5App Store
4.7/5Google Play

The app is very easy to use and well designed. I have found everything I was looking for so far and have been able to learn a lot from the presentations! I will definitely use the app for a class assignment! And of course it also helps a lot as an inspiration.

Stefan SiOS user

This app is really great. There are so many study notes and help [...]. My problem subject is French, for example, and the app has so many options for help. Thanks to this app, I have improved my French. I would recommend it to anyone.

Samantha KlichAndroid user

Wow, I am really amazed. I just tried the app because I've seen it advertised many times and was absolutely stunned. This app is THE HELP you want for school and above all, it offers so many things, such as workouts and fact sheets, which have been VERY helpful to me personally.

AnnaiOS user