SlideShare uma empresa Scribd logo
1 de 14
Etiquetas HTML

           (HiperText Markup Language)
Creado por: Karen R. Ruiz Baquerizo
ELEMENTOS GRÁFICOS

      <body background="URL o ruta de
               archivo"></body>

Con esta etiqueta se puede colocar una imagen
como fondo de la página
Aquí, en el Bloc de Notas, ingresamos el código de fondo de
pantalla e incluimos con el URL de la imagen escogida:
TEXTO

    “<em> </em>”              “<big> </big>”

Esta etiqueta nos da la   A partir de esto podemos

opción de enfatizar el    aumentar el tamaño de

formato en itálica o      letra del texto.

kursiva.
De nuevo en el Bloc de Notas, agregamos las
claves de modo que el texto escogido quede
dentro de ellas:
COLOR DE TEXTO

  <body text= "#0000FF"></body>

Esta etiqueta nos da la opción de cambiar el
              color del texto.
Entre los paréntesis se puede poner el
código de color que desee:
COLOR DE ENLACES

<body link= "#FF0000" alink= "#FF0000" vlink= "#
                      0000FF"></body>
Este código podemos definir el color del link (con la etiqueta
"link"), el color del link activo (con la etiqueta "alink") y el
color del link ya visitado (con la etiqueta "vlink").
Agregamos los códigos de los colores, en este paso el color del link es
rojo, el color del link activo es púrpura y el color del link ya visitado
es verde.
FUENTES

 http://www.cafetero100.com/manual-html.php

 http://crismattweb.tripod.com/guiahtml/etiqueta.html

 http://html.hazunaweb.com/108.php

 http://www.sitiosargentina.com.ar/webmaster/CODIGOS%20D
E%20COLORES.htm

Mais conteúdo relacionado

Mais procurados (15)

Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
 
ETIQUETAS HTML ANIMADAS
ETIQUETAS HTML ANIMADASETIQUETAS HTML ANIMADAS
ETIQUETAS HTML ANIMADAS
 
Html2
Html2Html2
Html2
 
Html
HtmlHtml
Html
 
Opciones Para Enlaces Permanentes en WordPress | DayanayFreddy.com
Opciones Para Enlaces Permanentes en WordPress | DayanayFreddy.comOpciones Para Enlaces Permanentes en WordPress | DayanayFreddy.com
Opciones Para Enlaces Permanentes en WordPress | DayanayFreddy.com
 
P point3
P point3P point3
P point3
 
Etiquetas básicas en html
Etiquetas básicas en htmlEtiquetas básicas en html
Etiquetas básicas en html
 
P point2
P point2P point2
P point2
 
Estructura de una página web 2
Estructura de una página web 2Estructura de una página web 2
Estructura de una página web 2
 
Estructura de una pagina web
Estructura de una pagina webEstructura de una pagina web
Estructura de una pagina web
 
Las etiquetas más utilizadas en html
Las etiquetas más utilizadas en htmlLas etiquetas más utilizadas en html
Las etiquetas más utilizadas en html
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Mi primera pagina web (1)
Mi primera pagina web (1)Mi primera pagina web (1)
Mi primera pagina web (1)
 
Práctica no2
Práctica no2Práctica no2
Práctica no2
 
Como usar correctamente gmail
Como usar correctamente gmailComo usar correctamente gmail
Como usar correctamente gmail
 

Destaque

Cebu Parklane International Hotel
Cebu Parklane International HotelCebu Parklane International Hotel
Cebu Parklane International Hotel
guestc5852481
 
研究室ゼミ 11 04rev
研究室ゼミ 11 04rev研究室ゼミ 11 04rev
研究室ゼミ 11 04rev
Kiu Sou
 
English for hotel management module 5 - room service
English for hotel management   module 5 - room serviceEnglish for hotel management   module 5 - room service
English for hotel management module 5 - room service
cary_ag
 
Presentation english
Presentation englishPresentation english
Presentation english
julhy322
 
Advantages & disadvantages of fidelio
Advantages & disadvantages of fidelioAdvantages & disadvantages of fidelio
Advantages & disadvantages of fidelio
Shantimani
 
Emision de documentos acreditativos de uso turistico y de viajes
Emision de documentos acreditativos de uso turistico y de viajesEmision de documentos acreditativos de uso turistico y de viajes
Emision de documentos acreditativos de uso turistico y de viajes
iesalmeraya
 
