SlideShare una empresa de Scribd logo
Á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>
Conceptosbasicosdelhtml
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

Más contenido relacionado

PDF
Uso de CSS
DOCX
Página web web
PDF
Tema 01 creando tu primer documento en html
PPTX
Aprende html
PPTX
Navegadores web
PPSX
Tema2(1)
PPTX
PPTX
Lenguaje html
Uso de CSS
Página web web
Tema 01 creando tu primer documento en html
Aprende html
Navegadores web
Tema2(1)
Lenguaje html

La actualidad más candente (17)

PPT
Retroalimentación 2011 Lopez, Carlos
PPTX
Html.mmg
PPSX
Inicio al HTML
PPTX
Marcado Html
PPTX
PPTX
PPT
Clase 04 Html
PPTX
Presentación html
PPTX
Html
PPTX
PRODUCTO 3
PPTX
Producto 3
PPTX
Htmlbasico
PPTX
Power point de redes
DOCX
El lenguaje html
PPTX
PPTX
PPTX
S1-PD2-1.1 Programación Web
Retroalimentación 2011 Lopez, Carlos
Html.mmg
Inicio al HTML
Marcado Html
Clase 04 Html
Presentación html
Html
PRODUCTO 3
Producto 3
Htmlbasico
Power point de redes
El lenguaje html
S1-PD2-1.1 Programación Web
Publicidad

Similar a Conceptosbasicosdelhtml (20)

PPTX
Los conceptos basicos del lenguaje (1) (1)
PPTX
Los conceptos basicos del lenguaje (1) (1)
PPTX
HTML_Estructura Basica.pptx
PPTX
Html conceptos basicos presentacion no1
PPTX
Conceptos html
PPTX
PPSX
Tema2(1)
DOCX
Tarea 1.1 Definir Etiquetas de HTML.docx
PPTX
Html juan miro y manuel poveda acabado
PPT
Html, Css y JavaScript
PPT
Lenguaje html y css
PPT
Lenguaje html y css
PPT
HTML.ppt
PPT
Presentación de html, css y javascript.
PPTX
C2 lenguaje html
PPTX
¿Qué es el lenguaje HTML?
PPTX
Lenguaje HTML y CSS
PPTX
Producto 3
Los conceptos basicos del lenguaje (1) (1)
Los conceptos basicos del lenguaje (1) (1)
HTML_Estructura Basica.pptx
Html conceptos basicos presentacion no1
Conceptos html
Tema2(1)
Tarea 1.1 Definir Etiquetas de HTML.docx
Html juan miro y manuel poveda acabado
Html, Css y JavaScript
Lenguaje html y css
Lenguaje html y css
HTML.ppt
Presentación de html, css y javascript.
C2 lenguaje html
¿Qué es el lenguaje HTML?
Lenguaje HTML y CSS
Producto 3
Publicidad

Conceptosbasicosdelhtml

  • 1. Ángela San Antonio y Yaiza García
  • 2.  Lenguaje HTML  Estructura Básica De Una Página HTML  Personalización del Estilo: CSS
  • 3. 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
  • 4. 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.
  • 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  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>
  • 8. 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”/>
  • 9. 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
  • 10. 2.1 Editores de texto plano y editores de documentos web
  • 11. 2.2 Elementos basicos de la estructura de un documento HTML
  • 12. 2.3 Elementos de bloques y de linea
  • 14. 2.5 Atributos globales aplicables a cualquier etiqueta
  • 15. 2.6 Listas y tipos

Notas del editor

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