HTML / CSS

FUNDAMENTOS DE WEB
INTERNET
SERVICIOS INTERNET

• WWW – World Wide Web

• Correo Electrónico
• Transferencia de Archivos FTP
• Telefonía IP
• Redes P2P
• Chats y mensajería Instantánea
• RSS
• Streaming de audio y video
• Descarga de Archivos
Herramientas WEB
HTML

El documento que lee el navegador está escrito

en un lenguaje de marcado llamado HTML, que
son las siglas de HyperText Markup
Language (Lenguaje de marcas de hipertexto), o
lo que es lo mismo, un lenguaje de etiquetas
que permite incluir o hacer referencia a todo
tipo de información.
Semántica
Uno de los principales objetivos de HTML5 es introducir
información en un documento HTML5 de forma que sea
semántico y no visual. Con esto queremos decir que todos
los aspectos visuales deben dejarse para el apartado de
presentación, que se gestiona desde el lenguaje CSS.
En el documento HTML debe aparecer información
correctamente individualizada, de modo que al leer una
página HTML comprendamos su significado, y si queremos
cambiar la apariencia, lo hagamos en el documento CSS.
Esto es lo que comúnmente se conoce como separación de
la presentación del contenido.
CSS

Antes de comenzar, debes tener claro un concepto

clave: una página web es realmente un documento
de texto. En dicho documento se escribe código
HTML, con el que se que crea el contenido de una
web. Por otro lado, existe el código CSS, que unido al
código HTML permite darle forma, color, posición (y
otras características visuales) a un documento web.
JAVASCRIPT

Javascript es un lenguaje de programación, o lo

que es lo mismo, un mecanismo con el que
podemos decirle a nuestro navegador que tareas
debe realizar, en que orden y cuantas veces (por
ejemplo).
Etiquetas HTML

<title> Titulo pestaña

<link> Vincular
<link rel=“stylesheet” href=“style”>
Etiquetas HTML
<h1> Titulo
<h2> Titulo
<h3> Titulo
<h4> Titulo
<h5> Titulo
<h6> Titulo

<p> Párrafo
<b> Negrita
<br> Salto de Pagina
<hr> Línea
Etiquetas HTML

<div> clasificar
<div class = “nombreclase”

<img> imagen

<a> </a>
<a href=“OtraPagina.html” target =“_blank”> <img src= “Imagen.jpg” alt =
“referencia de la imagen” </a>