SlideShare una empresa de Scribd logo
Colegio Grecia 
Diseño de páginas web 
Producto 3 
Computación 
Alumnos: Cesar González Ríos y Juan Carlos Sainz 
Gutiérrez 
Maestra: Nereida Martínez Cruz
Producto 3 
Diseño de páginas web 
HTML, siglas de HyperText Markup Language («lenguaje de marcas de 
hipertexto»), hace referencia al para la elaboración de paginas web.Es un 
estándar que sirve de referencia para la elaboración de páginas web en sus 
diferentes versiones, define una estructura básica y un código (denominado código 
HTML) para la definición de contenido de una página web, como texto, imágenes, 
etc. Es un estándar a cargo de la organización dedicada a la estandarización de 
casi todas las tecnologías ligadas a la web, sobre todo en lo referente a su 
escritura e interpretación. Es el lenguaje con el que se definen las páginas web. 
Estructura de una pagina web: 
La estructura básica de una página web es la siguiente: 
<HTML> 
<HEAD> 
<TITLE>Título de la página</TITLE> 
</HEAD> 
<BODY> 
Aquí van todas las etiquetas o instrucciones del documento 
</BODY> 
</HTML> 
Un documento html se divide en dos partes: 
El encabezamiento que está comprendido por las etiquetas <HEAD> y </HEAD>. 
Dentro podemos encontrar información del documento que no se verá en la página 
web. De esta parte destacaremos la etiqueta <TITLE> y </TITLE>. El título que le 
pongamos a nuestra página debe ser breve y descriptivo de su contenido, ya que 
será lo que verán los demás cuando incluyan nuestra página a su agenda de 
direcciones "bookmark". 
El cuerpo que está comprendido por las etiquetas <BODY> y </BODY>. aquí 
dentro habrá todo lo que queramos que aparezca en nuestra página web (texto, 
imágenes, sonidos,...). Las etiquetas que pongamos no aparecerán en el 
navegador.
Etiqueta de HTML: 
Una etiqueta o marca HTML es un código que se incluye en los archivos creados 
con el lenguaje HTML para estructurar, añadir significado o formato al contenido a 
una página web. 
Atributo: 
Cualquier etiqueta XHTML puede contener uno o más atributos, separados por 
espacios, que permiten especificar la etiqueta. El código fuente tiene el siguiente 
aspecto: 
<etiqueta atributo="valor_de_atributo"> 
<etiqueta atributo1="valor_de_atributo1" atributo2="valor_de_atributo2" > 
En el XHTML los atributos tienen que estar siempre definidos (mediante el signo 
igual "=") y el valor del atributo tiene que estar entre comillas dobles o simples. 
Existen una serie de atributos comunes a todas las etiquetas (salvo la 
etiqeta <html>) y algunas etiquetas tienen unos atributos específicos. En esta 
lección se comentan los atributos comunes; los atributos específicos se comentan 
en las lecciones dedicadas a las etiquetas correspondientes (imágenes, tablas, 
etc). 
Etiquetas básicas de la Web: 
 Consejo de Atributos 
 Enlaces 
 Formato 
 Elementos gráficos 
 Tablas 
 Atributos de la tabla 
 Frames Marcos 
 Marcos Atributos 
 Formularios 
 Etiquetas de texto
Bibliografia: 
http://www.mclibre.org/consultar/amaya/xhtml/xhtml_atributos.html 
http://www.virtualnauta.com/html-etiquetas 
http://www.desarrolloweb.com/wiki/etiquetas-html.html

Más contenido relacionado

La actualidad más candente

Html
HtmlHtml
PRODUCTO 3
PRODUCTO 3PRODUCTO 3
PRODUCTO 3
carlossandez123
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
David Flibike
 
Diseño de páginas web
Diseño de páginas webDiseño de páginas web
Diseño de páginas web
Luis Arenas
 
