SlideShare a Scribd company logo
1 of 9
HTML
Etiquetas básicas.
Marco de ventana Web
• <HTML> es la etiqueta que inicia todo el
código y que indica que pertenece a una Web.
• <Head> es la etiqueta usada para abrir el
espacio de la cabecera o marco de la ventana.
• <Title> se usa para indicar el título que llevará
la Web en la barra de título.
• La Ley del Espejo indica que debemos cerrar
las etiquetas, en forma contraria a la que se
abrieron.
Ejemplo
• En la imagen se muestra el código ordenado para
crear un marco de ventana Web, aplicando el
orden correcto de las etiquetas.
Cuerpo de la Web
• <Body> es la etiqueta que indica el inicio de
todo lo que irá dentro del marco de ventana o
cuerpo de la misma.
• Bgcolor: No es una etiqueta, es una propiedad
de la etiqueta <Body> y se usa para asignar un
color de fondo al cuerpo de la Web.
• Los Colores HTML se aplican en base al código
hexadecimal RGB.
Ejemplo
• En la imagen se muestra el uso de la etiqueta
<Body> y la propiedad Bgcolor para asignar el
verde como color de fondo del cuerpo de la Web.
Cabeceras
• Las Cabeceras son una serie de etiquetas que
van de la <H1> hasta la <H6>.
• Estas etiquetas se usan dentro del cuerpo de
la Web y se aplican para resaltar y diferenciar
entre títulos, subtítulos, temas y subtemas.
• Pueden abrirse y cerrarse en la misma línea de
texto.
Ejemplo
• En la imagen se muestra el uso de las
etiquetas para Cabeceras, colocadas en orden
de la <H1> a la <H6> respectivamente.
Hoja de Trabajo # 2-4:
1. Diseñe un marco de ventana, con el título:
PRÁCTICA 1.
2. Guarde el código web como: HT2-4.HTML
3. Asigne color de fondo al cuerpo de su Web.
4. Use etiquetas de cabecera para explicar en
cada línea, cada una de las etiquetas o
propiedades practicadas en esta sesión.
5. Suba su archivo HTML a Moodle.
HTML
Etiquetas básicas.

More Related Content

What's hot

tutorial para una pagina web
tutorial para una pagina webtutorial para una pagina web
tutorial para una pagina webkaren_malik
 
Guia 4 de html imagenes
Guia 4 de html   imagenesGuia 4 de html   imagenes
Guia 4 de html imageneslisvancelis
 
COMO CREAR UNA PAGINA WEB EN HTML SUS PRIMEROS PASOS
COMO CREAR UNA PAGINA WEB EN HTML SUS PRIMEROS PASOSCOMO CREAR UNA PAGINA WEB EN HTML SUS PRIMEROS PASOS
COMO CREAR UNA PAGINA WEB EN HTML SUS PRIMEROS PASOSJenny A
 
Producto 4 etiquetas basicas joon lee
Producto 4 etiquetas basicas joon leeProducto 4 etiquetas basicas joon lee
Producto 4 etiquetas basicas joon leeJoonLee2000
 
Elementos básicos y estructura de una página web
Elementos básicos y estructura de una página webElementos básicos y estructura de una página web
Elementos básicos y estructura de una página webadri9610
 
Producto 3
Producto 3Producto 3
Producto 3LaloWR11
 
Colegio nacional nicolás esgerra
Colegio nacional nicolás esgerraColegio nacional nicolás esgerra
Colegio nacional nicolás esgerralazercat
 
Programación en html 1
Programación en html 1Programación en html 1
Programación en html 1luchopaisa
 
Codigos html y como crear una pagina Web
Codigos html y como crear una pagina WebCodigos html y como crear una pagina Web
Codigos html y como crear una pagina WebJoshi Tüsa
 

What's hot (20)

Producto 3
Producto 3Producto 3
Producto 3
 
Pagina web I
Pagina web IPagina web I
Pagina web I
 
Partes de Una Pagina Web
Partes de Una Pagina WebPartes de Una Pagina Web
Partes de Una Pagina Web
 
