La descarga está en progreso. Por favor, espere

La descarga está en progreso. Por favor, espere

HTML PROGRAMACION WEB. LENGUAJE DE MARCAS Los lenguajes de marcas (Markup Languaje) es un conjunto de palabras o marcas que se colocan junto al texto.

Presentaciones similares


Presentación del tema: "HTML PROGRAMACION WEB. LENGUAJE DE MARCAS Los lenguajes de marcas (Markup Languaje) es un conjunto de palabras o marcas que se colocan junto al texto."— Transcripción de la presentación:

1 HTML PROGRAMACION WEB

2 LENGUAJE DE MARCAS Los lenguajes de marcas (Markup Languaje) es un conjunto de palabras o marcas que se colocan junto al texto de un documento para especificar una propiedad del mismo. Diseño de pagina web

3 Las marcas se utilizan para indicar la forma en que se debe de representar el texto al que se aplican o la informacion que representa dicho texto

4 HTML es un lenguaje de marcas orientado a la publicacion de documentos en internet.

5 CARACTERISTICAS ELEMENTOS Cada elemento de un documento HTML consta de marca de comienzo, un bloque de texto y una marca de fin. bloque de texto Titular e nivel 1 Estos elementos se denominan contenedores, porque contienen un bloque de texto entre dos marcas También existen elementos vacios, que no afectan a bloques de texto y, por tanto no tienen marca de fin. Línea 1 línea 2

6 Atributos Muchos elementos tienen atributos que definen propiedades del elemento Bloque de texto Por ejemplo: Titular de nivel uno centrado

7 HTML no distingue entre mayúsculas y minúsculas. Tanto los nombres de las marcas como los de los textos pueden aparecer indistintamente en mayúsculas o minúsculas.

8 COMENTARIOS Todo lenguaje de programación permite introducir comentarios Para forzar un espacio en blanco

9 ELEMENTOS BASICOS DE HTML

10 ESTRUCTURA Un documento comienza y termina con la marca HTML, esta marca indica que se trata de un documento HTML Dentro del documento se distinguen el encabezado (HEAD) y el cuerpo (BODY)

11 encabezamiento del documento cuerpo del documento

12 En el encabezamiento pueden aparecer también elementos META, que proporcionan información sobre el contenido del documento. META de meta información NAME para especificar el nombre de la metainformacion HTTP-EQUIV metainfrmacion proporcionada por HTTP CONTENT tiene el valor de la metainformacion

13

14 informacion en la ventana del navegador Este es el texto que se quiere aparezca en la ventana del navegador

15 Para empezar nuevos parrafos en la información dentro de la marca BODY se tienen dos opciones Marca de aperturaMarca de cierrePropósito opcionalHace un brinco de línea +linea en blanco No se usaHace un brinco de linea El texto es justificado

16 Ejercicio: Hacer una pagina con una autobiografía usando párrafos

17 ENCABEZADOS Son líneas de texto con formato sobresaliente del cuerpo del documento. Son usados para organizar el contenido de la pagina WEB Los encabezados deben de ser títulos de secciones, títulos de pagina, etc.

18 AperturaCierreFormato en la linea de texto Encabezado de párrafo de nivel 1 Encabezado de párrafo de nivel 2 Encabezado de párrafo de nivel 3 Encabezado de párrafo de nivel 4 Encabezado de párrafo de nivel 5 Encabezado de párrafo de nivel 6

19 Cada encabezado incluye la funcionalidad de la marca de parrafo ( ) Ejecicio: Hacer una prueba usando los diferentes niveles de titulo

20 ALINEACION DE PARRAFOS APERTURACIERRAPROPOSITO Alinea el texto incluido dentro de las marcas. Las alineaciones validas: LEFT, CENTER, RIGHT

21 REGLAS HORIZONTALES Las marcas de reglas horizontales son separadores de línea para las paginas Se pueden especificar tres atributos WIDTH ---- es en pixeles SIZE ---- altura en pixeles ALIGN ---- LEFT, RIGHT, CENTER

22 DEBUGGING Los errores comunes son : No incluir cierres Caracteres erroneos Marcas incorrectas No poner comillas para los atributos Color = red

23 MARCA DE APERTURAMARCA DE CIERRETEXTO FORMATEADO Letra remarcada (BOLD) Puede ser BOLD Letra italica Enfatizado, puede ser italica italica Usada para indicar una direccion, italica Rayado Subrayado Parpadear Superindice Subindice Desplaza texto

24 Se pueden usar mas de una marca Ej: AGENCIA DE VIAJES>

25 TAMAÑO DEL CARACTER MARCA APERTURAMARCA CIERREPROPOSITO AUMENTAR TAMAÑO Lo hace mas grande Lo hace mas pequeño

26 Tamaño de letra Font size 1 = BIG Font size -1 = small

27 COLOR MARCA APERTURAMARCA CIERREPROPOSITO O

28 Ejemplos de tablas de colores RGB

29 CARACTERES ESPECIALES

30

31

32 AGREGAR UNA IMAGEN AttributeValueDescription align top bottom middle left right Deprecated. Use styles instead. Specifies the alignment of an image according to surrounding elements borderpixels Deprecated. Use styles instead. Specifies the width of the border around an image height pixels % Specifies the height of an image hspacepixels Deprecated. Use styles instead. Specifies the whitespace on left and right side of an image ismap Specifies an image as a server-side image-map longdesURL Specifies the URL to a document that contains a long description of an image usemap#mapnameSpecifies an image as a client-side image-map vspacepixels Deprecated. Use styles instead. Specifies the whitespace on top and bottom of an image width pixels % Specifies the width of an image

33 TIPOS Y TAMAÑOS DE LETRAS SIZE : Tamaño de la letra FACE : Tipo de letra COLOR : El color ya sea con nombre o en hexadecimal Ej. hadas

34 AttributeValueDescription color rgb(x,x,x) #xxxxxx colorname Deprecated. Use styles instead. Specifies the color of text facefont_family Deprecated. Use styles instead. Specifies the font of text sizenumber Deprecated. Use styles instead. Specifies the size of text

35 SONIDO Donde: src="ruta_fichero" fija la ruta en la que se encuentra el fichero de audio a reproducir. La ruta puede ser relativa a nuestro sistema de carpetas local, absoluta respecto el sistema de carpetas del servidor web o una URL loop="l" determina el número de veces (l) que se debe ejecutar el fichero de audio. Si le damos el valor infinite, el fichero se reproducirá indefinidamente. balance="b" determina el balance del sonido entre los dos altavoces del equipoSus valores pueden estar entre -10,000 y +10,000, correspondiendo el valor 0 a un balance equilibrado entre los dos altavoces. volume="v" fija el volumen al que se oirá el sonido, y sus valores pueden variar entre -10,000 (mínimo) y 0 (máximo). No es soportado por los equipos MAC.

36

37 TABLAS

38

39 Con TH se ponen las celdas de encabezado en lugar de TD Para agregar bordes TITULO DE LA TABLA

40

41 VALIGN= CENTER, RIGHT, LEFT BGCOLOR=Color de fondo de tabla BORDERCOLOR= color del borde de tabla


Descargar ppt "HTML PROGRAMACION WEB. LENGUAJE DE MARCAS Los lenguajes de marcas (Markup Languaje) es un conjunto de palabras o marcas que se colocan junto al texto."

Presentaciones similares


Anuncios Google