Html
HtmlHtml
DREAMWEAVER.docx
DREAMWEAVER.docxDREAMWEAVER.docx
DREAMWEAVER.docx
DanteGonzaloSacravil
 
Jorge andres
Jorge andresJorge andres
Jorge andres
Jorge Martinez
 
Codigo html
Codigo htmlCodigo html
Codigo html
Juan Barillas
 
Diapositivas HTML
Diapositivas HTMLDiapositivas HTML
Diapositivas HTML
beto0910
 
Lenguajes de programacion
Lenguajes de programacionLenguajes de programacion
Lenguajes de programacion
Joyce Lázaro Reátegui
 
Tutor javawebparte2
Tutor javawebparte2Tutor javawebparte2
Tutor javawebparte2
MiguelDz Diaz
 
Etiquetas html
Etiquetas html   Etiquetas html
Etiquetas html
Samanta Guerrero
 
Definiciones
DefinicionesDefiniciones
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
alejanbejarano
 
Clase 3 HTML
Clase 3 HTMLClase 3 HTML
Clase 3 HTML
Josué Fortis
 
Codigos html
Codigos htmlCodigos html
Codigos html
David Quirola
 
Leccion VI
Leccion VILeccion VI
Leccion VI
Brayan Veguilla
 
Tarea 5
Tarea  5Tarea  5
Tarea 5
JacintoTroya
 

La actualidad más candente (18)

Html
HtmlHtml
Html
 
PRODUCTO 3
PRODUCTO 3PRODUCTO 3
PRODUCTO 3
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Diseño de páginas web
Diseño de páginas webDiseño de páginas web
Diseño de páginas web
 
Html
HtmlHtml
Html
 
DREAMWEAVER.docx
DREAMWEAVER.docxDREAMWEAVER.docx
DREAMWEAVER.docx
 
Jorge andres
Jorge andresJorge andres
Jorge andres
 
Codigo html
Codigo htmlCodigo html
Codigo html
 
Diapositivas HTML
Diapositivas HTMLDiapositivas HTML
Diapositivas HTML
 
Lenguajes de programacion
Lenguajes de programacionLenguajes de programacion
Lenguajes de programacion
 
Tutor javawebparte2
Tutor javawebparte2Tutor javawebparte2
Tutor javawebparte2
 
Etiquetas html
Etiquetas html   Etiquetas html
Etiquetas html
 
Definiciones
DefinicionesDefiniciones
Definiciones
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
 
Clase 3 HTML
Clase 3 HTMLClase 3 HTML
Clase 3 HTML
 
Codigos html
Codigos htmlCodigos html
Codigos html
 
Leccion VI
Leccion VILeccion VI
Leccion VI
 
Tarea 5
Tarea  5Tarea  5
Tarea 5
 

Similar a Producto 3

Producto 3
Producto 3Producto 3
Producto 3
JCyandrea
 
Html
HtmlHtml
Html
HtmlHtml
Producto 3
Producto 3Producto 3
Producto 3
rossini123
 
Html
HtmlHtml
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
manuelyjuan
 
Tag s
Tag sTag s
Tag s
niniuks
 
Html geraly fernanda cabrera aldana
Html geraly fernanda cabrera aldanaHtml geraly fernanda cabrera aldana
Html geraly fernanda cabrera aldana
geralyfernandacabreraaldana
 
Qué es el html
Qué es el htmlQué es el html
Qué es el html
josecabrera987
 
Consulta
ConsultaConsulta
Consulta
GersonGonsalez
 
Consulta_
Consulta_Consulta_
Consulta_
GersonGonsalez
 
HTML_Estructura Basica.pptx
HTML_Estructura Basica.pptxHTML_Estructura Basica.pptx
HTML_Estructura Basica.pptx
MtiDantePeaRojas
 
Html conceptos basicos presentacion no1
Html conceptos basicos presentacion  no1Html conceptos basicos presentacion  no1
Html conceptos basicos presentacion no1
fgabycastillo
 