tutorial para una pagina web
tutorial para una pagina webtutorial para una pagina web
tutorial para una pagina web
 
Html Sharon 4101
Html Sharon 4101Html Sharon 4101
Html Sharon 4101
 
Html5
Html5Html5
Html5
 
Guia 4 de html imagenes
Guia 4 de html   imagenesGuia 4 de html   imagenes
Guia 4 de html imagenes
 
COMO CREAR UNA PAGINA WEB EN HTML SUS PRIMEROS PASOS
COMO CREAR UNA PAGINA WEB EN HTML SUS PRIMEROS PASOSCOMO CREAR UNA PAGINA WEB EN HTML SUS PRIMEROS PASOS
COMO CREAR UNA PAGINA WEB EN HTML SUS PRIMEROS PASOS
 
Clase 2 Desarrollo Web
Clase 2 Desarrollo Web Clase 2 Desarrollo Web
Clase 2 Desarrollo Web
 
Producto 4 etiquetas basicas joon lee
Producto 4 etiquetas basicas joon leeProducto 4 etiquetas basicas joon lee
Producto 4 etiquetas basicas joon lee
 
Elementos básicos y estructura de una página web
Elementos básicos y estructura de una página webElementos básicos y estructura de una página web
Elementos básicos y estructura de una página web
 
Producto 3
Producto 3Producto 3
Producto 3
 
Etiquetas html
Etiquetas htmlEtiquetas html
Etiquetas html
 
Html5 y php5
Html5 y php5Html5 y php5
Html5 y php5
 
Neisa
NeisaNeisa
Neisa
 
Colegio nacional nicolás esgerra
Colegio nacional nicolás esgerraColegio nacional nicolás esgerra
Colegio nacional nicolás esgerra
 
Etiquetas Html
Etiquetas HtmlEtiquetas Html
Etiquetas Html
 
Programación en html 1
Programación en html 1Programación en html 1
Programación en html 1
 
Etiquetas html
Etiquetas html   Etiquetas html
Etiquetas html
 
Codigos html y como crear una pagina Web
Codigos html y como crear una pagina WebCodigos html y como crear una pagina Web
Codigos html y como crear una pagina Web
 

Viewers also liked (14)

Practica 1 html
Practica 1 htmlPractica 1 html
Practica 1 html
 
NAVEGADORES WEB
NAVEGADORES WEB NAVEGADORES WEB
NAVEGADORES WEB
 
Manual html
Manual htmlManual html
Manual html
 
Informe trabajo de software
Informe trabajo de softwareInforme trabajo de software
Informe trabajo de software
 
6. configuración del navegador
6. configuración del navegador6. configuración del navegador
6. configuración del navegador
 
Diseno De Paginas Web
Diseno De Paginas WebDiseno De Paginas Web
Diseno De Paginas Web
 
Navegadores
NavegadoresNavegadores
Navegadores
 
PROGRAMA MONICA 8.5
PROGRAMA MONICA 8.5PROGRAMA MONICA 8.5
PROGRAMA MONICA 8.5
 
Buscadores
BuscadoresBuscadores
Buscadores
 
Protocolo http
Protocolo httpProtocolo http
Protocolo http
 
Principales Navegadores de Internet
Principales Navegadores de InternetPrincipales Navegadores de Internet
Principales Navegadores de Internet
 
Manual de html
Manual de htmlManual de html
Manual de html
 
Introdución a la web: HTTP, URL y HTML
Introdución a la web: HTTP, URL y HTMLIntrodución a la web: HTTP, URL y HTML
Introdución a la web: HTTP, URL y HTML
 
Manual de monica 8.5
Manual de monica 8.5Manual de monica 8.5
Manual de monica 8.5
 

Similar to HT 2-4 (20)

Clase HTML.pptx
Clase HTML.pptxClase HTML.pptx
Clase HTML.pptx
 
Presentacion HTML
Presentacion HTMLPresentacion HTML
Presentacion HTML
 
Diversas características generales
Diversas características generalesDiversas características generales
Diversas características generales
 
etiquetas.pdf
etiquetas.pdfetiquetas.pdf
etiquetas.pdf
 
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
 
