HTME.
TIC4
407 JAZMIN ITZEL MARTINEZ RANGEL.
INDICE.
1. Portada ……………………………………………… 1
2. Índice ………………………………………………. 2
3. Introducción ………………………………………. 3
4. Definición de HTML ………………………………. 4
5. Historia de HTML …………………………………. 5
6. ¿Para qué sirve HTML? …………………………… 6
7. Aplicaciones y programas donde se desarrolla HTML
……………………………………………. 7
8. Versiones de HTML ………………………………. 8
9. Ejemplo de código HTML ……………………….. 9
10. Conclusión y recomendación ………………… 10
11. Bibliografía ……………………………………… 11
INTRODUCCION
HTML (HyperText Markup Language) es el lenguaje de
marcado que se utiliza para crear y organizar el
contenido de las páginas web. Gracias a él es posible
mostrar textos, imágenes, enlaces, tablas y otros
elementos que forman parte de un sitio web. En este
trabajo se explica qué es HTML, su historia, para qué
sirve, sus principales versiones, las aplicaciones donde
se utiliza y un ejemplo básico de código, con el fin de
comprender su importancia en el desarrollo de
páginas web.
CONTENIDO * Definición de HTML.
* Historia de HTML.
* ¿Para qué sirve HTML?
* Aplicaciones y programas donde se
desarrolla HTML.
* Versiones de HTML.
* Ejemplo de código HTML.
* Conclusión y recomendación.
* Bibliografía.
DEFINICION Lenguaje de Marcado de
Hipertexto (HyperText Markup
Language), y es el código base que se
usa para crear y organizar la
estructura de las páginas en internet.
Funciona como el esqueleto de un
sitio web, indicando al navegador
dónde van los textos, las imágenes o
los enlaces
HISTORIA DE HTML (HyperText
Markup Language) fue creado en 1990 por
Tim Berners-Lee para organizar y compartir
información en la web. Con el paso de los
años evolucionó con nuevas versiones, hasta
llegar a HTML5, que permite crear páginas
web más modernas e interactivas con
soporte para audio, video y contenido
multimedia. Actualmente es el lenguaje
básico para crear sitios [Link].
¿Para qué sirve HTML
HTML sirve para crear y organizar el contenido de las páginas web. Permite agregar
títulos, párrafos, imágenes, enlaces, tablas, formularios y otros elementos para que
un navegador los muestre correctamente.
¿En qué programas se desarrolla?
HTML se desarrolla en editores de código como Visual Studio
Code, Notepad++, Sublime Text y el Bloc de notas. Después, el
archivo se abre en un navegador web como Google Chrome,
Microsoft Edge o Mozilla Firefox para ver el resultado.
Aplicaciones en las que se usa HTML:
* Creación de sitios web y páginas de Internet.
* Tiendas en línea (comercio electrónico).
* Blogs y portales de noticias.
* Plataformas educativas y cursos en línea.
* Aplicaciones web, como redes sociales, sistemas bancarios y servicios de
correo electrónico.
HTML es la base de la mayoría de las páginas y aplicaciones que usamos
todos los días en Internet.
: Versiones de HTML
* HTML 1.0 (1990): Primera versión, muy
básica.
* HTML 2.0 (1995): Primera versión oficial.
* HTML 3.2 (1997): Agregó tablas y mejoras
de diseño.
* HTML 4.01 (1999): Mejoró la estructura y
compatibilidad.
* HTML5 (2014): Versión actual, con soporte
para audio, video y contenido multimedia.
EJEMPLO DE CODIGO
<!DOCTYPE html>
<html>
<head>
<title>Mi primera página</title>
</head>
<body>
<h1>Hola, mundo</h1>
<p>Esta es mi primera página web.</p>
</body>
</html>
Conclusión:
HTML es el lenguaje básico para crear páginas web. Permite organizar el
contenido de forma clara y es fundamental para el desarrollo de sitios web
modernos.
Recomendaciones:
* Aprender las etiquetas básicas de HTML.
* Practicar creando páginas sencillas.
* Usar un editor de código como Visual Studio Code.
* Complementar HTML con CSS y JavaScript para crear páginas más
atractivas e interactivas.
BIBLIOGRAFIA * Mozilla. (s. f.). HTML: Lenguaje de
marcado de hipertexto (HTML).
[Link]
* World Wide Web Consortium (W3C). (s. f.). HTML.
[Link]
* HTML y CSS: Diseño y construcción de sitios web. (2012). HTML y CSS:
Diseño y construcción de sitios web. Anaya Multimedia
SCC
(Cascading Style Sheets u Hojas de Estilo en
Cascada) es un lenguaje que se utiliza para
dar diseño y estilo a las páginas web creadas
con HTML. Permite modificar colores,
fuentes, tamaños, espacios y la distribución
de los elementos, logrando páginas más
atractivas, organizadas y fáciles de usar.
Definición de CSS
CSS (Cascading Style Sheets o Hojas de Estilo
en Cascada) es un lenguaje utilizado para
definir la apariencia y el diseño de una página
web. Se usa junto con HTML para cambiar
colores, fuentes, tamaños, márgenes y la
distribución de los elementos, haciendo que
las páginas sean más atractivas y organizadas.
Historia de CSS
CSS fue creado en 1996 por Håkon Wium Lie
para separar el diseño del contenido de las
páginas web. Con el tiempo ha evolucionado
con nuevas versiones, permitiendo crear
sitios web más atractivos, organizados y
adaptables a diferentes dispositivos.
¿Para qué sirve CSS?
CSS sirve para dar estilo y diseño a las páginas web. Permite cambiar colores, tipos
de letra, tamaños, márgenes, fondos y la distribución de los elementos.
¿En qué programas se desarrolla?
CSS se escribe en editores de código como Visual Studio
Code, Notepad++, Sublime Text y el Bloc de notas. Después,
se visualiza en navegadores como Google Chrome,
Microsoft Edge o Mozilla Firefox.
Aplicaciones de CSS
* Diseño de páginas y sitios web.
* Tiendas en línea.
* Blogs y portales de noticias.
* Plataformas educativas.
* Aplicaciones web y sistemas en línea.
CSS se utiliza para mejorar la apariencia y hacer que las
páginas web sean más atractivas y fáciles de usar.
Versiones de CSS
* CSS1 (1996): Primera versión, con estilos básicos.
* CSS2 (1998): Agregó soporte para posicionamiento,
impresión y otros diseños.
* CSS2.1 (2011): Corrigió errores y mejoró la compatibilidad.
* CSS3 (2011–actualidad): Introdujo animaciones,
transiciones, bordes redondeados, sombras y diseño
adaptable (responsive).
body {
background-color: lightblue;
font-family: Arial, sans-serif;
h1 {
color: navy;
text-align: center;
p{
color: black;
font-size: 18px;
Conclusión
CSS es un lenguaje esencial para dar estilo y diseño a las
páginas web. Permite mejorar la apariencia, la organización
y la experiencia del usuario, trabajando junto con HTML.
Recomendaciones
* Aprender las propiedades básicas de CSS.
* Practicar con diseños sencillos.
* Utilizar un editor de código como Visual Studio Code.
* Combinar CSS con HTML y JavaScript para crear páginas
web más completas e interactivas.
Bibliografía
* Mozilla. (s. f.). CSS: Hojas de Estilo en Cascada.
[Link]
* World Wide Web Consortium (W3C). (s. f.). CSS.
[Link]
* HTML y CSS: Diseño y construcción de sitios web. (2012).
HTML y CSS: Diseño y construcción de sitios web. Anaya
Multimedia.
javaSaipt
palabra, concepto, objeto o tema, para
comprender qué es y Definición: Es la
explicación clara y precisa del significado de
una cuáles son sus características
[Link]
JavaScript fue creado en 1995 por Brendan Eich mientras trabajaba en Netscape
Communications. Fue diseñado para agregar interactividad a las páginas web. Con el paso de
los años evolucionó y actualmente es uno de los lenguajes más utilizados para crear
aplicaciones web dinámicas y modernas
Para qué sirve JavaScript?
JavaScript sirve para agregar interactividad y funciones
dinámicas a las páginas web. Permite crear botones con
acciones, animaciones, formularios, juegos, aplicaciones
web y modificar el contenido de una página sin tener que
recargarla.
¿En qué programas se desarrolla?
JavaScript se desarrolla en editores de código como Visual
Studio Code, Sublime Text, Atom o Notepad++. También se
ejecuta en navegadores como Google Chrome, Mozilla Firefox y
Microsoft Edge.
Aplicaciones de JavaScript
* Creación de páginas web interactivas.
* Desarrollo de aplicaciones web como redes sociales, tiendas
en línea y plataformas educativas.
* Creación de juegos en línea.
* Desarrollo de aplicaciones para celulares.
* Programación de servidores y sistemas usando tecnologías
como [Link].
JavaScript se utiliza para hacer que los sitios
web sean más dinámicos, rápidos y
funcionales.
Versiones de JavaScript
* JavaScript 1.0 (1995): Primera versión creada para agregar
interactividad a las páginas web.
* JavaScript 1.1 (1996): Incluyó mejoras y nuevas funciones.
* ECMAScript (1997): Se creó como estándar oficial del
lenguaje.
* ES5 (2009): Agregó mejoras de compatibilidad y nuevas
características.
* ES6 o ECMAScript 2015: Incorporó grandes cambios como
clases, módulos y nuevas formas de escribir código.
* Versiones actuales (ES2016 en adelante): Añaden mejoras
constantes para crear aplicaciones web más modernas y
eficientes.
let nombre = "Jazmín";
function saludar() {
alert("Hola, " + nombre);
saludar();
Conclusión
JavaScript es un lenguaje de programación fundamental para el
desarrollo web, ya que permite crear páginas dinámicas,
interactivas y con mejores funciones para los usuarios. Trabaja
junto con HTML y CSS para crear aplicaciones web modernas.
Recomendaciones
* Aprender las bases del lenguaje y sus principales funciones.
* Practicar creando pequeños proyectos.
* Utilizar editores de código como Visual Studio Code.
* Complementar JavaScript con HTML y CSS para desarrollar
páginas más completas.
Bibliografía
* Mozilla. (s. f.). JavaScript: Lenguaje de programación para la
web. [Link]
* ECMAScript International. (s. f.). ECMAScript Language
Specification. [Link]
* JavaScript: The Definitive Guide. (2020). JavaScript: The
Definitive Guide. O’Reilly Media.