El HTML es el lenguaje fundamental para crear páginas web.... Mostrar más
Otros75 visualizaciones·Actualizado May 19, 2026·76 páginasGuía Completa de HTML
C
Camila Reducindo@camilareducindo
1 / 76
1
of 76
¿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 76
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 76
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 76
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 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 76
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:
- 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) - 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 76
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 76
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 76
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 76
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:
- El jefe siempre tiene la razón
- 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 76
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
- Buenos Aires
- Bariloche
- Uruguay
- Montevideo
- 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.
11
of 76
12
of 76
13
of 76
14
of 76
15
of 76
16
of 76
17
of 76
18
of 76
19
of 76
20
of 76
21
of 76
22
of 76
23
of 76
24
of 76
25
of 76
26
of 76
27
of 76
28
of 76
29
of 76
30
of 76
31
of 76
32
of 76
33
of 76
34
of 76
35
of 76
36
of 76
37
of 76
38
of 76
39
of 76
40
of 76
41
of 76
42
of 76
43
of 76
44
of 76
45
of 76
46
of 76
47
of 76
48
of 76
49
of 76
50
of 76
51
of 76
52
of 76
53
of 76
54
of 76
55
of 76
56
of 76
57
of 76
58
of 76
59
of 76
60
of 76
61
of 76
62
of 76
63
of 76
64
of 76
65
of 76
66
of 76
67
of 76
68
of 76
69
of 76
70
of 76
71
of 76
72
of 76
73
of 76
74
of 76
75
of 76
76
of 76
Pensamos que nunca lo preguntarías...
¿Qué es Knowunity AI companion?
Nuestro compañero de IA está específicamente adaptado a las necesidades de los estudiantes. Basándonos en los millones de contenidos que tenemos en la plataforma, podemos dar a los estudiantes respuestas realmente significativas y relevantes. Pero no se trata solo de respuestas, el compañero también guía a los estudiantes a través de sus retos de aprendizaje diarios, con planes de aprendizaje personalizados, cuestionarios o contenidos en el chat y una personalización del 100% basada en las habilidades y el desarrollo de los estudiantes.
¿Dónde puedo descargar la app Knowunity?
Puedes descargar la app en Google Play Store y Apple App Store.
¿Knowunity es totalmente gratuito?
¡Sí lo es! Tienes acceso totalmente gratuito a todo el contenido de la app, puedes chatear con otros alumnos y recibir ayuda inmeditamente. Puedes ganar dinero utilizando la aplicación, que te permitirá acceder a determinadas funciones.
Contenidos más populares: Sections
3Contenidos más populares de Otros
9OtrosGUÍA ECOEMS ESPAÑOL
Resúmenes , apuntes y paráfrasis con todos los temas del examen ecoems aquí ☺️
1º Sec1896
OtrosCorazón
Función del corazón partes del corazón
1º Bach4439
OtrosLa Tabla periódica
Todo sobre la tabla periódica en resumen
Universidad3202
OtrosHistoria de México
Espero les sirva😊
2º Bach2244
OtrosFarmacología
Introducción y conceptos de la farmacología
Universidad3294
OtrosHuesos del cuerpo
Clasificación de los huesos del cuerpo humano
Universidad27510
BiologíaSistema endocrino.
Glándulas, hormonas, función y quién las produce.
2º Bach4185
OtrosEspañol
Español para examen ecoems
1º Bach3465
OtrosCiclo cardíaco
Todo las generalidades que se ocupan saber del ciclo cardíaco y sus fases
Universidad34713
Contenidos más populares
9
MatemáticasJerarquía de operaciones
Te enseña la jerarquía de operaciones y también te ecplica que son y como las puedes hacer
1º Sec1,04317
Químicaquímica
química
3º Sec4170
BiologíaSistema óseo
Función, tipos, etcétera
Universidad64717
BiologíaMapa metabólico
Mapa metabólico, glucólisis, gluconeogénesis, lípidos, vía de las pentosas, ciclo de krebs
Universidad1,07421
BiologíaCélula animal y vegetal
En resumen, este documento te habla sobre qué es, características, diferencias y similitudes de la célula animal y célula vegetal.💗
3º Bach7449
M
MatemáticasMatemáticas
matemáticas
1º Sec1,0250
MatemáticasExamen mate
matemáticas
1º Bach5810
BiologíaMapa mental - Sistema Nervioso
Mapa mental sobre el sistema nervioso
3º Bach1,59938
HistoriaHistoria ECOEMS (Comipems)
Breve resumen de los temas de historia universal del examen del examen de media superior ECOEMS del valle de México
3º Sec1,03334
¿No encuentras lo que buscas? Explora otros temas.
Reseñas de nuestros usuarios. Ellos obtuvieron todo lo bueno — y tú también lo harías.
4.6/5App Store
4.7/5Google Play
La app es muy fácil de usar y está muy bien diseñada. Hasta ahora he encontrado todo lo que estaba buscando y he podido aprender mucho de las presentaciones. Definitivamente utilizaré la aplicación para un examen de clase. Y, por supuesto, también me sirve mucho de inspiración.
Pablousuario de iOS
Esta app es realmente genial. Hay tantos apuntes de clase y ayuda [...]. Tengo problemas con matemáticas, por ejemplo, y la aplicación tiene muchas opciones de ayuda. Gracias a Knowunity, he mejorado en mates. Se la recomiendo a todo el mundo.
Elenausuaria de Android
Vaya, estoy realmente sorprendida. Acabo de probar la app porque la he visto anunciada muchas veces y me he quedado absolutamente alucinada. Esta app es LA AYUDA que quieres para el insti y, sobre todo, ofrece muchísimas cosas, como ejercicios y hojas informativas, que a mí personalmente me han sido MUY útiles.
Anausuaria de iOS
Otros75 visualizaciones·Actualizado May 19, 2026·76 páginasGuía Completa de HTML
C
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 76Inscríbete para ver los apuntes. ¡Es gratis!
- Acceso a todos los documentos
- Mejora tus notas
- Únete a millones de estudiantes
¿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 76Inscríbete para ver los apuntes. ¡Es gratis!
- Acceso a todos los documentos
- Mejora tus notas
- Únete a millones de estudiantes
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 76Inscríbete para ver los apuntes. ¡Es gratis!
- Acceso a todos los documentos
- Mejora tus notas
- Únete a millones de estudiantes
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 76Inscríbete para ver los apuntes. ¡Es gratis!
- Acceso a todos los documentos
- Mejora tus notas
- Únete a millones de estudiantes
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 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 76Inscríbete para ver los apuntes. ¡Es gratis!
- Acceso a todos los documentos
- Mejora tus notas
- Únete a millones de estudiantes
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:
- 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) - 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 76Inscríbete para ver los apuntes. ¡Es gratis!
- Acceso a todos los documentos
- Mejora tus notas
- Únete a millones de estudiantes
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 76Inscríbete para ver los apuntes. ¡Es gratis!
- Acceso a todos los documentos
- Mejora tus notas
- Únete a millones de estudiantes
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 76Inscríbete para ver los apuntes. ¡Es gratis!
- Acceso a todos los documentos
- Mejora tus notas
- Únete a millones de estudiantes
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 76Inscríbete para ver los apuntes. ¡Es gratis!
- Acceso a todos los documentos
- Mejora tus notas
- Únete a millones de estudiantes
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:
- El jefe siempre tiene la razón
- 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 76Inscríbete para ver los apuntes. ¡Es gratis!
- Acceso a todos los documentos
- Mejora tus notas
- Únete a millones de estudiantes
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
- Buenos Aires
- Bariloche
- Uruguay
- Montevideo
- 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.
11
of 76Inscríbete para ver los apuntes. ¡Es gratis!
- Acceso a todos los documentos
- Mejora tus notas
- Únete a millones de estudiantes
12
of 76Inscríbete para ver los apuntes. ¡Es gratis!
- Acceso a todos los documentos
- Mejora tus notas
- Únete a millones de estudiantes
13
of 76Inscríbete para ver los apuntes. ¡Es gratis!
- Acceso a todos los documentos
- Mejora tus notas
- Únete a millones de estudiantes
14
of 76Inscríbete para ver los apuntes. ¡Es gratis!
- Acceso a todos los documentos
- Mejora tus notas
- Únete a millones de estudiantes
15
of 76Inscríbete para ver los apuntes. ¡Es gratis!
- Acceso a todos los documentos
- Mejora tus notas
- Únete a millones de estudiantes
16
of 76Inscríbete para ver los apuntes. ¡Es gratis!
- Acceso a todos los documentos
- Mejora tus notas
- Únete a millones de estudiantes
17
of 76Inscríbete para ver los apuntes. ¡Es gratis!
- Acceso a todos los documentos
- Mejora tus notas
- Únete a millones de estudiantes
18
of 76Inscríbete para ver los apuntes. ¡Es gratis!
- Acceso a todos los documentos
- Mejora tus notas
- Únete a millones de estudiantes
19
of 76Inscríbete para ver los apuntes. ¡Es gratis!
- Acceso a todos los documentos
- Mejora tus notas
- Únete a millones de estudiantes
20
of 76Inscríbete para ver los apuntes. ¡Es gratis!
- Acceso a todos los documentos
- Mejora tus notas
- Únete a millones de estudiantes
21
of 76Inscríbete para ver los apuntes. ¡Es gratis!
- Acceso a todos los documentos
- Mejora tus notas
- Únete a millones de estudiantes
22
of 76Inscríbete para ver los apuntes. ¡Es gratis!
- Acceso a todos los documentos
- Mejora tus notas
- Únete a millones de estudiantes
23
of 76Inscríbete para ver los apuntes. ¡Es gratis!
- Acceso a todos los documentos
- Mejora tus notas
- Únete a millones de estudiantes
24
of 76Inscríbete para ver los apuntes. ¡Es gratis!
- Acceso a todos los documentos
- Mejora tus notas
- Únete a millones de estudiantes
25
of 76Inscríbete para ver los apuntes. ¡Es gratis!
- Acceso a todos los documentos
- Mejora tus notas
- Únete a millones de estudiantes
26
of 76Inscríbete para ver los apuntes. ¡Es gratis!
- Acceso a todos los documentos
- Mejora tus notas
- Únete a millones de estudiantes
27
of 76Inscríbete para ver los apuntes. ¡Es gratis!
- Acceso a todos los documentos
- Mejora tus notas
- Únete a millones de estudiantes
28
of 76Inscríbete para ver los apuntes. ¡Es gratis!
- Acceso a todos los documentos
- Mejora tus notas
- Únete a millones de estudiantes
29
of 76Inscríbete para ver los apuntes. ¡Es gratis!
- Acceso a todos los documentos
- Mejora tus notas
- Únete a millones de estudiantes
30
of 76Inscríbete para ver los apuntes. ¡Es gratis!
- Acceso a todos los documentos
- Mejora tus notas
- Únete a millones de estudiantes
31
of 76Inscríbete para ver los apuntes. ¡Es gratis!
- Acceso a todos los documentos
- Mejora tus notas
- Únete a millones de estudiantes
32
of 76Inscríbete para ver los apuntes. ¡Es gratis!
- Acceso a todos los documentos
- Mejora tus notas
- Únete a millones de estudiantes
33
of 76Inscríbete para ver los apuntes. ¡Es gratis!
- Acceso a todos los documentos
- Mejora tus notas
- Únete a millones de estudiantes
34
of 76Inscríbete para ver los apuntes. ¡Es gratis!
- Acceso a todos los documentos
- Mejora tus notas
- Únete a millones de estudiantes
35
of 76Inscríbete para ver los apuntes. ¡Es gratis!
- Acceso a todos los documentos
- Mejora tus notas
- Únete a millones de estudiantes
36
of 76Inscríbete para ver los apuntes. ¡Es gratis!
- Acceso a todos los documentos
- Mejora tus notas
- Únete a millones de estudiantes
37
of 76Inscríbete para ver los apuntes. ¡Es gratis!
- Acceso a todos los documentos
- Mejora tus notas
- Únete a millones de estudiantes
38
of 76Inscríbete para ver los apuntes. ¡Es gratis!
- Acceso a todos los documentos
- Mejora tus notas
- Únete a millones de estudiantes
39
of 76Inscríbete para ver los apuntes. ¡Es gratis!
- Acceso a todos los documentos
- Mejora tus notas
- Únete a millones de estudiantes
40
of 76Inscríbete para ver los apuntes. ¡Es gratis!
- Acceso a todos los documentos
- Mejora tus notas
- Únete a millones de estudiantes
41
of 76Inscríbete para ver los apuntes. ¡Es gratis!
- Acceso a todos los documentos
- Mejora tus notas
- Únete a millones de estudiantes
42
of 76Inscríbete para ver los apuntes. ¡Es gratis!
- Acceso a todos los documentos
- Mejora tus notas
- Únete a millones de estudiantes
43
of 76Inscríbete para ver los apuntes. ¡Es gratis!
- Acceso a todos los documentos
- Mejora tus notas
- Únete a millones de estudiantes
44
of 76Inscríbete para ver los apuntes. ¡Es gratis!
- Acceso a todos los documentos
- Mejora tus notas
- Únete a millones de estudiantes
45
of 76Inscríbete para ver los apuntes. ¡Es gratis!
- Acceso a todos los documentos
- Mejora tus notas
- Únete a millones de estudiantes
46
of 76Inscríbete para ver los apuntes. ¡Es gratis!
- Acceso a todos los documentos
- Mejora tus notas
- Únete a millones de estudiantes
47
of 76Inscríbete para ver los apuntes. ¡Es gratis!
- Acceso a todos los documentos
- Mejora tus notas
- Únete a millones de estudiantes
48
of 76Inscríbete para ver los apuntes. ¡Es gratis!
- Acceso a todos los documentos
- Mejora tus notas
- Únete a millones de estudiantes
49
of 76Inscríbete para ver los apuntes. ¡Es gratis!
- Acceso a todos los documentos
- Mejora tus notas
- Únete a millones de estudiantes
50
of 76Inscríbete para ver los apuntes. ¡Es gratis!
- Acceso a todos los documentos
- Mejora tus notas
- Únete a millones de estudiantes
51
of 76Inscríbete para ver los apuntes. ¡Es gratis!
- Acceso a todos los documentos
- Mejora tus notas
- Únete a millones de estudiantes
52
of 76Inscríbete para ver los apuntes. ¡Es gratis!
- Acceso a todos los documentos
- Mejora tus notas
- Únete a millones de estudiantes
53
of 76Inscríbete para ver los apuntes. ¡Es gratis!
- Acceso a todos los documentos
- Mejora tus notas
- Únete a millones de estudiantes
54
of 76Inscríbete para ver los apuntes. ¡Es gratis!
- Acceso a todos los documentos
- Mejora tus notas
- Únete a millones de estudiantes
55
of 76Inscríbete para ver los apuntes. ¡Es gratis!
- Acceso a todos los documentos
- Mejora tus notas
- Únete a millones de estudiantes
56
of 76Inscríbete para ver los apuntes. ¡Es gratis!
- Acceso a todos los documentos
- Mejora tus notas
- Únete a millones de estudiantes
57
of 76Inscríbete para ver los apuntes. ¡Es gratis!
- Acceso a todos los documentos
- Mejora tus notas
- Únete a millones de estudiantes
58
of 76Inscríbete para ver los apuntes. ¡Es gratis!
- Acceso a todos los documentos
- Mejora tus notas
- Únete a millones de estudiantes
59
of 76Inscríbete para ver los apuntes. ¡Es gratis!
- Acceso a todos los documentos
- Mejora tus notas
- Únete a millones de estudiantes
60
of 76Inscríbete para ver los apuntes. ¡Es gratis!
- Acceso a todos los documentos
- Mejora tus notas
- Únete a millones de estudiantes
61
of 76Inscríbete para ver los apuntes. ¡Es gratis!
- Acceso a todos los documentos
- Mejora tus notas
- Únete a millones de estudiantes
62
of 76Inscríbete para ver los apuntes. ¡Es gratis!
- Acceso a todos los documentos
- Mejora tus notas
- Únete a millones de estudiantes
63
of 76Inscríbete para ver los apuntes. ¡Es gratis!
- Acceso a todos los documentos
- Mejora tus notas
- Únete a millones de estudiantes
64
of 76Inscríbete para ver los apuntes. ¡Es gratis!
- Acceso a todos los documentos
- Mejora tus notas
- Únete a millones de estudiantes
65
of 76Inscríbete para ver los apuntes. ¡Es gratis!
- Acceso a todos los documentos
- Mejora tus notas
- Únete a millones de estudiantes
66
of 76Inscríbete para ver los apuntes. ¡Es gratis!
- Acceso a todos los documentos
- Mejora tus notas
- Únete a millones de estudiantes
67
of 76Inscríbete para ver los apuntes. ¡Es gratis!
- Acceso a todos los documentos
- Mejora tus notas
- Únete a millones de estudiantes
68
of 76Inscríbete para ver los apuntes. ¡Es gratis!
- Acceso a todos los documentos
- Mejora tus notas
- Únete a millones de estudiantes
69
of 76Inscríbete para ver los apuntes. ¡Es gratis!
- Acceso a todos los documentos
- Mejora tus notas
- Únete a millones de estudiantes
70
of 76Inscríbete para ver los apuntes. ¡Es gratis!
- Acceso a todos los documentos
- Mejora tus notas
- Únete a millones de estudiantes
71
of 76Inscríbete para ver los apuntes. ¡Es gratis!
- Acceso a todos los documentos
- Mejora tus notas
- Únete a millones de estudiantes
72
of 76Inscríbete para ver los apuntes. ¡Es gratis!
- Acceso a todos los documentos
- Mejora tus notas
- Únete a millones de estudiantes
73
of 76Inscríbete para ver los apuntes. ¡Es gratis!
- Acceso a todos los documentos
- Mejora tus notas
- Únete a millones de estudiantes
74
of 76Inscríbete para ver los apuntes. ¡Es gratis!
- Acceso a todos los documentos
- Mejora tus notas
- Únete a millones de estudiantes
75
of 76Inscríbete para ver los apuntes. ¡Es gratis!
- Acceso a todos los documentos
- Mejora tus notas
- Únete a millones de estudiantes
76
of 76Inscríbete para ver los apuntes. ¡Es gratis!
- Acceso a todos los documentos
- Mejora tus notas
- Únete a millones de estudiantes
Pensamos que nunca lo preguntarías...
¿Qué es Knowunity AI companion?
Nuestro compañero de IA está específicamente adaptado a las necesidades de los estudiantes. Basándonos en los millones de contenidos que tenemos en la plataforma, podemos dar a los estudiantes respuestas realmente significativas y relevantes. Pero no se trata solo de respuestas, el compañero también guía a los estudiantes a través de sus retos de aprendizaje diarios, con planes de aprendizaje personalizados, cuestionarios o contenidos en el chat y una personalización del 100% basada en las habilidades y el desarrollo de los estudiantes.
¿Dónde puedo descargar la app Knowunity?
Puedes descargar la app en Google Play Store y Apple App Store.
¿Knowunity es totalmente gratuito?
¡Sí lo es! Tienes acceso totalmente gratuito a todo el contenido de la app, puedes chatear con otros alumnos y recibir ayuda inmeditamente. Puedes ganar dinero utilizando la aplicación, que te permitirá acceder a determinadas funciones.
Contenidos más populares: Sections
3Contenidos más populares de Otros
9OtrosGUÍA ECOEMS ESPAÑOL
Resúmenes , apuntes y paráfrasis con todos los temas del examen ecoems aquí ☺️
1º Sec1896
OtrosCorazón
Función del corazón partes del corazón
1º Bach4439
OtrosLa Tabla periódica
Todo sobre la tabla periódica en resumen
Universidad3202
OtrosHistoria de México
Espero les sirva😊
2º Bach2244
OtrosFarmacología
Introducción y conceptos de la farmacología
Universidad3294
OtrosHuesos del cuerpo
Clasificación de los huesos del cuerpo humano
Universidad27510
BiologíaSistema endocrino.
Glándulas, hormonas, función y quién las produce.
2º Bach4185
OtrosEspañol
Español para examen ecoems
1º Bach3465
OtrosCiclo cardíaco
Todo las generalidades que se ocupan saber del ciclo cardíaco y sus fases
Universidad34713
Contenidos más populares
9MatemáticasJerarquía de operaciones
Te enseña la jerarquía de operaciones y también te ecplica que son y como las puedes hacer
1º Sec1,04317
Químicaquímica
química
3º Sec4170
BiologíaSistema óseo
Función, tipos, etcétera
Universidad64717
BiologíaMapa metabólico
Mapa metabólico, glucólisis, gluconeogénesis, lípidos, vía de las pentosas, ciclo de krebs
Universidad1,07421
BiologíaCélula animal y vegetal
En resumen, este documento te habla sobre qué es, características, diferencias y similitudes de la célula animal y célula vegetal.💗
3º Bach7449
M
MatemáticasMatemáticas
matemáticas
1º Sec1,0250
MatemáticasExamen mate
matemáticas
1º Bach5810
BiologíaMapa mental - Sistema Nervioso
Mapa mental sobre el sistema nervioso
3º Bach1,59938
HistoriaHistoria ECOEMS (Comipems)
Breve resumen de los temas de historia universal del examen del examen de media superior ECOEMS del valle de México
3º Sec1,03334
¿No encuentras lo que buscas? Explora otros temas.
Reseñas de nuestros usuarios. Ellos obtuvieron todo lo bueno — y tú también lo harías.
4.6/5App Store
4.7/5Google Play
La app es muy fácil de usar y está muy bien diseñada. Hasta ahora he encontrado todo lo que estaba buscando y he podido aprender mucho de las presentaciones. Definitivamente utilizaré la aplicación para un examen de clase. Y, por supuesto, también me sirve mucho de inspiración.
Pablousuario de iOS
Esta app es realmente genial. Hay tantos apuntes de clase y ayuda [...]. Tengo problemas con matemáticas, por ejemplo, y la aplicación tiene muchas opciones de ayuda. Gracias a Knowunity, he mejorado en mates. Se la recomiendo a todo el mundo.
Elenausuaria de Android
Vaya, estoy realmente sorprendida. Acabo de probar la app porque la he visto anunciada muchas veces y me he quedado absolutamente alucinada. Esta app es LA AYUDA que quieres para el insti y, sobre todo, ofrece muchísimas cosas, como ejercicios y hojas informativas, que a mí personalmente me han sido MUY útiles.
Anausuaria de iOS