Estructura de una página html
Estructura de una página htmlEstructura de una página html
Estructura de una página html
 
Taller 1 mariana barreto
Taller 1 mariana barretoTaller 1 mariana barreto
Taller 1 mariana barreto
 
Práctica Informática - Archivo PDF
Práctica Informática - Archivo PDF Práctica Informática - Archivo PDF
Práctica Informática - Archivo PDF
 
DISEÑO WEB - HTML 5 - PRINCIPIOS BASICOS.pptx
DISEÑO WEB - HTML 5 - PRINCIPIOS BASICOS.pptxDISEÑO WEB - HTML 5 - PRINCIPIOS BASICOS.pptx
DISEÑO WEB - HTML 5 - PRINCIPIOS BASICOS.pptx
 
Capas en HTML
Capas en HTMLCapas en HTML
Capas en HTML
 
Capas
CapasCapas
Capas
 
Html
HtmlHtml
Html
 
Deber de htmly xml
Deber de htmly xmlDeber de htmly xml
Deber de htmly xml
 
Melanie salazar
Melanie salazarMelanie salazar
Melanie salazar
 
Melanie Salazar
Melanie SalazarMelanie Salazar
Melanie Salazar
 
Codigo html
Codigo htmlCodigo html
Codigo html
 
Tema 2
Tema 2Tema 2
Tema 2
 
Presentación
PresentaciónPresentación
Presentación
 
Semana 5 html
Semana 5  htmlSemana 5  html
Semana 5 html
 
Presentacinhtml 091121100213-phpapp02
Presentacinhtml 091121100213-phpapp02Presentacinhtml 091121100213-phpapp02
Presentacinhtml 091121100213-phpapp02
 

More from LuisIxcot

El storyline
El storylineEl storyline
El storylineLuisIxcot
 
Tareas Unidad 3 - Sexto Secretariado
Tareas Unidad 3 - Sexto SecretariadoTareas Unidad 3 - Sexto Secretariado
Tareas Unidad 3 - Sexto SecretariadoLuisIxcot
 
Tareas Unidad 3 - Cuarto Secretariado
Tareas Unidad 3 - Cuarto SecretariadoTareas Unidad 3 - Cuarto Secretariado
Tareas Unidad 3 - Cuarto SecretariadoLuisIxcot
 
Tareas Unidad 3 - Quinto Secretariado
Tareas Unidad 3 - Quinto SecretariadoTareas Unidad 3 - Quinto Secretariado
Tareas Unidad 3 - Quinto SecretariadoLuisIxcot
 
Tareas Unidad 3 - Tercero Básico
Tareas Unidad 3 - Tercero BásicoTareas Unidad 3 - Tercero Básico
Tareas Unidad 3 - Tercero BásicoLuisIxcot
 
Tareas Unidad 3 - Primero Básico
Tareas Unidad 3 - Primero BásicoTareas Unidad 3 - Primero Básico
Tareas Unidad 3 - Primero BásicoLuisIxcot
 
Tareas u2 secre6
Tareas u2 secre6Tareas u2 secre6
Tareas u2 secre6LuisIxcot
 
Tareas u2 secre4
Tareas u2 secre4Tareas u2 secre4
Tareas u2 secre4LuisIxcot
 
Tareas u2 secre5
Tareas u2 secre5Tareas u2 secre5
Tareas u2 secre5LuisIxcot
 
Tareas u2 basico 3
Tareas u2 basico 3Tareas u2 basico 3
Tareas u2 basico 3LuisIxcot
 
Tareas u2 basico 1
Tareas u2 basico 1Tareas u2 basico 1
Tareas u2 basico 1LuisIxcot
 
Accesorios de windows
Accesorios de windowsAccesorios de windows
Accesorios de windowsLuisIxcot
 
Unidad de carnets
Unidad de carnetsUnidad de carnets
Unidad de carnetsLuisIxcot
 
Unidades de Medida Virtual
Unidades de Medida VirtualUnidades de Medida Virtual
Unidades de Medida VirtualLuisIxcot
 
Filtros avanzados en Excel
Filtros avanzados en ExcelFiltros avanzados en Excel
Filtros avanzados en ExcelLuisIxcot
 