Pres 2
Pres 2Pres 2
Pres 2
Nathalie
 
Presentación2
Presentación2Presentación2
Html
HtmlHtml
HTML
HTMLHTML
Introducción a HTML5
Introducción a HTML5Introducción a HTML5
Introducción a HTML5
maxfontana90
 
Html
HtmlHtml
Html
HtmlHtml

Similar a Producto 3 (20)

Producto 3
Producto 3Producto 3
Producto 3
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Producto 3
Producto 3Producto 3
Producto 3
 
Html
HtmlHtml
Html
 
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
 
Tag s
Tag sTag s
Tag s
 
Html geraly fernanda cabrera aldana
Html geraly fernanda cabrera aldanaHtml geraly fernanda cabrera aldana
Html geraly fernanda cabrera aldana
 
Qué es el html
Qué es el htmlQué es el html
Qué es el html
 
Consulta
ConsultaConsulta
Consulta
 
Consulta_
Consulta_Consulta_
Consulta_
 
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
 
Pres 2
Pres 2Pres 2
Pres 2
 
Presentación2
Presentación2Presentación2
Presentación2
 
Html
HtmlHtml
Html
 
HTML
HTMLHTML
HTML
 
Introducción a HTML5
Introducción a HTML5Introducción a HTML5
Introducción a HTML5
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 

Último

Projecte Iniciativa TIC 2024 KAWARU CONSULTING. inCV.pdf
Projecte Iniciativa TIC 2024 KAWARU CONSULTING. inCV.pdfProjecte Iniciativa TIC 2024 KAWARU CONSULTING. inCV.pdf
Projecte Iniciativa TIC 2024 KAWARU CONSULTING. inCV.pdf
Festibity
 
Second Life, informe de actividad del maestro Tapia
Second Life, informe de actividad del maestro TapiaSecond Life, informe de actividad del maestro Tapia
Second Life, informe de actividad del maestro Tapia
al050121024
 
Sitios web 3.0 funciones ventajas y desventajas
Sitios web 3.0 funciones ventajas y desventajasSitios web 3.0 funciones ventajas y desventajas
Sitios web 3.0 funciones ventajas y desventajas
paulroyal74
 
herramientas de sitio web 3.0 2024
herramientas de sitio web 3.0  2024herramientas de sitio web 3.0  2024
herramientas de sitio web 3.0 2024
julio05042006
 
Manual de soporte y mantenimiento de equipo de cómputo
Manual de soporte y mantenimiento de equipo de cómputoManual de soporte y mantenimiento de equipo de cómputo
Manual de soporte y mantenimiento de equipo de cómputo
doctorsoluciones34
 
Presentación de Tic en educación y sobre blogger
Presentación de Tic en educación y sobre bloggerPresentación de Tic en educación y sobre blogger
Presentación de Tic en educación y sobre blogger
larapalaciosmonzon28
 
Informació Projecte Iniciativa TIC HPE.pdf
Informació Projecte Iniciativa TIC HPE.pdfInformació Projecte Iniciativa TIC HPE.pdf
Informació Projecte Iniciativa TIC HPE.pdf
Festibity
 
Manual Web soporte y mantenimiento de equipo de computo
Manual Web soporte y mantenimiento de equipo de computoManual Web soporte y mantenimiento de equipo de computo
Manual Web soporte y mantenimiento de equipo de computo
mantenimientocarbra6
 
edublogs info.docx asdasfasfsawqrdqwfqwfqwfq
edublogs info.docx asdasfasfsawqrdqwfqwfqwfqedublogs info.docx asdasfasfsawqrdqwfqwfqwfq
edublogs info.docx asdasfasfsawqrdqwfqwfqwfq
larapalaciosmonzon28
 
Actividad Conceptos básicos de programación.pdf
Actividad Conceptos básicos de programación.pdfActividad Conceptos básicos de programación.pdf
Actividad Conceptos básicos de programación.pdf
NajwaNimri1
 
