La descarga está en progreso. Por favor, espere

La descarga está en progreso. Por favor, espere

HTML (Hyper Text Markup Language)

Presentaciones similares


Presentación del tema: "HTML (Hyper Text Markup Language)"— Transcripción de la presentación:

1 HTML (Hyper Text Markup Language)
Es el lenguaje con el que se escriben las páginas web

2 HTML Es un lenguaje de hipertexto, es decir, un lenguaje que permite escribir texto de forma estructurada, y que está compuesto por etiquetas, que marcan el inicio y el fin de cada elemento del documento. QUÉ ES HIPERTEXTO? Por qué Los documentos HTML deben tener la extensión html o htm? Qué son los navegadores? 

3 HTML Un documento hipertexto no sólo se compone de texto, puede contener imágenes, sonido, vídeos, etc., por lo que el resultado puede considerarse como un documento multimedia Documentos con extension HTM o HTML deben guardarse con esa extensión para que puedan ser visualizados en los navegadores (programas que permiten visualizar las páginas web). Regresar

4 HTML Los navegadores se encargan de interpretar el código HTML de los documentos, y de mostrar a los usuarios las páginas web resultantes del código interpretado. Un navegador es una aplicación que opera a través de Internet, interpretando la información de archivos y sitios web para que éstos puedan ser leídos 

5 Versiones de HTML HTML 2.0. (1995)
El comité encargado de establecer los estándares dentro de Internet trabajó HTML 3.0 (borrador) Este borrador resultó demasiado extenso HTML 3.2 (1997)  HTML 4.0 (dice 1997) HTML 4.01 (Sept 2001) HTML 5

6 Editores Un editor es un programa que nos permiten redactar documentos. Hoy en día existen un gran número de editores que permiten crear páginas web sin la necesidad de escribir ni una sola línea de código HTML. Estos editores disponen de un entorno visual, y generan automáticamente el código de las páginas. Al poder ver en todo momento cómo quedará la página en el navegador, se facilita la creación de las páginas, y el uso de menús permite ganar rapidez. Macromedia Dreamweaver, Microsoft Frontpage, Adobe Pagemill, NetObjects Fusion, CutePage, HotDog Proffesional, Netscape Composer y Arachnophilia, de los cuales algunos tienen la ventaja de ser gratuitos

7 Etiquetas Las etiquetas o marcas delimitan cada uno de los elementos que componen un documento HTML. Existen dos tipos de etiquetas, la de comienzo de elemento y la de fin o cierre de elemento. La etiqueta de comienzo está delimitada por los caracteres < y >. Está compuesta por el identificador o nombre de la etiqueta, y puede contener una serie de atributos opcionales que permiten añadir ciertas propiedades. Su sintaxis es: <identificadoratributo1 atributo2 ...> La etiqueta de final está delimitada por los caracteres </ y >. Está compuesta por el identificador o nombre de la etiqueta, y no contiene atributos. Su sintaxis es: </identificador> Etiquetas

8 Ejemplos de Etiquetas ETIQUETA DESCRIPCION <html>
Es un documento Html <head> Encabezado <body> Cuerpo del documento </body> Etiqueta de cierre del cuerpo del documento Cada uno de los elementos de la página se encontrará entre una etiqueta de comienzo y su correspondiente etiqueta de cierre, a excepción de algunos elementos que no necesitan etiqueta de cierre. También es posible anidar etiquetas, es decir, insertar etiquetas entre otras etiquetas de comienzo y de cierre.

9 Recordemos la práctica en clase: Cómo crear una página Web paso a paso
Nota: PAGINA DE PEPITO: Aparecerá en la barra de Título del navegador bgcolor="# F01B1B” : Es un color de fondo, (en este caso rojo). Esta es mi primera página Web: Es el texto que escribimos en el cuerpo del documento (etiqueta body). Entra al bloc de notas Escribe lo siguente: <html> <head> <title>PAGINA DE PEPITO</title> </head> <body bgcolor="# F01B1B "> Esta es mi primera página Web </body> </html> 3. Clic en Guardar como y escribes el nombre de archivo así: ejemplo.html *Para visualizar el archivo, simplemente (desde equipo) das clic sobre el archivo ejemplo.html y se abrirá automáticamente en el navegador que tengas instalado en tu computador.

10 Actividad Elabora en el bloc de notas un documento HTML donde escribas tu opinión (breve) sobre los siguientes temas: QUÉ ES HIPERTEXTO? Por qué Los documentos HTML deben tener la extensión html o htm? Qué son los navegadores? Envíala al correo: en asunto escribe tu nombre y grado Plazo: Miercoles 8 de mayo 11:59 p.m.

11 Algunos colores para HTML
D2691E FF7F50 6495ED F5F5DC FFF8DC DC143C 00FFFF 00008B 008B8B B8860B A9A9A9 006400 11133F 7FFFD4 FBCMFB 008000

12 Bibliografia Tomada de: - Libro: Página WEB con HTML www.aulaclic.es


Descargar ppt "HTML (Hyper Text Markup Language)"

Presentaciones similares


Anuncios Google