Ejemplo Segundo D
Ejemplo Segundo DEjemplo Segundo D
Ejemplo Segundo DLuisIxcot
 
Ejemplo Primero D
Ejemplo Primero DEjemplo Primero D
Ejemplo Primero DLuisIxcot
 
Ejemplo slideshare
Ejemplo slideshareEjemplo slideshare
Ejemplo slideshareLuisIxcot
 

More from LuisIxcot (20)

El storyline
El storylineEl storyline
El storyline
 
Tareas Unidad 3 - Sexto Secretariado
Tareas Unidad 3 - Sexto SecretariadoTareas Unidad 3 - Sexto Secretariado
Tareas Unidad 3 - Sexto Secretariado
 
Tareas Unidad 3 - Cuarto Secretariado
Tareas Unidad 3 - Cuarto SecretariadoTareas Unidad 3 - Cuarto Secretariado
Tareas Unidad 3 - Cuarto Secretariado
 
Tareas Unidad 3 - Quinto Secretariado
Tareas Unidad 3 - Quinto SecretariadoTareas Unidad 3 - Quinto Secretariado
Tareas Unidad 3 - Quinto Secretariado
 
Tareas Unidad 3 - Tercero Básico
Tareas Unidad 3 - Tercero BásicoTareas Unidad 3 - Tercero Básico
Tareas Unidad 3 - Tercero Básico
 
Tareas Unidad 3 - Primero Básico
Tareas Unidad 3 - Primero BásicoTareas Unidad 3 - Primero Básico
Tareas Unidad 3 - Primero Básico
 
Tareas u2 secre6
Tareas u2 secre6Tareas u2 secre6
Tareas u2 secre6
 
Tareas u2 secre4
Tareas u2 secre4Tareas u2 secre4
Tareas u2 secre4
 
Tareas u2 secre5
Tareas u2 secre5Tareas u2 secre5
Tareas u2 secre5
 
Tareas u2 basico 3
Tareas u2 basico 3Tareas u2 basico 3
Tareas u2 basico 3
 
Tareas u2 basico 1
Tareas u2 basico 1Tareas u2 basico 1
Tareas u2 basico 1
 
Accesorios de windows
Accesorios de windowsAccesorios de windows
Accesorios de windows
 
Unidad de carnets
Unidad de carnetsUnidad de carnets
Unidad de carnets
 
Unidades de Medida Virtual
Unidades de Medida VirtualUnidades de Medida Virtual
Unidades de Medida Virtual
 
Filtros avanzados en Excel
Filtros avanzados en ExcelFiltros avanzados en Excel
Filtros avanzados en Excel
 
Ejemplo 2
Ejemplo 2Ejemplo 2
Ejemplo 2
 
Ejemplo Segundo D
Ejemplo Segundo DEjemplo Segundo D
Ejemplo Segundo D
 
Ejemplo Primero D
Ejemplo Primero DEjemplo Primero D
Ejemplo Primero D
 
Ejemplo slideshare
Ejemplo slideshareEjemplo slideshare
Ejemplo slideshare
 
Slideshare
SlideshareSlideshare
Slideshare
 

Recently uploaded

Desarrollo del Dominio del Internet - Estrada
Desarrollo del Dominio del Internet - EstradaDesarrollo del Dominio del Internet - Estrada
Desarrollo del Dominio del Internet - EstradaRicardoEstrada90
 
Imágenes digitales: Calidad de la información
Imágenes digitales: Calidad de la informaciónImágenes digitales: Calidad de la información
Imágenes digitales: Calidad de la informaciónUniversidad de Sonora
 
CIBERSEGURIDAD Y SEGURIDAD INFORMATICA .
CIBERSEGURIDAD Y SEGURIDAD INFORMATICA .CIBERSEGURIDAD Y SEGURIDAD INFORMATICA .
CIBERSEGURIDAD Y SEGURIDAD INFORMATICA .llocllajoaquinci00
 
taller de tablas en word para estudiantes de secundaria
taller de tablas en word para estudiantes de secundariataller de tablas en word para estudiantes de secundaria
taller de tablas en word para estudiantes de secundariaandresingsiseo
 
