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

Estructura básica My First Heading My first paragraph.

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

Comentarios 

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

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

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)

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

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

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

Lineas 

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

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

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

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

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

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

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

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