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

Más contenido relacionado

La actualidad más candente (17)

Retroalimentación 2011 Lopez, Carlos
Retroalimentación 2011 Lopez, CarlosRetroalimentación 2011 Lopez, Carlos
Retroalimentación 2011 Lopez, Carlos
 
Html.mmg
Html.mmgHtml.mmg
Html.mmg
 
Inicio al HTML
Inicio al HTMLInicio al HTML
Inicio al HTML
 
Marcado Html
Marcado HtmlMarcado Html
Marcado Html
 
Presentación2
Presentación2Presentación2
Presentación2
 
html
html html
html
 
Clase 04 Html
Clase 04   HtmlClase 04   Html
Clase 04 Html
 
Presentación html
Presentación htmlPresentación html
Presentación html
 
Html
HtmlHtml
Html
 
PRODUCTO 3
PRODUCTO 3PRODUCTO 3
PRODUCTO 3
 
Producto 3
Producto 3Producto 3
Producto 3
 
Htmlbasico
HtmlbasicoHtmlbasico
Htmlbasico
 
Power point de redes
Power point de redesPower point de redes
Power point de redes
 
El lenguaje html
El lenguaje htmlEl lenguaje html
El lenguaje html
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
S1-PD2-1.1 Programación Web
S1-PD2-1.1 Programación WebS1-PD2-1.1 Programación Web
S1-PD2-1.1 Programación Web
 

Similar a Conceptosbasicosdelhtml

Los conceptos basicos del lenguaje (1) (1)
Los conceptos basicos del lenguaje (1) (1)Los conceptos basicos del lenguaje (1) (1)
Los conceptos basicos del lenguaje (1) (1)
AliciaGarcia189
 
Html conceptos basicos presentacion no1
Html conceptos basicos presentacion  no1Html conceptos basicos presentacion  no1
Html conceptos basicos presentacion no1
fgabycastillo
 

Similar a Conceptosbasicosdelhtml (20)

Los conceptos basicos del lenguaje (1) (1)
Los conceptos basicos del lenguaje (1) (1)Los conceptos basicos del lenguaje (1) (1)
Los conceptos basicos del lenguaje (1) (1)
 
Los conceptos basicos del lenguaje (1) (1)
Los conceptos basicos del lenguaje (1) (1)Los conceptos basicos del lenguaje (1) (1)
Los conceptos basicos del lenguaje (1) (1)
 
HTML_Estructura Basica.pptx
HTML_Estructura Basica.pptxHTML_Estructura Basica.pptx
HTML_Estructura Basica.pptx
 
Html conceptos basicos presentacion no1
Html conceptos basicos presentacion  no1Html conceptos basicos presentacion  no1
Html conceptos basicos presentacion no1
 
Conceptos html
Conceptos  htmlConceptos  html
Conceptos html
 
Html
HtmlHtml
Html
 
Tema2(1)
Tema2(1)Tema2(1)
Tema2(1)
 
Html juan miro y manuel poveda acabado
Html juan miro y manuel poveda acabadoHtml juan miro y manuel poveda acabado
Html juan miro y manuel poveda acabado
 
CLASE DE HTML
CLASE DE HTML CLASE DE HTML
CLASE DE HTML
 
Html, Css y JavaScript
Html, Css y JavaScriptHtml, Css y JavaScript
Html, Css y JavaScript
 
Lenguaje html y css
Lenguaje html y cssLenguaje html y css
Lenguaje html y css
 
Lenguaje html y css
Lenguaje html y cssLenguaje html y css
Lenguaje html y css
 
HTML.ppt
HTML.pptHTML.ppt
HTML.ppt
 
Presentación de html, css y javascript.
Presentación  de html, css y javascript.Presentación  de html, css y javascript.
Presentación de html, css y javascript.
 
C2 lenguaje html
C2 lenguaje htmlC2 lenguaje html
C2 lenguaje html
 
Lenguaje HTML y CSS
Lenguaje HTML y CSSLenguaje HTML y CSS
Lenguaje HTML y CSS
 
¿Qué es el lenguaje HTML?
¿Qué es el lenguaje HTML?¿Qué es el lenguaje HTML?
¿Qué es el lenguaje HTML?
 
Html
HtmlHtml
Html
 
Producto 3
Producto 3Producto 3
Producto 3
 
Presentación Introducción al lenguaje HTML
Presentación Introducción al lenguaje HTMLPresentación Introducción al lenguaje HTML
Presentación Introducción al lenguaje HTML
 

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>
  • 7.
  • 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

  1. https://www.um.es/docencia/barzana/IAGP/HTML1.html