SlideShare ist ein Scribd-Unternehmen logo
1 von 4
Downloaden Sie, um offline zu lesen
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

Weitere ähnliche Inhalte

Was ist angesagt? (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
 

Andere mochten auch

¿Como elegir carrera? Caza del tesoro m4 e4 b
¿Como elegir carrera? Caza del tesoro m4 e4 b¿Como elegir carrera? Caza del tesoro m4 e4 b
¿Como elegir carrera? Caza del tesoro m4 e4 bmastervaldez
 
Motivación de los estudiantes para la elección de
Motivación de los estudiantes para la elección deMotivación de los estudiantes para la elección de
Motivación de los estudiantes para la elección deMarco Mendoza López
 
Cuaderno alumno Alher Orientación 3o
Cuaderno alumno Alher Orientación 3oCuaderno alumno Alher Orientación 3o
Cuaderno alumno Alher Orientación 3oSecundaria / ALHER
 
Motivación en la elección de una carrera
Motivación en la elección de una carreraMotivación en la elección de una carrera
Motivación en la elección de una carreraNaiie ADriian
 
Descubro mis habilidades e intereses yo
Descubro mis habilidades e intereses yoDescubro mis habilidades e intereses yo
Descubro mis habilidades e intereses yoKarol Jimena
 
La personalidad y la eleccion de tu carrera
La personalidad y la eleccion de tu carreraLa personalidad y la eleccion de tu carrera
La personalidad y la eleccion de tu carreraN Y C H E E Lopez
 
Descubro mis habilidades e intereses
Descubro mis habilidades e interesesDescubro mis habilidades e intereses
Descubro mis habilidades e interesesClarita Ascate Mego
 

Andere mochten auch (12)

Vocación
VocaciónVocación
Vocación
 
¿Como elegir carrera? Caza del tesoro m4 e4 b
¿Como elegir carrera? Caza del tesoro m4 e4 b¿Como elegir carrera? Caza del tesoro m4 e4 b
¿Como elegir carrera? Caza del tesoro m4 e4 b
 
Motivación de los estudiantes para la elección de
Motivación de los estudiantes para la elección deMotivación de los estudiantes para la elección de
Motivación de los estudiantes para la elección de
 
Cuaderno alumno Alher Orientación 3o
Cuaderno alumno Alher Orientación 3oCuaderno alumno Alher Orientación 3o
Cuaderno alumno Alher Orientación 3o
 
Temperamento y elección de carrera
Temperamento y elección de carreraTemperamento y elección de carrera
Temperamento y elección de carrera
 
Motivación en la elección de una carrera
Motivación en la elección de una carreraMotivación en la elección de una carrera
Motivación en la elección de una carrera
 
Descubro mis habilidades e intereses yo
Descubro mis habilidades e intereses yoDescubro mis habilidades e intereses yo
Descubro mis habilidades e intereses yo
 
La personalidad y la eleccion de tu carrera
La personalidad y la eleccion de tu carreraLa personalidad y la eleccion de tu carrera
La personalidad y la eleccion de tu carrera
 
5 pasos para elegir carrera UNITEC
5 pasos para elegir carrera UNITEC5 pasos para elegir carrera UNITEC
5 pasos para elegir carrera UNITEC
 
Descubro mis habilidades e intereses
Descubro mis habilidades e interesesDescubro mis habilidades e intereses
Descubro mis habilidades e intereses
 
Intereses, actitudes y valores
Intereses, actitudes y valoresIntereses, actitudes y valores
Intereses, actitudes y valores
 
Intereses y aptitudes vocacionales
Intereses y aptitudes vocacionalesIntereses y aptitudes vocacionales
Intereses y aptitudes vocacionales
 

Ähnlich wie Producto 3 Juan Carlos y Cesar 9B (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
 

Kürzlich hochgeladen

Inteligencia Artificial. Matheo Hernandez Serrano USCO 2024
Inteligencia Artificial. Matheo Hernandez Serrano USCO 2024Inteligencia Artificial. Matheo Hernandez Serrano USCO 2024
Inteligencia Artificial. Matheo Hernandez Serrano USCO 2024u20211198540
 
Clasificación de Conjuntos de Datos Desequilibrados.pptx
Clasificación de Conjuntos de Datos Desequilibrados.pptxClasificación de Conjuntos de Datos Desequilibrados.pptx
Clasificación de Conjuntos de Datos Desequilibrados.pptxCarolina Bujaico
 
PLANEACION DE CLASES TEMA TIPOS DE FAMILIA.docx
PLANEACION DE CLASES TEMA TIPOS DE FAMILIA.docxPLANEACION DE CLASES TEMA TIPOS DE FAMILIA.docx
PLANEACION DE CLASES TEMA TIPOS DE FAMILIA.docxhasbleidit
 
TALLER DE ANALISIS SOLUCION PART 2 (1)-1.docx
TALLER DE ANALISIS SOLUCION  PART 2 (1)-1.docxTALLER DE ANALISIS SOLUCION  PART 2 (1)-1.docx
TALLER DE ANALISIS SOLUCION PART 2 (1)-1.docxobandopaula444
 
Trabajando con Formasy Smart art en power Point
Trabajando con Formasy Smart art en power PointTrabajando con Formasy Smart art en power Point
Trabajando con Formasy Smart art en power PointValerioIvanDePazLoja
 
Viguetas Pretensadas en concreto armado
Viguetas Pretensadas  en concreto armadoViguetas Pretensadas  en concreto armado
Viguetas Pretensadas en concreto armadob7fwtwtfxf
 
Slideshare y Scribd - Noli Cubillan Gerencia
Slideshare y Scribd - Noli Cubillan GerenciaSlideshare y Scribd - Noli Cubillan Gerencia
Slideshare y Scribd - Noli Cubillan Gerenciacubillannoly
 
Actividades de computación para alumnos de preescolar
Actividades de computación para alumnos de preescolarActividades de computación para alumnos de preescolar
Actividades de computación para alumnos de preescolar24roberto21
 
certificado de oracle academy cetrificado.pdf
certificado de oracle academy cetrificado.pdfcertificado de oracle academy cetrificado.pdf
certificado de oracle academy cetrificado.pdfFernandoOblitasVivan
 
David_Gallegos - tarea de la sesión 11.pptx
David_Gallegos - tarea de la sesión 11.pptxDavid_Gallegos - tarea de la sesión 11.pptx
David_Gallegos - tarea de la sesión 11.pptxDAVIDROBERTOGALLEGOS
 
#Tare10ProgramacionWeb2024aaaaaaaaaaaa.pptx
#Tare10ProgramacionWeb2024aaaaaaaaaaaa.pptx#Tare10ProgramacionWeb2024aaaaaaaaaaaa.pptx
#Tare10ProgramacionWeb2024aaaaaaaaaaaa.pptxHugoGutierrez99
 
Trabajo de tecnología excel avanzado.pdf
Trabajo de tecnología excel avanzado.pdfTrabajo de tecnología excel avanzado.pdf
Trabajo de tecnología excel avanzado.pdfedepmariaperez
 
CommitConf 2024 - Spring Boot <3 Testcontainers
CommitConf 2024 - Spring Boot <3 TestcontainersCommitConf 2024 - Spring Boot <3 Testcontainers
CommitConf 2024 - Spring Boot <3 TestcontainersIván López Martín
 
Documentacion Electrónica en Actos Juridicos
Documentacion Electrónica en Actos JuridicosDocumentacion Electrónica en Actos Juridicos
Documentacion Electrónica en Actos JuridicosAlbanyMartinez7
 
ORIENTACIONES DE INFORMÁTICA-2024.pdf-guia
ORIENTACIONES DE INFORMÁTICA-2024.pdf-guiaORIENTACIONES DE INFORMÁTICA-2024.pdf-guia
ORIENTACIONES DE INFORMÁTICA-2024.pdf-guiaYeimys Ch
 
Herramientas que posibilitan la información y la investigación.pdf
Herramientas que posibilitan la información y la investigación.pdfHerramientas que posibilitan la información y la investigación.pdf
Herramientas que posibilitan la información y la investigación.pdfKarinaCambero3
 
_Planificacion Anual NTICX 2024.SEC.21.4.1.docx.pdf
_Planificacion Anual NTICX 2024.SEC.21.4.1.docx.pdf_Planificacion Anual NTICX 2024.SEC.21.4.1.docx.pdf
_Planificacion Anual NTICX 2024.SEC.21.4.1.docx.pdfBetianaJuarez1
 
Modelo de Presentacion Feria Robotica Educativa 2024 - Versión3.pptx
Modelo de Presentacion Feria Robotica Educativa 2024 - Versión3.pptxModelo de Presentacion Feria Robotica Educativa 2024 - Versión3.pptx
Modelo de Presentacion Feria Robotica Educativa 2024 - Versión3.pptxtjcesar1
 
Red Dorsal Nacional de Fibra Óptica y Redes Regionales del Perú
Red Dorsal Nacional de Fibra Óptica y Redes Regionales del PerúRed Dorsal Nacional de Fibra Óptica y Redes Regionales del Perú
Red Dorsal Nacional de Fibra Óptica y Redes Regionales del PerúCEFERINO DELGADO FLORES
 

Kürzlich hochgeladen (20)

El camino a convertirse en Microsoft MVP
El camino a convertirse en Microsoft MVPEl camino a convertirse en Microsoft MVP
El camino a convertirse en Microsoft MVP
 
Inteligencia Artificial. Matheo Hernandez Serrano USCO 2024
Inteligencia Artificial. Matheo Hernandez Serrano USCO 2024Inteligencia Artificial. Matheo Hernandez Serrano USCO 2024
Inteligencia Artificial. Matheo Hernandez Serrano USCO 2024
 
Clasificación de Conjuntos de Datos Desequilibrados.pptx
Clasificación de Conjuntos de Datos Desequilibrados.pptxClasificación de Conjuntos de Datos Desequilibrados.pptx
Clasificación de Conjuntos de Datos Desequilibrados.pptx
 
PLANEACION DE CLASES TEMA TIPOS DE FAMILIA.docx
PLANEACION DE CLASES TEMA TIPOS DE FAMILIA.docxPLANEACION DE CLASES TEMA TIPOS DE FAMILIA.docx
PLANEACION DE CLASES TEMA TIPOS DE FAMILIA.docx
 
TALLER DE ANALISIS SOLUCION PART 2 (1)-1.docx
TALLER DE ANALISIS SOLUCION  PART 2 (1)-1.docxTALLER DE ANALISIS SOLUCION  PART 2 (1)-1.docx
TALLER DE ANALISIS SOLUCION PART 2 (1)-1.docx
 
Trabajando con Formasy Smart art en power Point
Trabajando con Formasy Smart art en power PointTrabajando con Formasy Smart art en power Point
Trabajando con Formasy Smart art en power Point
 
Viguetas Pretensadas en concreto armado
Viguetas Pretensadas  en concreto armadoViguetas Pretensadas  en concreto armado
Viguetas Pretensadas en concreto armado
 
Slideshare y Scribd - Noli Cubillan Gerencia
Slideshare y Scribd - Noli Cubillan GerenciaSlideshare y Scribd - Noli Cubillan Gerencia
Slideshare y Scribd - Noli Cubillan Gerencia
 
Actividades de computación para alumnos de preescolar
Actividades de computación para alumnos de preescolarActividades de computación para alumnos de preescolar
Actividades de computación para alumnos de preescolar
 
certificado de oracle academy cetrificado.pdf
certificado de oracle academy cetrificado.pdfcertificado de oracle academy cetrificado.pdf
certificado de oracle academy cetrificado.pdf
 
David_Gallegos - tarea de la sesión 11.pptx
David_Gallegos - tarea de la sesión 11.pptxDavid_Gallegos - tarea de la sesión 11.pptx
David_Gallegos - tarea de la sesión 11.pptx
 
#Tare10ProgramacionWeb2024aaaaaaaaaaaa.pptx
#Tare10ProgramacionWeb2024aaaaaaaaaaaa.pptx#Tare10ProgramacionWeb2024aaaaaaaaaaaa.pptx
#Tare10ProgramacionWeb2024aaaaaaaaaaaa.pptx
 
Trabajo de tecnología excel avanzado.pdf
Trabajo de tecnología excel avanzado.pdfTrabajo de tecnología excel avanzado.pdf
Trabajo de tecnología excel avanzado.pdf
 
CommitConf 2024 - Spring Boot <3 Testcontainers
CommitConf 2024 - Spring Boot <3 TestcontainersCommitConf 2024 - Spring Boot <3 Testcontainers
CommitConf 2024 - Spring Boot <3 Testcontainers
 
Documentacion Electrónica en Actos Juridicos
Documentacion Electrónica en Actos JuridicosDocumentacion Electrónica en Actos Juridicos
Documentacion Electrónica en Actos Juridicos
 
ORIENTACIONES DE INFORMÁTICA-2024.pdf-guia
ORIENTACIONES DE INFORMÁTICA-2024.pdf-guiaORIENTACIONES DE INFORMÁTICA-2024.pdf-guia
ORIENTACIONES DE INFORMÁTICA-2024.pdf-guia
 
Herramientas que posibilitan la información y la investigación.pdf
Herramientas que posibilitan la información y la investigación.pdfHerramientas que posibilitan la información y la investigación.pdf
Herramientas que posibilitan la información y la investigación.pdf
 
_Planificacion Anual NTICX 2024.SEC.21.4.1.docx.pdf
_Planificacion Anual NTICX 2024.SEC.21.4.1.docx.pdf_Planificacion Anual NTICX 2024.SEC.21.4.1.docx.pdf
_Planificacion Anual NTICX 2024.SEC.21.4.1.docx.pdf
 
Modelo de Presentacion Feria Robotica Educativa 2024 - Versión3.pptx
Modelo de Presentacion Feria Robotica Educativa 2024 - Versión3.pptxModelo de Presentacion Feria Robotica Educativa 2024 - Versión3.pptx
Modelo de Presentacion Feria Robotica Educativa 2024 - Versión3.pptx
 
Red Dorsal Nacional de Fibra Óptica y Redes Regionales del Perú
Red Dorsal Nacional de Fibra Óptica y Redes Regionales del PerúRed Dorsal Nacional de Fibra Óptica y Redes Regionales del Perú
Red Dorsal Nacional de Fibra Óptica y Redes Regionales del Perú
 

Producto 3 Juan Carlos y Cesar 9B

  • 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