Descargar la presentación
La descarga está en progreso. Por favor, espere
1
LENGUAJE HTML INTRODUCCIÓN
2
Existen distintos lenguajes…
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. Open the book in page 100. Read all the text. 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.
3
Introducción HTML es un lenguaje !!!! Escrito en 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.
4
Introducción Ejemplo:
Paso 1) Escribo en el navegador (Chrome, Ie, Mozilla) 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)
5
HTML: Hiper Text Markup Languaje “Lenguaje HiperTexto de Marcas”
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.”
6
¿Qué se necesita para crear una página Web?
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¨
7
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.
8
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>
9
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…
10
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..
11
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
12
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
13
Estructura de un documento HTML
Ejemplo <html> <head> </head> <body> Esta es mi primera página Web!!!!! </body> </html>
14
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>
Presentaciones similares