English for Hotel Business: Part 7 Dealing with Complaints
English for Hotel Business: Part 7 Dealing with ComplaintsEnglish for Hotel Business: Part 7 Dealing with Complaints
English for Hotel Business: Part 7 Dealing with Complaints
South-East Asia University
 
Monitoring food service operations iii actual & std costs
Monitoring food service operations iii actual & std costsMonitoring food service operations iii actual & std costs
Monitoring food service operations iii actual & std costs
Rajendra Nabar
 
Sprite (soft drink) Case Study Presentation
Sprite (soft drink) Case Study PresentationSprite (soft drink) Case Study Presentation
Sprite (soft drink) Case Study Presentation
Cotecna Inspection
 
Facilities design, décor and cleaning [compatibility mode]
Facilities design, décor and cleaning [compatibility mode]Facilities design, décor and cleaning [compatibility mode]
Facilities design, décor and cleaning [compatibility mode]
Rajendra Nabar
 
Four seasons goes_to_paris-Case Study
Four seasons goes_to_paris-Case StudyFour seasons goes_to_paris-Case Study
Four seasons goes_to_paris-Case Study
egalbois
 

Destaque (20)

Cebu Parklane International Hotel
Cebu Parklane International HotelCebu Parklane International Hotel
Cebu Parklane International Hotel
 
研究室ゼミ 11 04rev
研究室ゼミ 11 04rev研究室ゼミ 11 04rev
研究室ゼミ 11 04rev
 
Presentacion Hotel Mocawa Armenia
Presentacion Hotel Mocawa ArmeniaPresentacion Hotel Mocawa Armenia
Presentacion Hotel Mocawa Armenia
 
Hotel International Prague - hotel presentation
Hotel International Prague  - hotel presentationHotel International Prague  - hotel presentation
Hotel International Prague - hotel presentation
 
Sofitel legend metropole
Sofitel legend metropoleSofitel legend metropole
Sofitel legend metropole
 
French Food
French  FoodFrench  Food
French Food
 
English for hotel management module 5 - room service
English for hotel management   module 5 - room serviceEnglish for hotel management   module 5 - room service
English for hotel management module 5 - room service
 
Presentation english
Presentation englishPresentation english
Presentation english
 
The Customer Service Cycle
The Customer Service CycleThe Customer Service Cycle
The Customer Service Cycle
 
Discotheque Presentation
Discotheque PresentationDiscotheque Presentation
Discotheque Presentation
 
Top 10 Futuristic Concept Hotels
Top 10 Futuristic Concept HotelsTop 10 Futuristic Concept Hotels
Top 10 Futuristic Concept Hotels
 
Advantages & disadvantages of fidelio
Advantages & disadvantages of fidelioAdvantages & disadvantages of fidelio
Advantages & disadvantages of fidelio
 
Emision de documentos acreditativos de uso turistico y de viajes
Emision de documentos acreditativos de uso turistico y de viajesEmision de documentos acreditativos de uso turistico y de viajes
Emision de documentos acreditativos de uso turistico y de viajes
 
English for Hotel Business: Part 7 Dealing with Complaints
English for Hotel Business: Part 7 Dealing with ComplaintsEnglish for Hotel Business: Part 7 Dealing with Complaints
English for Hotel Business: Part 7 Dealing with Complaints
 
Monitoring food service operations iii actual & std costs
Monitoring food service operations iii actual & std costsMonitoring food service operations iii actual & std costs
Monitoring food service operations iii actual & std costs
 
Buffet
BuffetBuffet
Buffet
 
Sprite (soft drink) Case Study Presentation
Sprite (soft drink) Case Study PresentationSprite (soft drink) Case Study Presentation
Sprite (soft drink) Case Study Presentation
 
Hospitality services, D.G Vaishnav School of management ppt
Hospitality services, D.G Vaishnav School of management pptHospitality services, D.G Vaishnav School of management ppt
Hospitality services, D.G Vaishnav School of management ppt
 
Facilities design, décor and cleaning [compatibility mode]
Facilities design, décor and cleaning [compatibility mode]Facilities design, décor and cleaning [compatibility mode]
Facilities design, décor and cleaning [compatibility mode]
 
Four seasons goes_to_paris-Case Study
Four seasons goes_to_paris-Case StudyFour seasons goes_to_paris-Case Study
Four seasons goes_to_paris-Case Study
 

