DISEÑO DE PÁGINAS WEB HTML Y CSS Tema 1: Introducción Jose Miguel Vidagany Igual.

Presentación del tema: "DISEÑO DE PÁGINAS WEB HTML Y CSS Tema 1: Introducción Jose Miguel Vidagany Igual."— Transcripción de la presentación:

1 DISEÑO DE PÁGINAS WEB HTML Y CSS Tema 1: Introducción Jose Miguel Vidagany Igual

2 Estructura básica My First Heading My first paragraph.

3 Doctype HTML 5 HTML 4.01 Strict HTML 4.01 Transitional HTML 4.01 Frameset

4 Comentarios 

5 Etiquetas  Recomienda en Minúsculas para HTML  Algunas etiquetas son anidables  Algunas etiquetas no tienen etiqueta de apertura

6 Atributos  Algunos elementos pueden tener attributos  Los atributos nos dan información adicional.  Siempre van en el tag de apertura the start tag  Suelen ir en parejas: name=“value”  los atributos van entre comillas  Se escriben en minusculas

7 Atributos classSpecifies one or more classnames for an element (refers to a class in a style sheet) idSpecifies a unique id for an element styleSpecifies an inline CSS style for an element titleSpecifies extra information about an element (displayed as a tool tip)

8 Elementos block  Ejemplos:,,,  No siempre se ven block

9 Elementos inline  Se ven sin empezar en una nueva linea.  ejemplos:,,,

10 cabeceras This is a heading This is a heading This is a heading

11 Lineas 

12 Formato de texto Defines bold text Defines emphasized text Defines a part of text in an alternate voice or mood Defines smaller text Defines important text Defines subscripted text Defines superscripted text Defines inserted text Defines deleted text Defines marked/highlighted text

13 Salida de computador TagDescription Defines computer code text Defines keyboard text Defines sample computer code Defines a variable Defines preformatted text

14 Citas, comillas y definición TagDescription Defines an abbreviation or acronym Defines contact information for the author/owner of a document Defines the text direction <blockquo te> Defines a section that is quoted from another source Defines an inline (short) quotation Defines the title of a work Defines a definition term

15 Algunos ejemplos  Written by Jon Doe. Visit us at: Example.com Box 564, Disneyland USA

16 Resultado Written by Jon Doe. Visit us at: Example.com Box 564, Disneyland USAJon Doe

17 Ejemplos este testo esta en negrita este texto es strong texto en italic (cursiva) texto con énfasis Texto de salida de código Este texto tiene subscript y superscript

18 Resultado This text is bold This text is strong This text is italic This text is emphasized This is computer output* This is subscript and superscript

19 Enlaces  MarcaW3C Este es un enlace a la web del periódico Marca.  Si no está visitado tiene subrayado y color azul  Si está visitado, se cambia el color a púrpura  Si está activo sigue subrayado y en color rojo