Catalogo general tarifas 2024 Vaillant. Amado Salvador Distribuidor Oficial e...
Catalogo general tarifas 2024 Vaillant. Amado Salvador Distribuidor Oficial e...Catalogo general tarifas 2024 Vaillant. Amado Salvador Distribuidor Oficial e...
Catalogo general tarifas 2024 Vaillant. Amado Salvador Distribuidor Oficial e...
AMADO SALVADOR
 
Nuevos tiempos, nuevos espacios.docxdsdsad
Nuevos tiempos, nuevos espacios.docxdsdsadNuevos tiempos, nuevos espacios.docxdsdsad
Nuevos tiempos, nuevos espacios.docxdsdsad
larapalaciosmonzon28
 
TIC en educacion.rtf.docxlolololololololo
TIC en educacion.rtf.docxlolololololololoTIC en educacion.rtf.docxlolololololololo
TIC en educacion.rtf.docxlolololololololo
KukiiSanchez
 
SISTESIS RETO4 Grupo4 co-creadores .ppsx
SISTESIS RETO4 Grupo4 co-creadores .ppsxSISTESIS RETO4 Grupo4 co-creadores .ppsx
SISTESIS RETO4 Grupo4 co-creadores .ppsx
tamarita881
 
Catalogo Refrigeracion Miele Distribuidor Oficial Amado Salvador Valencia
Catalogo Refrigeracion Miele Distribuidor Oficial Amado Salvador ValenciaCatalogo Refrigeracion Miele Distribuidor Oficial Amado Salvador Valencia
Catalogo Refrigeracion Miele Distribuidor Oficial Amado Salvador Valencia
AMADO SALVADOR
 
TECLADO ERGONÓMICO Y PANTALLAS TACTILES - GESTIÓN INTEGRAL EDUCATIVA
TECLADO ERGONÓMICO Y PANTALLAS TACTILES - GESTIÓN INTEGRAL EDUCATIVATECLADO ERGONÓMICO Y PANTALLAS TACTILES - GESTIÓN INTEGRAL EDUCATIVA
TECLADO ERGONÓMICO Y PANTALLAS TACTILES - GESTIÓN INTEGRAL EDUCATIVA
LilibethEstupian
 
Gabinete, puertos y dispositivos que se conectan al case
Gabinete,  puertos y  dispositivos que se conectan al caseGabinete,  puertos y  dispositivos que se conectan al case
Gabinete, puertos y dispositivos que se conectan al case
JuanaNT7
 
Informació Projecte Iniciativa TIC SOPRA STERIA.pdf
Informació Projecte Iniciativa TIC SOPRA STERIA.pdfInformació Projecte Iniciativa TIC SOPRA STERIA.pdf
Informació Projecte Iniciativa TIC SOPRA STERIA.pdf
Festibity
 
HERRAMIENTAS WEB--------------------.pptx
HERRAMIENTAS WEB--------------------.pptxHERRAMIENTAS WEB--------------------.pptx
HERRAMIENTAS WEB--------------------.pptx
maralache30
 
IA en entornos rurales aplicada a la viticultura
IA en entornos rurales aplicada a la viticulturaIA en entornos rurales aplicada a la viticultura
IA en entornos rurales aplicada a la viticultura
Miguel Rebollo
 

Último (20)

Projecte Iniciativa TIC 2024 KAWARU CONSULTING. inCV.pdf
Projecte Iniciativa TIC 2024 KAWARU CONSULTING. inCV.pdfProjecte Iniciativa TIC 2024 KAWARU CONSULTING. inCV.pdf
Projecte Iniciativa TIC 2024 KAWARU CONSULTING. inCV.pdf
 
Second Life, informe de actividad del maestro Tapia
Second Life, informe de actividad del maestro TapiaSecond Life, informe de actividad del maestro Tapia
Second Life, informe de actividad del maestro Tapia
 
