La descarga está en progreso. Por favor, espere

La descarga está en progreso. Por favor, espere

¿QUÉ ES HTML? Hipertext Markup Language. Lenguaje de ordenador. Universal. Estándar. (http://www.w3.org)http://www.w3.org Leible por humanos. Relativamente.

Presentaciones similares


Presentación del tema: "¿QUÉ ES HTML? Hipertext Markup Language. Lenguaje de ordenador. Universal. Estándar. (http://www.w3.org)http://www.w3.org Leible por humanos. Relativamente."— Transcripción de la presentación:

1 ¿QUÉ ES HTML? Hipertext Markup Language. Lenguaje de ordenador. Universal. Estándar. (http://www.w3.org)http://www.w3.org Leible por humanos. Relativamente fácil de entender Objetivo principal: intercambio fácil de documentos en la red (web).

2 VIEJA FORMA Formato de propietario.

3 NUEVA FORMA Leible, estándar, universal,... Primera página Está es mi primera página usando HTML.

4 ¿CÓMO ESTÁ ESTRUCTURADO EL HTML? Comienza con el contenido: Mi afición favorita es sacar fotos. Añade la información HTML Mi afición favorita es sacar fotos. Esta información HTML son las ETIQUETAS HTML.

5 ¿QUÉ ES UNA ETIQUETA HTML? Le dice al explorador web como mostrar algo. Sin etiquetas El explorador no hace nada espectacular. No tiene negrita, no tiene colores, no diferentes fuentes, nada. Solo devuelve la información sin más. Demo

6 FORMATO DE UNA ETIQUETA HTML BÁSICA texto de prueba ETIQUETA DE APERTURA ETIQUETA DE CIERRE TEXTO MARCADO

7 Cada etiqueta está rodeada por corchetes angulares: Las etiquetas de apertura y cierre indican donde comienza y donde finaliza el marcado: texto de prueba FORMATO DE UNA ETIQUETA HTML BÁSICA Comienza el marcado Finaliza el marcado TEXTO MARCADO

8 texto de prueba FORMATO DE UNA ETIQUETA HTML AVANZADA NOMBRE DE LA ETIQUETA ESPACIO ATRIBUTO TEXTO MARCADO ETIQUETA DE CIERRE

9 ATRIBUTOS DE ETIQUETAS HTML texto de prueba Un atributo cambia algo acerca de la etiqueta. Normalmente el párrafo estaría alineado a la izquierda. Ahora está centrado.

10 texto de prueba ATRIBUTOS DE ETIQUETAS HTML El atributo está a continuación del nombre de la etiqueta, pero dentro de la etiqueta de apertura El atributo nunca está en la etiqueta de cierre

11 ¿QUÉ ES UN FICHERO HTML? Fichero de texto normal El contenido está entremezclado con etiquetas apropiadas de HTML. No tiene códigos especiales, no hay magia. En la mayoría de los casos debe acabar en.htm o.html

12 REGLAS DE LOS ATRIBUTOS Los valores de los atributos deben tener apóstrofes. Incorrecto Correcto Usar siempre minúsculas para las etiquetas y los nombres de los atributos. El valor del atributo puede ir indistintamente en mayúsculas o minúsculas.

13 REGLAS DE LOS ATRIBUTOS INCORRECTO: CORRECTO:

14 FORMATO DE UNA PÁGINA WEB BÁSICA El contenido que se va a mostrar irá aqui

15 Todo estará rodeado por etiquetas HTML. Todas las páginas WEB tienen HEAD y BODY. HEAD Solamente ciertas etiquetas funcionarán. Esas etiquetas se aplicaran a toda la página Ejemplo: El título se muestra en la barra de título de la ventana del browser. BODY aquí está todo el contenido FORMATO DE UNA PÁGINA WEB BÁSICA

16 ALGUNAS ETIQUETAS em siginifica emphasis, pero hace cursiva. p significa párrafo. br significa line break.

17 ORDEN DE LAS ETIQUETAS Asegurate de cerrar solamente la última etiqueta abierta. INCORRECTO: Hola a todos !

18 TÍTULO Crea un título para tu página. El título se muestra en la barra de título, no en la página (body). Va en la sección. Ejemplo: Mi primera página. IMPORTANTE: Ninguna otra etiqueta puede ir entre las del título.

19 TAMAÑOS DE LETRAS hx x va desde 1 a 6, siendo 1 el mayor. Demo

20 FUENTES Usa font para cambiar tipo, tamaño y color. face="tipo de fuente" size=número +1 a+6, y –1 a –6 son tamaños relativos. 1 a 6 son tamaños absolutos. color="# Se pueden usar nombres de colores o códigos hexadecimales.

21 LISTAS LISTAS ORDENADAS LISTAS NO ORDENADAS

22 LISTAS ORDENADAS La lista entera va encerrada por y. Cada elemento de la lista va encerrado por y. Ejemplo:

23 LISTAS NO ORDENADAS La lista entera va encerrada por y. Cada elemento de la lista va encerrado por y. Ejemplo:

24 LISTAS ANIDADAS


Descargar ppt "¿QUÉ ES HTML? Hipertext Markup Language. Lenguaje de ordenador. Universal. Estándar. (http://www.w3.org)http://www.w3.org Leible por humanos. Relativamente."

Presentaciones similares


Anuncios Google