SlideShare ist ein Scribd-Unternehmen logo
1 von 11
Tema: La Estructura
Básica De Una Pagina Web
Nombre: Jeanmay Sam
Es una estructura muy sencilla que debemos
respetar, para que los navegadores sean
capaces de presentarla. No podemos comenzar
nuestra página con una etiqueta de párrafo, por
ejemplo sino que debemos indicar que tipo de
página estamos generando.
Que es la Estructura Básica
De Una Página Web
La Estructura Básica HTML
• HTML es: el lenguaje con el que se definen las páginas
web, básicamente se trata de un conjunto de etiquetas
que sirven para definir el texto.
• HEAD: forma el encabezado del documento, también
puede incluir datos extra sobre el formato de la página.
• BODY es: donde colocamos el contenido que queremos
mostrar en el documento.
Conceptos de HTML, HEAD Y
BODY
La estructura crea categorías descriptivas y
nombres de archivos para las página de tu
sitio , este no solo ayuda a mantener tu sitio
organizado, sino que también facilita el
rastreo de tus página y documentos a los
motores de búsqueda.
Estructura de la URL
 La etiqueta meta se utiliza para añadir información sobre
la pagina. Esta información puede ser utilizada por los
buscadores.
 Los buscadores consultan la información de la etiqueta
meta de las paginas, buscando coincidencias con el que
el usuario pretende encontrar.
El Contenido De Meta Etiqueta
 Básicamente una página web puede construirse con
un simple editor de texto siempre que se tenga un
profundo conocimiento del lenguaje HTML, o al
menos seamos capaz de memorizar todas las
etiquetas.
Herramientas de Diseño Para Página
Web
 Un Hipervínculo es un enlace, entre dos página web de
un mismo sitio, pero también puede ser a una página
de otro sitio web, a un archivo, a una imagen etc…
Hipervínculos
 Internos es : un vinculo a una página u objeto, que se
encuentra en el mismo sitio web.
 Externos es: un vinculo a otro sitio web en Internet.
 A Correo es : un vinculo que contiene una dirección
que tenga el usuario instalado.
Tipos de Hipervínculos
 Imágenes es: un aspecto fundamental en el diseño. El
tratamiento previo de las imágenes antes de incluirlas
es muy importante si queremos obtener un buen
resultado. Las imágenes consisten en recortarlas,
cambiar su tamaño, formato, ajustar el brillo y el
contraste.
 Animaciones: pues emplea un formato ampliamente
extendido y que generalmente puede visualizarse
directamente desde un navegador web.
Imágenes Y Animaciones
Power point de redes

Weitere ähnliche Inhalte

Was ist angesagt? (19)

¿Qué es HTML5?
¿Qué es HTML5?¿Qué es HTML5?
¿Qué es HTML5?
 
TUTORIAL MAYDIS HTML. HOLA MUNDO
TUTORIAL MAYDIS HTML. HOLA MUNDOTUTORIAL MAYDIS HTML. HOLA MUNDO
TUTORIAL MAYDIS HTML. HOLA MUNDO
 
Html
HtmlHtml
Html
 
Mi primer pagina web
Mi primer pagina webMi primer pagina web
Mi primer pagina web
 
I web 1
I web 1I web 1
I web 1
 
navegacion y busqueda web
navegacion y busqueda webnavegacion y busqueda web
navegacion y busqueda web
 
Producto 3
Producto 3Producto 3
Producto 3
 
Consulta de html
Consulta de html Consulta de html
Consulta de html
 
Diapositivas HTML
Diapositivas HTMLDiapositivas HTML
Diapositivas HTML
 
Html doc. descargado (reparado)
Html doc. descargado (reparado)Html doc. descargado (reparado)
Html doc. descargado (reparado)
 
Presentación HTML
Presentación HTML Presentación HTML
Presentación HTML
 
Esilo css
Esilo cssEsilo css
Esilo css
 
HTML ¿qué es y para que sirve?
HTML ¿qué es y para que sirve?HTML ¿qué es y para que sirve?
HTML ¿qué es y para que sirve?
 
Curso FPE Diseño Web. Módulo 2. El HTML
Curso FPE Diseño Web. Módulo 2. El HTMLCurso FPE Diseño Web. Módulo 2. El HTML
Curso FPE Diseño Web. Módulo 2. El HTML
 
Resumen html
Resumen htmlResumen html
Resumen html
 