Sitios web 3.0 funciones ventajas y desventajas
Sitios web 3.0 funciones ventajas y desventajasSitios web 3.0 funciones ventajas y desventajas
Sitios web 3.0 funciones ventajas y desventajas
 
herramientas de sitio web 3.0 2024
herramientas de sitio web 3.0  2024herramientas de sitio web 3.0  2024
herramientas de sitio web 3.0 2024
 
Manual de soporte y mantenimiento de equipo de cómputo
Manual de soporte y mantenimiento de equipo de cómputoManual de soporte y mantenimiento de equipo de cómputo
Manual de soporte y mantenimiento de equipo de cómputo
 
Presentación de Tic en educación y sobre blogger
Presentación de Tic en educación y sobre bloggerPresentación de Tic en educación y sobre blogger
Presentación de Tic en educación y sobre blogger
 
Informació Projecte Iniciativa TIC HPE.pdf
Informació Projecte Iniciativa TIC HPE.pdfInformació Projecte Iniciativa TIC HPE.pdf
Informació Projecte Iniciativa TIC HPE.pdf
 
Manual Web soporte y mantenimiento de equipo de computo
Manual Web soporte y mantenimiento de equipo de computoManual Web soporte y mantenimiento de equipo de computo
Manual Web soporte y mantenimiento de equipo de computo
 
edublogs info.docx asdasfasfsawqrdqwfqwfqwfq
edublogs info.docx asdasfasfsawqrdqwfqwfqwfqedublogs info.docx asdasfasfsawqrdqwfqwfqwfq
edublogs info.docx asdasfasfsawqrdqwfqwfqwfq
 
Actividad Conceptos básicos de programación.pdf
Actividad Conceptos básicos de programación.pdfActividad Conceptos básicos de programación.pdf
Actividad Conceptos básicos de programación.pdf
 
Catalogo general tarifas 2024 Vaillant. Amado Salvador Distribuidor Oficial e...
Catalogo general tarifas 2024 Vaillant. Amado Salvador Distribuidor Oficial e...Catalogo general tarifas 2024 Vaillant. Amado Salvador Distribuidor Oficial e...
Catalogo general tarifas 2024 Vaillant. Amado Salvador Distribuidor Oficial e...
 
Nuevos tiempos, nuevos espacios.docxdsdsad
Nuevos tiempos, nuevos espacios.docxdsdsadNuevos tiempos, nuevos espacios.docxdsdsad
Nuevos tiempos, nuevos espacios.docxdsdsad
 
TIC en educacion.rtf.docxlolololololololo
TIC en educacion.rtf.docxlolololololololoTIC en educacion.rtf.docxlolololololololo
TIC en educacion.rtf.docxlolololololololo
 
SISTESIS RETO4 Grupo4 co-creadores .ppsx
SISTESIS RETO4 Grupo4 co-creadores .ppsxSISTESIS RETO4 Grupo4 co-creadores .ppsx
SISTESIS RETO4 Grupo4 co-creadores .ppsx
 
Catalogo Refrigeracion Miele Distribuidor Oficial Amado Salvador Valencia
Catalogo Refrigeracion Miele Distribuidor Oficial Amado Salvador ValenciaCatalogo Refrigeracion Miele Distribuidor Oficial Amado Salvador Valencia
Catalogo Refrigeracion Miele Distribuidor Oficial Amado Salvador Valencia
 
TECLADO ERGONÓMICO Y PANTALLAS TACTILES - GESTIÓN INTEGRAL EDUCATIVA
TECLADO ERGONÓMICO Y PANTALLAS TACTILES - GESTIÓN INTEGRAL EDUCATIVATECLADO ERGONÓMICO Y PANTALLAS TACTILES - GESTIÓN INTEGRAL EDUCATIVA
TECLADO ERGONÓMICO Y PANTALLAS TACTILES - GESTIÓN INTEGRAL EDUCATIVA
 