proyectos_social_y_socioproductivos _mapas_conceptuales
proyectos_social_y_socioproductivos _mapas_conceptualesproyectos_social_y_socioproductivos _mapas_conceptuales
proyectos_social_y_socioproductivos _mapas_conceptualesssuserbe0d1c
 
manual-de-oleohidraulica-industrial-vickers.pdf
manual-de-oleohidraulica-industrial-vickers.pdfmanual-de-oleohidraulica-industrial-vickers.pdf
manual-de-oleohidraulica-industrial-vickers.pdfprofmartinsuarez
 
BUSCADORES DE INTERNET (Universidad de Sonora).
BUSCADORES DE INTERNET (Universidad de Sonora).BUSCADORES DE INTERNET (Universidad de Sonora).
BUSCADORES DE INTERNET (Universidad de Sonora).jcaballerosamayoa
 
Gestión de concurrencia y bloqueos en SQL Server
Gestión de concurrencia y bloqueos en SQL ServerGestión de concurrencia y bloqueos en SQL Server
Gestión de concurrencia y bloqueos en SQL ServerRobertoCarrancioFern
 
Inteligencia Artificial para usuarios nivel inicial
Inteligencia Artificial para usuarios nivel inicialInteligencia Artificial para usuarios nivel inicial
Inteligencia Artificial para usuarios nivel inicialEducática
 
Tipos de datos en Microsoft Access de Base de Datos
Tipos de datos en Microsoft Access de Base de DatosTipos de datos en Microsoft Access de Base de Datos
Tipos de datos en Microsoft Access de Base de DatosYOMIRAVILLARREAL1
 
Ejercicio 1 periodo 2 de Tecnología 2024
Ejercicio 1 periodo 2 de Tecnología 2024Ejercicio 1 periodo 2 de Tecnología 2024
Ejercicio 1 periodo 2 de Tecnología 2024NicolleAndrade7
 
Uso de las TIC en la vida cotidiana .
Uso de las TIC en la vida cotidiana       .Uso de las TIC en la vida cotidiana       .
Uso de las TIC en la vida cotidiana .itzyrivera61103
 
HerramientasInformaticas ¿Que es? - ¿Para que sirve? - Recomendaciones - Comp...
HerramientasInformaticas ¿Que es? - ¿Para que sirve? - Recomendaciones - Comp...HerramientasInformaticas ¿Que es? - ¿Para que sirve? - Recomendaciones - Comp...
HerramientasInformaticas ¿Que es? - ¿Para que sirve? - Recomendaciones - Comp...Kevin Serna
 
De Olmos Santiago_Dolores _ M1S3AI6.pptx
De Olmos Santiago_Dolores _ M1S3AI6.pptxDe Olmos Santiago_Dolores _ M1S3AI6.pptx
De Olmos Santiago_Dolores _ M1S3AI6.pptxdoloresolmosantiago
 
Presentacion y Extension de tema para Blogger.pptx
Presentacion y Extension de tema para Blogger.pptxPresentacion y Extension de tema para Blogger.pptx
Presentacion y Extension de tema para Blogger.pptxTaim11
 
Navegadores de internet - Nuevas Tecnologías de la Información y la Comunicación
Navegadores de internet - Nuevas Tecnologías de la Información y la ComunicaciónNavegadores de internet - Nuevas Tecnologías de la Información y la Comunicación
Navegadores de internet - Nuevas Tecnologías de la Información y la ComunicaciónAntonia Yamilet Perez Palomares
 
¡Mira mi nuevo diseño hecho en Canva!.pdf
¡Mira mi nuevo diseño hecho en Canva!.pdf¡Mira mi nuevo diseño hecho en Canva!.pdf
¡Mira mi nuevo diseño hecho en Canva!.pdf7adelosriosarangojua
 
PRÁCTICA Nº 4: “Análisis de secuencias del ADN con el software BioEdit y uso ...
PRÁCTICA Nº 4: “Análisis de secuencias del ADN con el software BioEdit y uso ...PRÁCTICA Nº 4: “Análisis de secuencias del ADN con el software BioEdit y uso ...
PRÁCTICA Nº 4: “Análisis de secuencias del ADN con el software BioEdit y uso ...dramosbrise1403
 
