 Es un archivo delimitado por etiquetas que nos ayudan a crear páginas web por medio de estas por lo que hay multiples etiquetas que nos ayudan a la.

Presentación del tema: " Es un archivo delimitado por etiquetas que nos ayudan a crear páginas web por medio de estas por lo que hay multiples etiquetas que nos ayudan a la."— Transcripción de la presentación:

1

2  Es un archivo delimitado por etiquetas que nos ayudan a crear páginas web por medio de estas por lo que hay multiples etiquetas que nos ayudan a la misma

3  Ejemplo de una etiqueta Las etiquetas poseen apertura y cierrre

4  Pero algunas etiquetas no tienen cierre por lo que son algunas excepciones en el lenguaje de html por lo que es necesario saberlo.  A dichas etiquetas se les llama vacias

5 

6  Cuando yo creo el documento html5 lo voy a crear por medio de un software que lo edite que edite mi codigo por lo que lo puedo generar por medio de:  1. sublime text  2. bloc de notas  3. NotePad ++  4. Otro cual generador como droitedit

7  Cuando yo guardo mi html5 en cualquier editor de texto se debe de guardar en el debido formato por lo que es necesario guardarlo bien.  Es VITAL guardarlo con el formato  Ejemplo: segundobasico.html

8  Luego de haberlo guardado con el debido formato debemos de ver nuestra página generada es decir el ejecutable el resultado de nuestra programación  Podemos verlo por medio del navegador web ya sea Safari, Internet Explorer, Google Chrome pero recordemos guardar cambios siempre

9  Recordemos que estamos usando la versión mas actual de html que es html5 o bien esta estamos trabajando por lo que siempre hay que usar un buen navegador

10  Por ejemplo lo primero que se coloca (usando html5) siempre es:   Luego sigue la siguiente estructura  Por favor revise las tareas y cuaderno y el libro…

11  Mi primer ejemplo  Guardado: ejemplo.html  Ubicación: escritorio  Codigo:   …..

12   hola mundo

13  La estructura anterior solamente muestra lo que es el encabezado de la pagina  Es decir solamente muestra la pestaña del navegador  CUANDO USTED ESTA EN SU NAVEGADOR MIRE LA PESTAÑA Y ESO ES LO QUE APARECERA

14  Entonces al momento de que usted abre su archivo este codigo solo genera en la pestaña la frase “hola mundo”  Aparte es el cuerpo de la pagina

15  Vamos con la estructura del cuerpo de la pagina!!!!  …   Tres etiquetas piense y analice

16  RECUERDE JOVEN ESTUDIANTE  EL LENGUAJE DE HTML5 ES EL INGLES POR FAVOR ASI QUE MAS QUE REPASE DICHO LENGUAJE PARA NO TENER PROBLEMAS EN LA COMPRENSIÓN DE ETIQUETAS  BODY= CUERPO  HTML= LENGUAJE DE MARCADO DE HIPERTEXTO

17  CONTINUAMOS…   sean todos bienvenidos 

18  Esta estructura se referia a mostrar un texto en mi pagina web sobre como mostrar…  Sean todos bienvenidos. (de color rojo marcado)

19   hola   bienvenidos 

20  Ademas…  LEA CUADERNO Y LIBRO!!!

21 ¿Pero que me faltó????

22  Ah ya….  Cerrar la etiqueta  Si quiero mi titulo mayor (es decir mayor tamaño)  Mi pagina web  Esta es para el titulo del cuerpo de la pagina

23 Recuerde Aunque el el encabezado lleve la etiqueta title no se refiere al titulo del cuerpo de la pagina no es igual a STOP!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

24   Es para colocar parrafo puede llevar atributos los cuales aprenderemos poco a poco  gerardo bosco

25  Coloca una imagen en mi pagina es una de las mas sencillas de usar  Ejemplo: 

26  NOS AYUDA A CENTRAR EL TEXTO Y POR LO TANTO FORMA PARTE DE JUSTIFICAR EL TEXTO 

27  Simple y sencillo por supuesto que en la segunda unidad ya no aplicaremos esta etiqueta sino que solamente css!! 

28  Es la etiqueta font color es   </font

29  Pero en que me equivoque…  Ahh ya..  <font 

30

31  Enfatiza un texto al momento de colocarlo en la pagina   Si quiero colocar un texto fuerte enfatizado   Mi texto enfatizad 

32  Ponga atención y estudie cada etiqueta puede practicarla en cada parte de su pagina

33  Italica:  Negrita:  Parrafo:  Tachado:  Parrafo tachado: ????

34  Combine la etiqueta del parrafo y del tachado..

35  Cuando leemos cualquier texto aparece un superindice o subindice es decir aquella que nos indica un pie de pagina  Superindice  1 este es mi ejemplo

36  Es lo mismo  Solo que con

37   celda 1  celda 2

38  Se compone de tr, td, th, table  Entonces debe de usar cada parte de la tabla para que lo pueda destacar  Recuerde no hay una etiqueta para tabla

39  ¿Para que es tr¡?  Es para fila en tabla es decir si hay un nos va a generar una fila en la tabla

40  Esta nos va a generar una celda en la tabla es decir aca va el contenido de la tabla

41  Para subrayar 

42  Para tachar 

43  Para un bloque de citas 

44  Recuerdela por favor  Para enfatizar 

45  Puede usar en inglés o paleta de colores

46   NO LO CONFUNDA POR FAVOR

47 

48

49

50  Hoy es un buen dia 

51  ----  ….  ----  ---   ES DECIR CUERPO DE LA PAGINA

52  EL ENCABEZADO ES LA PESTAÑA QUE ESTA EN EL NAVEGADOR QUE USE ES DECIR SAFARI, INTERNET EXPLORER, GOOGLE CHROME, ETC..  AUNQUE DIGA ETIQUETA TITLE NO ES PARA EL TITULO

53  USE   Hasta el… 

54  JOVENES ESTUDIEN Y REPASEN  Y SOBRE TODO PRACTIQUEN EN CASA  BENDICIONES.