Gabinete, puertos y dispositivos que se conectan al case
Gabinete,  puertos y  dispositivos que se conectan al caseGabinete,  puertos y  dispositivos que se conectan al case
Gabinete, puertos y dispositivos que se conectan al case
 
Informació Projecte Iniciativa TIC SOPRA STERIA.pdf
Informació Projecte Iniciativa TIC SOPRA STERIA.pdfInformació Projecte Iniciativa TIC SOPRA STERIA.pdf
Informació Projecte Iniciativa TIC SOPRA STERIA.pdf
 
HERRAMIENTAS WEB--------------------.pptx
HERRAMIENTAS WEB--------------------.pptxHERRAMIENTAS WEB--------------------.pptx
HERRAMIENTAS WEB--------------------.pptx
 
IA en entornos rurales aplicada a la viticultura
IA en entornos rurales aplicada a la viticulturaIA en entornos rurales aplicada a la viticultura
IA en entornos rurales aplicada a la viticultura
 

Producto 3

  • 1. Colegio Grecia Diseño de páginas web Producto 3 Computación Alumnos: Cesar González Ríos y Juan Carlos Sainz Gutiérrez Maestra: Nereida Martínez Cruz
  • 2. Producto 3 Diseño de páginas web HTML, siglas de HyperText Markup Language («lenguaje de marcas de hipertexto»), hace referencia al para la elaboración de paginas web.Es un estándar que sirve de referencia para la elaboración de páginas web en sus diferentes versiones, define una estructura básica y un código (denominado código HTML) para la definición de contenido de una página web, como texto, imágenes, etc. Es un estándar a cargo de la organización dedicada a la estandarización de casi todas las tecnologías ligadas a la web, sobre todo en lo referente a su escritura e interpretación. Es el lenguaje con el que se definen las páginas web. Estructura de una pagina web: La estructura básica de una página web es la siguiente: <HTML> <HEAD> <TITLE>Título de la página</TITLE> </HEAD> <BODY> Aquí van todas las etiquetas o instrucciones del documento </BODY> </HTML> Un documento html se divide en dos partes: El encabezamiento que está comprendido por las etiquetas <HEAD> y </HEAD>. Dentro podemos encontrar información del documento que no se verá en la página web. De esta parte destacaremos la etiqueta <TITLE> y </TITLE>. El título que le pongamos a nuestra página debe ser breve y descriptivo de su contenido, ya que será lo que verán los demás cuando incluyan nuestra página a su agenda de direcciones "bookmark". El cuerpo que está comprendido por las etiquetas <BODY> y </BODY>. aquí dentro habrá todo lo que queramos que aparezca en nuestra página web (texto, imágenes, sonidos,...). Las etiquetas que pongamos no aparecerán en el navegador.
  • 3. Etiqueta de HTML: Una etiqueta o marca HTML es un código que se incluye en los archivos creados con el lenguaje HTML para estructurar, añadir significado o formato al contenido a una página web. Atributo: Cualquier etiqueta XHTML puede contener uno o más atributos, separados por espacios, que permiten especificar la etiqueta. El código fuente tiene el siguiente aspecto: <etiqueta atributo="valor_de_atributo"> <etiqueta atributo1="valor_de_atributo1" atributo2="valor_de_atributo2" > En el XHTML los atributos tienen que estar siempre definidos (mediante el signo igual "=") y el valor del atributo tiene que estar entre comillas dobles o simples. Existen una serie de atributos comunes a todas las etiquetas (salvo la etiqeta <html>) y algunas etiquetas tienen unos atributos específicos. En esta lección se comentan los atributos comunes; los atributos específicos se comentan en las lecciones dedicadas a las etiquetas correspondientes (imágenes, tablas, etc). Etiquetas básicas de la Web:  Consejo de Atributos  Enlaces  Formato  Elementos gráficos  Tablas  Atributos de la tabla  Frames Marcos  Marcos Atributos  Formularios  Etiquetas de texto