LOGO
Introducción
Existen distintos lenguajes…
Abre el libro en la
página ciento
veinte. Leer el
primer párrafo.
Open the book in
page 100. Read all
the text.
Escrito en Lenguaje Castellano …Una
persona que entienda castellano podrá
interpretar la frase y ejecutarla.
Escrito en Lenguaje Ingles. Una
persona que entienda el ingles podrá
interpretar la frase y ejecutarla.
Escrito en Lenguaje Hebreo. Una
persona que entienda el Hebreo podrá
interpretar la frase y ejecutarla.
Introducción
HTML es un lenguaje !!!!
<html>
<head>
<title>Primera página html </title>
<meta name = "description" content = Esta web
esta creada para ser un ejemplo
<meta name = "keywords" content = tutoriales,
quesucede, internet, youtube
<meta name = "robots" content = "index, follow"
/>
</head>
<body background = "textura.jpg">
<center>
<h3> Esta página es de prueba
</h3>
</center>
Escrito en Lenguaje
HTML…
¿Quiénes entienden
y ejecutan las
ordenes escritas en
lenguaje HTML?
LOS
NAVEGADORES
WEB: IExplorer,
Chrome, Mozilla,
etc.
Introducción
Ejemplo:
Paso 1) Escribo en el navegador (Chrome, Ie, Mozilla)
www.Infobae.com
Paso 2) El navegador busca en los servidores de Infobae la
página solicitada.
Paso 3) Los servidores de Infobae, me devuelven un archivo
escrito en lenguaje html.
Paso 4) Cuando ese archivo llega a mi computadora, el
navegador ((Chrome, Ie, Mozilla) comienza a leer ese archivo, y
a medida que lo va leyendo me va mostrando la página con sus
imágenes, textos, etc.
(mostrar código de la página de infobae)
Introducción
HTML: Hiper Text Markup Languaje
“Lenguaje HiperTexto de Marcas”
“Este lenguaje será el encargado de convertir un
inocente archivo de texto en una página web con
diferentes tipos y tamaños de letra, con imágenes
impactantes, animaciones sorprendentes,
formularios interactivos, etc.”
Introducción
¿Qué se necesita para crear una página
Web?
1) Conocer bien el Lenguaje HTML.
2) Un editor de Texto: Bloc de notas (p.e.)
(No conviene usar Word), Sublime Text 2
3) Un Navegador o Visualizador.
Introducción
HTML es un lenguaje que se utiliza para
la creación de páginas web.
HTML se compone de una serie de
comandos(instrucciones) que son
interpretados por el navegador. Dicho de
otra forma:
 el navegador ejecuta(lee y entiende) todas
las ordenes contenidas en el cogido HTML.
Características del lenguaje HTML
HTML es un lenguaje de marcas (o
etiquetas)
• Marcas(o etiquetas): una marca es una orden
encerrada entre los signos menor(<) y mayor(>)
• Existen las etiquetas de apertura y las etiquetas
de cierre
• Ejemplos de etiquetas: <h1> </h1>;
<a> </a>; <p> </p>; <br>
Características del lenguaje HTML
Un documento escrito en HTML es
simplemente texto…
• Se puede editar con cualquier editor de texto.
Igualdad de mayúsculas y
minúsculas…
• HTML no distingue entre minúsculas y
mayúsculas en la especificación de las
marcas. (Aunque nosotros trabajaremos con
minúsculas!!!)
No importan los tabuladores ni los
saltos de linea…
Estructura de un documento HTML
Un documento HTML comienza con la
etiqueta <html> y termina con la
etiqueta </html>
<html>
.
.
.
</html>
Ver páginas de ejemplo en páginas
reales..
Estructura de un documento HTML
Un documento HTML esta compuesto por
2 PARTES
<html>
<head>
….
</head>
<body>
…
</body>
</html>
CABECERA del documento
CUEPO(CONTENIDO) del
documento
Estructura de un documento HTML
Un documento HTML esta compuesto por
2 PARTES
<head>
….
</head>
CABECERA: se coloca información de la página
web que NO SE VE EN PANTALLA PRINCIPAL.
<body>
…
</body>
CUEPO: se coloca la información que aparecerá
dentro de la pantalla del navegador tal cual la
escribamos
Estructura de un documento HTML
Ejemplo
<html>
<head>
</head>
<body>
Esta es mi primera página Web!!!!!
</body>
</html>
Estructura de un documento HTML
 Ejemplo 2: Los Salto de Líneas no tiene efecto
<html>
<head>
</head>
<body>
Esta es mi
primera página
Web!!!!!
</body>
</html>
Descargar

Introducción (ppt)