Ángela San Antonio y Yaiza García
 Lenguaje HTML
 Estructura Básica De Una Página HTML
 Personalización del Estilo: CSS
1.1 Significado de HTML y utilidad
1.2 ¿Por qué HTML no es un lenguaje de programación?
1.3 Etiquetas
1.4 Atributos
1.1 Significado de HTML y utilidad
 HyperText Markup Language
 Conjunto de etiquetas predefinidas que son
interpretadas por el navegador para construir la
visualización de una página.
 Las paginas web están estructuradas con código HTML,
el lenguaje CSS y el JavaScript.
1.2 ¿Por qué HTML no es un lenguaje de programación?
 Carece de ciertas características que lo definirían como
un lenguaje
 No tiene estructuras de control
 No puede tomar decisiones
 Es un lenguaje de etiquetas predefinidas que indican al
navegador como estructurar el contenido
1.3 Etiquetas
 Es un nombre que define a la etiqueta y esta encerrada
por simbolos (<>) y esta escrita en minusculas.
 Hay dos tipos : las que contienen texto y las que
representan parte de la estructura.
 Ejemplos :
 Parrafo : <p>Contenido del parrafo </p>
 Salto de linea : <br/>
 Parrafo con contenido en negrita : <p>Texto normal y
<strong>texto en negrita.</strong></p>
1.4 Atributos
 Valores que se agregan a una etiqueta para configurar
su comportamiento
 Se añaden en la etiqueta de apertura, nunca la entrada
 Hay dos tipos : los globales que se aplican a todas las
etiquetas y los exclusivos que solo funcionan en algunas
etiquetas
 Elemplo :
 (src = archivo que contiene la imagen; alt = texto
alternativo)
 <img src= “imagen.jpg” alt=“imagen de prueba”/>
2.1 Editores de texto plano y editores de documentos web. Ejemplos
2.2 Elementos básicos de la estructura de un documento HTML
2.3 Elementos de bloque y de línea
2.4 Etiquetas básicas
2.5 Atributos globales aplicables a cualquier etiqueta: id, class, style, title
2.6 Listas y tipos
2.7 Encabezados
2.8 Tablas
2.9 Imágenes
2.10 Enlaces
2.1 Editores de texto plano y editores de documentos web
2.2 Elementos basicos de la estructura de un documento
HTML
2.3 Elementos de bloques y de linea
2.4 Etiquetas básicas
2.5 Atributos globales aplicables a cualquier etiqueta
2.6 Listas y tipos
2.7 Encabezados
2.8 Tablas
2.9 Imágenes
2.10 Enlaces

Conceptosbasicosdelhtml

  • 1.
    Ángela San Antonioy Yaiza García
  • 2.
     Lenguaje HTML Estructura Básica De Una Página HTML  Personalización del Estilo: CSS
  • 3.
    1.1 Significado deHTML y utilidad 1.2 ¿Por qué HTML no es un lenguaje de programación? 1.3 Etiquetas 1.4 Atributos
  • 4.
    1.1 Significado deHTML y utilidad  HyperText Markup Language  Conjunto de etiquetas predefinidas que son interpretadas por el navegador para construir la visualización de una página.  Las paginas web están estructuradas con código HTML, el lenguaje CSS y el JavaScript.
  • 5.
    1.2 ¿Por quéHTML no es un lenguaje de programación?  Carece de ciertas características que lo definirían como un lenguaje  No tiene estructuras de control  No puede tomar decisiones  Es un lenguaje de etiquetas predefinidas que indican al navegador como estructurar el contenido
  • 6.
    1.3 Etiquetas  Esun nombre que define a la etiqueta y esta encerrada por simbolos (<>) y esta escrita en minusculas.  Hay dos tipos : las que contienen texto y las que representan parte de la estructura.  Ejemplos :  Parrafo : <p>Contenido del parrafo </p>  Salto de linea : <br/>  Parrafo con contenido en negrita : <p>Texto normal y <strong>texto en negrita.</strong></p>
  • 8.
    1.4 Atributos  Valoresque se agregan a una etiqueta para configurar su comportamiento  Se añaden en la etiqueta de apertura, nunca la entrada  Hay dos tipos : los globales que se aplican a todas las etiquetas y los exclusivos que solo funcionan en algunas etiquetas  Elemplo :  (src = archivo que contiene la imagen; alt = texto alternativo)  <img src= “imagen.jpg” alt=“imagen de prueba”/>
  • 9.
    2.1 Editores detexto plano y editores de documentos web. Ejemplos 2.2 Elementos básicos de la estructura de un documento HTML 2.3 Elementos de bloque y de línea 2.4 Etiquetas básicas 2.5 Atributos globales aplicables a cualquier etiqueta: id, class, style, title 2.6 Listas y tipos 2.7 Encabezados 2.8 Tablas 2.9 Imágenes 2.10 Enlaces
  • 10.
    2.1 Editores detexto plano y editores de documentos web
  • 11.
    2.2 Elementos basicosde la estructura de un documento HTML
  • 12.
    2.3 Elementos debloques y de linea
  • 13.
  • 14.
    2.5 Atributos globalesaplicables a cualquier etiqueta
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.

Notas del editor

  • #7 https://www.um.es/docencia/barzana/IAGP/HTML1.html