Html geraly fernanda cabrera aldana
Html geraly fernanda cabrera aldanaHtml geraly fernanda cabrera aldana
Html geraly fernanda cabrera aldana
 
Htm rueda atributo
Htm rueda atributoHtm rueda atributo
Htm rueda atributo
 
Sematicas cabecera
Sematicas cabeceraSematicas cabecera
Sematicas cabecera
 
Seo on page
Seo on pageSeo on page
Seo on page
 

Ähnlich wie Power point de redes

Página web web
Página web webPágina web web
Página web webprofeluz
 
Curso HTML desde Cero - Capítulo 1
Curso HTML desde Cero - Capítulo 1Curso HTML desde Cero - Capítulo 1
Curso HTML desde Cero - Capítulo 1yanburbano
 
CODIGOS HTML.pptx Angulo y Hurtado 10-
CODIGOS  HTML.pptx Angulo y  Hurtado 10-CODIGOS  HTML.pptx Angulo y  Hurtado 10-
CODIGOS HTML.pptx Angulo y Hurtado 10-samuelhurtado083
 
CODIGO HTML.pdf Daniela Ruiz, que es, características, etc.
CODIGO HTML.pdf Daniela Ruiz, que es, características, etc.CODIGO HTML.pdf Daniela Ruiz, que es, características, etc.
CODIGO HTML.pdf Daniela Ruiz, que es, características, etc.LunaisabellaYandarCa
 
CODIGO HTML.pptx DANIELA RUIZ CODIGOS HTML
CODIGO HTML.pptx DANIELA RUIZ CODIGOS HTMLCODIGO HTML.pptx DANIELA RUIZ CODIGOS HTML
CODIGO HTML.pptx DANIELA RUIZ CODIGOS HTMLdanielaruiztomy
 
CODIGO HTML.pptx DANIELA RUIZ Que es, características, funciones, etc
CODIGO HTML.pptx DANIELA RUIZ Que es, características, funciones, etcCODIGO HTML.pptx DANIELA RUIZ Que es, características, funciones, etc
CODIGO HTML.pptx DANIELA RUIZ Que es, características, funciones, etcdanielaruiztomy
 
Producto 3 joon y jorge 9no a
Producto 3 joon y jorge 9no aProducto 3 joon y jorge 9no a
Producto 3 joon y jorge 9no ajack4555
 
Producto 3 joon y jorge 9no a
Producto 3 joon y jorge 9no aProducto 3 joon y jorge 9no a
Producto 3 joon y jorge 9no aJoonLee2000
 
Trabajo Informatica Artistica Maria Fernanda y Edgar Reyes.pptx
Trabajo Informatica Artistica Maria Fernanda y Edgar Reyes.pptxTrabajo Informatica Artistica Maria Fernanda y Edgar Reyes.pptx
Trabajo Informatica Artistica Maria Fernanda y Edgar Reyes.pptxEdgarReyes234399
 
etiquetas y editores.pptx
etiquetas y editores.pptxetiquetas y editores.pptx
etiquetas y editores.pptxfnixYT
 

Ähnlich wie Power point de redes (20)

Articulo monica y christian "español"
Articulo monica y christian "español"Articulo monica y christian "español"
Articulo monica y christian "español"
 
Página web web
Página web webPágina web web
Página web web
 
Curso HTML desde Cero - Capítulo 1
Curso HTML desde Cero - Capítulo 1Curso HTML desde Cero - Capítulo 1
Curso HTML desde Cero - Capítulo 1
 
Códigos. De. HTML.
Códigos.         De.                HTML.Códigos.         De.                HTML.
Códigos. De. HTML.
 
CODIGOS HTML.pptx Angulo y Hurtado 10-
CODIGOS  HTML.pptx Angulo y  Hurtado 10-CODIGOS  HTML.pptx Angulo y  Hurtado 10-
CODIGOS HTML.pptx Angulo y Hurtado 10-
 
Html
HtmlHtml
Html
 
CODIGO HTML.pdf Daniela Ruiz, que es, características, etc.
CODIGO HTML.pdf Daniela Ruiz, que es, características, etc.CODIGO HTML.pdf Daniela Ruiz, que es, características, etc.
CODIGO HTML.pdf Daniela Ruiz, que es, características, etc.
 
Presentación1
Presentación1Presentación1
Presentación1
 
