1 / 14

LENGUAJE HTML INTRODUCCIÓN

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.

adelio
Download Presentation

LENGUAJE HTML INTRODUCCIÓN

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. LENGUAJE HTML INTRODUCCIÓN

  2. 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 !!!! <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> <bodybackground = "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) 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)

  5. Introducción HTML: HiperTextMarkupLanguaje “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. 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>

More Related