Semelhante a Páginas web

Semelhante a Páginas web (20)

Lenguaje html
Lenguaje htmlLenguaje html
Lenguaje html
 
Lenguaje html
Lenguaje htmlLenguaje html
Lenguaje html
 
Lenguaje html
Lenguaje htmlLenguaje html
Lenguaje html
 
Compu
CompuCompu
Compu
 
Guia de repaso html11
Guia de repaso html11Guia de repaso html11
Guia de repaso html11
 
Manual html
Manual htmlManual html
Manual html
 
porche 911
porche 911porche 911
porche 911
 
Etiquetas basicas producto 10
Etiquetas basicas producto 10Etiquetas basicas producto 10
Etiquetas basicas producto 10
 
Esilo css
Esilo cssEsilo css
Esilo css
 
Organigramas John Jayro
Organigramas John JayroOrganigramas John Jayro
Organigramas John Jayro
 
Diseño de pagina web HTML y Codigos de colores
Diseño de pagina web HTML y Codigos de coloresDiseño de pagina web HTML y Codigos de colores
Diseño de pagina web HTML y Codigos de colores
 
Conceptos Etiquetas de HTML
Conceptos Etiquetas de HTMLConceptos Etiquetas de HTML
Conceptos Etiquetas de HTML
 
Html
HtmlHtml
Html
 
Inf2_ p1 a_exc2_danna
Inf2_ p1 a_exc2_dannaInf2_ p1 a_exc2_danna
Inf2_ p1 a_exc2_danna
 
Spooky house
Spooky houseSpooky house
Spooky house
 
[modo de compatibilidad] HTML
[modo de compatibilidad] HTML[modo de compatibilidad] HTML
[modo de compatibilidad] HTML
 
Etiquetas html
Etiquetas htmlEtiquetas html
Etiquetas html
 
Clase1
Clase1Clase1
Clase1
 
Inf2 p1 a_exc2_danna
Inf2 p1 a_exc2_dannaInf2 p1 a_exc2_danna
Inf2 p1 a_exc2_danna
 
Etiquetas básicas de HTML
Etiquetas básicas de HTMLEtiquetas básicas de HTML
Etiquetas básicas de HTML
 

Último

Sofia Ospina Architecture and Design Portfolio
Sofia Ospina Architecture and Design PortfolioSofia Ospina Architecture and Design Portfolio
Sofia Ospina Architecture and Design Portfolio
sofiospina94
 
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRYPLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
karendaza9506
 
GRUPO 1.pptx problemas oportunidades objetivos
GRUPO 1.pptx problemas oportunidades objetivosGRUPO 1.pptx problemas oportunidades objetivos
GRUPO 1.pptx problemas oportunidades objetivos
CristianGmez22034
 
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docxPLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
Leo Florez
 
ATENCION INTEGRAL DEL ADULTO Y ADULTO MAYOR.pptx
ATENCION INTEGRAL DEL ADULTO Y ADULTO MAYOR.pptxATENCION INTEGRAL DEL ADULTO Y ADULTO MAYOR.pptx
ATENCION INTEGRAL DEL ADULTO Y ADULTO MAYOR.pptx
EdisonCondesoDelgado1
 

Último (20)

Sofia Ospina Architecture and Design Portfolio
Sofia Ospina Architecture and Design PortfolioSofia Ospina Architecture and Design Portfolio
Sofia Ospina Architecture and Design Portfolio
 
La Bauhaus y la nueva tipografía en el diseño gráfico
La Bauhaus y la nueva tipografía en el diseño gráficoLa Bauhaus y la nueva tipografía en el diseño gráfico
La Bauhaus y la nueva tipografía en el diseño gráfico
 
POESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNAL
POESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNALPOESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNAL
POESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNAL
 
Tríptico-en-homenaje-por-el-día-de-la-madre.pdf
Tríptico-en-homenaje-por-el-día-de-la-madre.pdfTríptico-en-homenaje-por-el-día-de-la-madre.pdf
Tríptico-en-homenaje-por-el-día-de-la-madre.pdf
 
Afiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola PerezAfiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola Perez
 
Arquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdfArquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdf
 
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRYPLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
 
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDADGROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
 
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdf
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdfCLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdf
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdf
 
Triptico de los derechos humanos pe señorees jaja
Triptico de los derechos humanos pe señorees jajaTriptico de los derechos humanos pe señorees jaja
Triptico de los derechos humanos pe señorees jaja
 