JORNADA INTELIGENCIA ARTIFICIAL Y REALIDAD VIRTUAL
JORNADA INTELIGENCIA ARTIFICIAL Y REALIDAD VIRTUALJORNADA INTELIGENCIA ARTIFICIAL Y REALIDAD VIRTUAL
JORNADA INTELIGENCIA ARTIFICIAL Y REALIDAD VIRTUALGuadalinfoHuscarGuad
 
editorial de informática de los sueños.docx
editorial de informática de los sueños.docxeditorial de informática de los sueños.docx
editorial de informática de los sueños.docxssusere34b451
 

Recently uploaded (20)

Desarrollo del Dominio del Internet - Estrada
Desarrollo del Dominio del Internet - EstradaDesarrollo del Dominio del Internet - Estrada
Desarrollo del Dominio del Internet - Estrada
 
Imágenes digitales: Calidad de la información
Imágenes digitales: Calidad de la informaciónImágenes digitales: Calidad de la información
Imágenes digitales: Calidad de la información
 
CIBERSEGURIDAD Y SEGURIDAD INFORMATICA .
CIBERSEGURIDAD Y SEGURIDAD INFORMATICA .CIBERSEGURIDAD Y SEGURIDAD INFORMATICA .
CIBERSEGURIDAD Y SEGURIDAD INFORMATICA .
 
taller de tablas en word para estudiantes de secundaria
taller de tablas en word para estudiantes de secundariataller de tablas en word para estudiantes de secundaria
taller de tablas en word para estudiantes de secundaria
 
proyectos_social_y_socioproductivos _mapas_conceptuales
proyectos_social_y_socioproductivos _mapas_conceptualesproyectos_social_y_socioproductivos _mapas_conceptuales
proyectos_social_y_socioproductivos _mapas_conceptuales
 
manual-de-oleohidraulica-industrial-vickers.pdf
manual-de-oleohidraulica-industrial-vickers.pdfmanual-de-oleohidraulica-industrial-vickers.pdf
manual-de-oleohidraulica-industrial-vickers.pdf
 
BUSCADORES DE INTERNET (Universidad de Sonora).
BUSCADORES DE INTERNET (Universidad de Sonora).BUSCADORES DE INTERNET (Universidad de Sonora).
BUSCADORES DE INTERNET (Universidad de Sonora).
 
Gestión de concurrencia y bloqueos en SQL Server
Gestión de concurrencia y bloqueos en SQL ServerGestión de concurrencia y bloqueos en SQL Server
Gestión de concurrencia y bloqueos en SQL Server
 
Inteligencia Artificial para usuarios nivel inicial
Inteligencia Artificial para usuarios nivel inicialInteligencia Artificial para usuarios nivel inicial
Inteligencia Artificial para usuarios nivel inicial
 
Tipos de datos en Microsoft Access de Base de Datos
Tipos de datos en Microsoft Access de Base de DatosTipos de datos en Microsoft Access de Base de Datos
Tipos de datos en Microsoft Access de Base de Datos
 
Ejercicio 1 periodo 2 de Tecnología 2024
Ejercicio 1 periodo 2 de Tecnología 2024Ejercicio 1 periodo 2 de Tecnología 2024
Ejercicio 1 periodo 2 de Tecnología 2024
 
Uso de las TIC en la vida cotidiana .
Uso de las TIC en la vida cotidiana       .Uso de las TIC en la vida cotidiana       .
Uso de las TIC en la vida cotidiana .
 
HerramientasInformaticas ¿Que es? - ¿Para que sirve? - Recomendaciones - Comp...
HerramientasInformaticas ¿Que es? - ¿Para que sirve? - Recomendaciones - Comp...HerramientasInformaticas ¿Que es? - ¿Para que sirve? - Recomendaciones - Comp...
HerramientasInformaticas ¿Que es? - ¿Para que sirve? - Recomendaciones - Comp...
 
