Universidad

Nacional
Autónoma
de
Nicaragua
UNAN- LEÓN
Esta introducción a HTML nos ayudará enormemente a entender
el funcionamiento de gran parte de la WEB; cómo se crean las
páginas web y que hay detrás de ellas, además cómo estas pueden
ser accesibles desde cualquier parte del mundo.

Página web y sitio web son cosas totalmente

diferentes

Página web.- Es un documento electrónico digital que puede

contener elementos de texto, imágenes, vídeos, multimedia,
enlaces, formularios, etc. Además una página web posee una URL o
comúnmente llamado link

Sitio web.- Es un conjunto de páginas web, que están organizadas y

estructuradas de tal manera que sea navegable, usable y estético
para los usuarios y/o los motores de búsqueda.
 HTML2.0 (noviembre1995): Era el estándar de HTML cuando se
produjo la explosión de Internet. Cualquier navegador es capaz
de interpretarlo.

 HTML3.0 y 3.2: Las limitaciones de la versión2.0 llevó a varias

compañías (IBM, Microsoft, Netscapeyotras) a crear el comité
llamado W3C que es quién actualmente sigue elaborando las
nuevas versiones de HTML.
El borrador de la version 3.2 fue aprobada en enero de 1997 e incluía
muchas de las mejoras que los mayors navegadores ya habían
introducido como tablas y applets.
HTML (por sus siglas en ingles, HyperText Markup Language), Es un lenguaje
de marcado que nos permite hacer la estructura de una página
web. Tenemos que aclarar que HTML no es un lenguaje de programación,
pues carece de mecanismos para ejecutar cálculos, repeticiones o
condiciones, lo que sí es, es un lenguaje de marcado.

Es un lenguaje que le indicará al navegador web qué tipo de elemento es el

que está en la estructura de una página web
1. Para empezar a escribir código HTML necesitamos un editor de código como
puede ser: sublime text, notepad, visual studio code, CoffeCup Free Editor, entre
otros e incluso el famoso bloc de notas. Para escribir código HTML nos servirá
hasta el editor más básico y sencillo.

2. Por otro lado necesitamos un navegador web que nos servirá para visualizar el
resultado de nuestro código HTML en la pantalla.

Editores WYSIWYG (What You SeeIs What You Get), permiten crear páginas sin
tener conocimientosde HTML (Frontpage, Dreamweaver,...).Permitencolocar textos,I
mágenes, definer estilos y se encargan de crear el código. Son más rápidos que los
editores de texto, pero el código tiene menos calidad.
 En palabras sencillas, los navegadores web son esos
programas que nos permiten navegar en internet tales
como: Firefox, chrome, safari, opera, etc. gracias a ellos
podemos acceder a una página web ingresando a su
dirección o URL ya sea mediante un enlace o directamente.

Los códigos HMTL pueden ser escritos en un editor de texto

cualquiera, preferiblemente uno editor de código, ya
trataremos ello en otra lección, una vez escritos se guardan
y para que estos puedan estar disponibles en internet se
almacenan dichos documentos en un servidor que este
conectado siempre a internet.
Front-end es la capa que se encuentra por encima del Back-end, ya que
comprende menús desplegables, imágenes, íconos, colores, elementos gráficos,
animaciones y, sin lugar a dudas, mejora la experiencia de navegación en el lado
delantero o frontal.
Quienes desarrollan el Front-end son responsables del código orientado a la
inmersión del sujeto en el sitio.

Para lograrlo los expertos deben conocer tres idiomas esenciales:

•Javascript;
CSS;
HTML.

Así como estar familiarizados con frameworks como:

•Bootstrap;
•AngularJS;
•Ember JS;
Nos referimos a una capa de entrada o código de programa al que los usuarios
no tienen acceso. ¿Por qué?
Por lo general, dicho código está compuesto por uno o más lenguajes de
programación empleados para orientar el desarrollo de estructuras web.

Back-end incluye información sobre cómo funciona un sitio en particular, los

cambios y actualizaciones.
En pocas palabras, aquellos aspectos que las personas no pueden ver en el
navegador, entre ellos servidores y bases de datos.
Incluyen lenguajes como:
Java,
Ruby,
Python,
PHP,
.Net,
El diseño es fundamental para el éxito de un sitio
web. Se entiende por diseño la forma y el estilo
de la página, es decir, no basta con crear una
página mediante HTML y CSS, sino que la página
debe resultar útil y atractiva para el usuario.

Entran dentro del diseño, aspectos tales como la

maquetación, los colores, la distribución de
elementos, el tamaño y forma de los mismos, y
otros elementos del estilo y composición del sitio.
Estructura Básica
<html>
<head>
Información técnica para el navegador.
Lenguaje HTML

</head>
<body>

Contenido que aparecerá en la página

Web.

</body>
</html>
<html> Indica el inicio de la página Web
<head> Cabecera de la página
<title> Titulo de la página
“El Titulo de la Página”
</title> Cierre de la etiqueta “ / ”
</head> Cierre de la etiqueta de Cabecera
<body>
Inicio del contenido de la página
“El contenido de la página”
</boby> Cierra de la etiqueta
</html> Fin del Documento html o página Web
 La etiqueta img se utiliza para incluir imágenes se la siguiente manera:

<imgsrc="fichero_de_imagen" alt="descripcion">
<img
src="images/ejemplo1.jpg
 src: Especifica el nombre del fichero.
">
 alt: Es el texto que se mostrara cuando el cursos este sobre la imagen.
La altura y la anchura son atributos opcionales aunque muy útiles.
 ¿Qué es el frontend?
 ¿Qué es el backend?
 ¿Cuáles son las principales etiquetas en HTML?