Slaimen Barakat - SLIDESHARE TAREA 3.pdf
Slaimen Barakat - SLIDESHARE TAREA 3.pdfSlaimen Barakat - SLIDESHARE TAREA 3.pdf
Slaimen Barakat - SLIDESHARE TAREA 3.pdf
 
Apuntes de criterios estrcuturales, calculo de trabes y contratrabes de concr...
Apuntes de criterios estrcuturales, calculo de trabes y contratrabes de concr...Apuntes de criterios estrcuturales, calculo de trabes y contratrabes de concr...
Apuntes de criterios estrcuturales, calculo de trabes y contratrabes de concr...
 
GRUPO 1.pptx problemas oportunidades objetivos
GRUPO 1.pptx problemas oportunidades objetivosGRUPO 1.pptx problemas oportunidades objetivos
GRUPO 1.pptx problemas oportunidades objetivos
 
Fundamentos de la Ergonomía y sus características principales
Fundamentos de la Ergonomía y sus características principalesFundamentos de la Ergonomía y sus características principales
Fundamentos de la Ergonomía y sus características principales
 
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docxPLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
 
Torre agbar analisis arquitectonico.....
Torre agbar analisis arquitectonico.....Torre agbar analisis arquitectonico.....
Torre agbar analisis arquitectonico.....
 
Portafolio Santiago Agudelo Duran 2024 -30
Portafolio Santiago Agudelo Duran 2024 -30Portafolio Santiago Agudelo Duran 2024 -30
Portafolio Santiago Agudelo Duran 2024 -30
 
CATALOGO 2024 DIA DE LA MADRE, presentación.pdf
CATALOGO 2024 DIA DE LA MADRE, presentación.pdfCATALOGO 2024 DIA DE LA MADRE, presentación.pdf
CATALOGO 2024 DIA DE LA MADRE, presentación.pdf
 
Anexo Nivel 3 Ficha Lectura pptjsbdkks
Anexo  Nivel 3 Ficha  Lectura pptjsbdkksAnexo  Nivel 3 Ficha  Lectura pptjsbdkks
Anexo Nivel 3 Ficha Lectura pptjsbdkks
 
ATENCION INTEGRAL DEL ADULTO Y ADULTO MAYOR.pptx
ATENCION INTEGRAL DEL ADULTO Y ADULTO MAYOR.pptxATENCION INTEGRAL DEL ADULTO Y ADULTO MAYOR.pptx
ATENCION INTEGRAL DEL ADULTO Y ADULTO MAYOR.pptx
 

Páginas web

  • 1. Etiquetas HTML (HiperText Markup Language) Creado por: Karen R. Ruiz Baquerizo
  • 2. ELEMENTOS GRÁFICOS <body background="URL o ruta de archivo"></body> Con esta etiqueta se puede colocar una imagen como fondo de la página
  • 3. Aquí, en el Bloc de Notas, ingresamos el código de fondo de pantalla e incluimos con el URL de la imagen escogida:
  • 4.
  • 5. TEXTO “<em> </em>” “<big> </big>” Esta etiqueta nos da la A partir de esto podemos opción de enfatizar el aumentar el tamaño de formato en itálica o letra del texto. kursiva.
  • 6. De nuevo en el Bloc de Notas, agregamos las claves de modo que el texto escogido quede dentro de ellas:
  • 7.
  • 8. COLOR DE TEXTO <body text= "#0000FF"></body> Esta etiqueta nos da la opción de cambiar el color del texto.
  • 9. Entre los paréntesis se puede poner el código de color que desee:
  • 10.
  • 11. COLOR DE ENLACES <body link= "#FF0000" alink= "#FF0000" vlink= "# 0000FF"></body> Este código podemos definir el color del link (con la etiqueta "link"), el color del link activo (con la etiqueta "alink") y el color del link ya visitado (con la etiqueta "vlink").
  • 12. Agregamos los códigos de los colores, en este paso el color del link es rojo, el color del link activo es púrpura y el color del link ya visitado es verde.
  • 13.
  • 14. FUENTES  http://www.cafetero100.com/manual-html.php  http://crismattweb.tripod.com/guiahtml/etiqueta.html  http://html.hazunaweb.com/108.php  http://www.sitiosargentina.com.ar/webmaster/CODIGOS%20D E%20COLORES.htm