De Olmos Santiago_Dolores _ M1S3AI6.pptx
De Olmos Santiago_Dolores _ M1S3AI6.pptxDe Olmos Santiago_Dolores _ M1S3AI6.pptx
De Olmos Santiago_Dolores _ M1S3AI6.pptx
 
Presentacion y Extension de tema para Blogger.pptx
Presentacion y Extension de tema para Blogger.pptxPresentacion y Extension de tema para Blogger.pptx
Presentacion y Extension de tema para Blogger.pptx
 
Navegadores de internet - Nuevas Tecnologías de la Información y la Comunicación
Navegadores de internet - Nuevas Tecnologías de la Información y la ComunicaciónNavegadores de internet - Nuevas Tecnologías de la Información y la Comunicación
Navegadores de internet - Nuevas Tecnologías de la Información y la Comunicación
 
¡Mira mi nuevo diseño hecho en Canva!.pdf
¡Mira mi nuevo diseño hecho en Canva!.pdf¡Mira mi nuevo diseño hecho en Canva!.pdf
¡Mira mi nuevo diseño hecho en Canva!.pdf
 
PRÁCTICA Nº 4: “Análisis de secuencias del ADN con el software BioEdit y uso ...
PRÁCTICA Nº 4: “Análisis de secuencias del ADN con el software BioEdit y uso ...PRÁCTICA Nº 4: “Análisis de secuencias del ADN con el software BioEdit y uso ...
PRÁCTICA Nº 4: “Análisis de secuencias del ADN con el software BioEdit y uso ...
 
JORNADA INTELIGENCIA ARTIFICIAL Y REALIDAD VIRTUAL
JORNADA INTELIGENCIA ARTIFICIAL Y REALIDAD VIRTUALJORNADA INTELIGENCIA ARTIFICIAL Y REALIDAD VIRTUAL
JORNADA INTELIGENCIA ARTIFICIAL Y REALIDAD VIRTUAL
 
editorial de informática de los sueños.docx
editorial de informática de los sueños.docxeditorial de informática de los sueños.docx
editorial de informática de los sueños.docx
 

HT 2-4

  • 2. Marco de ventana Web • <HTML> es la etiqueta que inicia todo el código y que indica que pertenece a una Web. • <Head> es la etiqueta usada para abrir el espacio de la cabecera o marco de la ventana. • <Title> se usa para indicar el título que llevará la Web en la barra de título. • La Ley del Espejo indica que debemos cerrar las etiquetas, en forma contraria a la que se abrieron.
  • 3. Ejemplo • En la imagen se muestra el código ordenado para crear un marco de ventana Web, aplicando el orden correcto de las etiquetas.
  • 4. Cuerpo de la Web • <Body> es la etiqueta que indica el inicio de todo lo que irá dentro del marco de ventana o cuerpo de la misma. • Bgcolor: No es una etiqueta, es una propiedad de la etiqueta <Body> y se usa para asignar un color de fondo al cuerpo de la Web. • Los Colores HTML se aplican en base al código hexadecimal RGB.
  • 5. Ejemplo • En la imagen se muestra el uso de la etiqueta <Body> y la propiedad Bgcolor para asignar el verde como color de fondo del cuerpo de la Web.
  • 6. Cabeceras • Las Cabeceras son una serie de etiquetas que van de la <H1> hasta la <H6>. • Estas etiquetas se usan dentro del cuerpo de la Web y se aplican para resaltar y diferenciar entre títulos, subtítulos, temas y subtemas. • Pueden abrirse y cerrarse en la misma línea de texto.
  • 7. Ejemplo • En la imagen se muestra el uso de las etiquetas para Cabeceras, colocadas en orden de la <H1> a la <H6> respectivamente.
  • 8. Hoja de Trabajo # 2-4: 1. Diseñe un marco de ventana, con el título: PRÁCTICA 1. 2. Guarde el código web como: HT2-4.HTML 3. Asigne color de fondo al cuerpo de su Web. 4. Use etiquetas de cabecera para explicar en cada línea, cada una de las etiquetas o propiedades practicadas en esta sesión. 5. Suba su archivo HTML a Moodle.