LENGUAJE HTML INTRODUCCIÓN
14
LOGO LENGUAJE HTML INTRODUCCIÓN
description
LENGUAJE HTML INTRODUCCIÓN. Introducción. Existen distintos lenguajes…. Abre el libro en la página ciento veinte. Leer el primer párrafo. Escrito en Lenguaje Castellano …Una persona que entienda castellano podrá interpretar la frase y ejecutarla. - PowerPoint PPT Presentation
Transcript of LENGUAJE HTML INTRODUCCIÓN
LOGO
LENGUAJE HTMLINTRODUCCIÓN
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 LenguajeHTML…
¿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.
IMPORTANTE: Con el bloc de notas crearemos un archivo con el nombre que queramos (siempre minúscula!!), pero que debe tener
necesariamente la extensión .hmtl. Poner el nombre entre comillas: ¨pagina.html¨
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>
<body>…</body>
CABECERA: se coloca información de la página web que NO SE VE EN PANTALLA PRINCIPAL.
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>