CODIGO HTML.pptx DANIELA RUIZ CODIGOS HTML
CODIGO HTML.pptx DANIELA RUIZ CODIGOS HTMLCODIGO HTML.pptx DANIELA RUIZ CODIGOS HTML
CODIGO HTML.pptx DANIELA RUIZ CODIGOS HTML
 
CODIGO HTML.pptx DANIELA RUIZ Que es, características, funciones, etc
CODIGO HTML.pptx DANIELA RUIZ Que es, características, funciones, etcCODIGO HTML.pptx DANIELA RUIZ Que es, características, funciones, etc
CODIGO HTML.pptx DANIELA RUIZ Que es, características, funciones, etc
 
Consulta
ConsultaConsulta
Consulta
 
Consulta_
Consulta_Consulta_
Consulta_
 
Crear paginas web
Crear paginas webCrear paginas web
Crear paginas web
 
Producto 3 joon y jorge 9no a
Producto 3 joon y jorge 9no aProducto 3 joon y jorge 9no a
Producto 3 joon y jorge 9no a
 
Producto 3 joon y jorge 9no a
Producto 3 joon y jorge 9no aProducto 3 joon y jorge 9no a
Producto 3 joon y jorge 9no a
 
Trabajo Informatica Artistica Maria Fernanda y Edgar Reyes.pptx
Trabajo Informatica Artistica Maria Fernanda y Edgar Reyes.pptxTrabajo Informatica Artistica Maria Fernanda y Edgar Reyes.pptx
Trabajo Informatica Artistica Maria Fernanda y Edgar Reyes.pptx
 
(producto 3)
 (producto 3) (producto 3)
(producto 3)
 
etiquetas.pdf
etiquetas.pdfetiquetas.pdf
etiquetas.pdf
 
PAGINA WEB paucar inga lidia
PAGINA WEB paucar inga lidiaPAGINA WEB paucar inga lidia
PAGINA WEB paucar inga lidia
 
etiquetas y editores.pptx
etiquetas y editores.pptxetiquetas y editores.pptx
etiquetas y editores.pptx
 

Power point de redes

  • 1. Tema: La Estructura Básica De Una Pagina Web Nombre: Jeanmay Sam
  • 2. Es una estructura muy sencilla que debemos respetar, para que los navegadores sean capaces de presentarla. No podemos comenzar nuestra página con una etiqueta de párrafo, por ejemplo sino que debemos indicar que tipo de página estamos generando. Que es la Estructura Básica De Una Página Web
  • 4. • HTML es: el lenguaje con el que se definen las páginas web, básicamente se trata de un conjunto de etiquetas que sirven para definir el texto. • HEAD: forma el encabezado del documento, también puede incluir datos extra sobre el formato de la página. • BODY es: donde colocamos el contenido que queremos mostrar en el documento. Conceptos de HTML, HEAD Y BODY
  • 5. La estructura crea categorías descriptivas y nombres de archivos para las página de tu sitio , este no solo ayuda a mantener tu sitio organizado, sino que también facilita el rastreo de tus página y documentos a los motores de búsqueda. Estructura de la URL
  • 6.  La etiqueta meta se utiliza para añadir información sobre la pagina. Esta información puede ser utilizada por los buscadores.  Los buscadores consultan la información de la etiqueta meta de las paginas, buscando coincidencias con el que el usuario pretende encontrar. El Contenido De Meta Etiqueta
  • 7.  Básicamente una página web puede construirse con un simple editor de texto siempre que se tenga un profundo conocimiento del lenguaje HTML, o al menos seamos capaz de memorizar todas las etiquetas. Herramientas de Diseño Para Página Web
  • 8.  Un Hipervínculo es un enlace, entre dos página web de un mismo sitio, pero también puede ser a una página de otro sitio web, a un archivo, a una imagen etc… Hipervínculos
  • 9.  Internos es : un vinculo a una página u objeto, que se encuentra en el mismo sitio web.  Externos es: un vinculo a otro sitio web en Internet.  A Correo es : un vinculo que contiene una dirección que tenga el usuario instalado. Tipos de Hipervínculos
  • 10.  Imágenes es: un aspecto fundamental en el diseño. El tratamiento previo de las imágenes antes de incluirlas es muy importante si queremos obtener un buen resultado. Las imágenes consisten en recortarlas, cambiar su tamaño, formato, ajustar el brillo y el contraste.  Animaciones: pues emplea un formato ampliamente extendido y que generalmente puede visualizarse directamente desde un navegador web. Imágenes Y Animaciones