SlideShare una empresa de Scribd logo
1 de 10
HTLM 
Ingrid Tatiana Benavides Romero 
Juan José Calderón Aguilera 
11-4 
Escuela Normal Superior de Villavicencio 
Tecnología e Informática 
Prom 2014.
HTML es el lenguaje que se 
emplea para el desarrollo de 
páginas de internet. Está 
compuesto por una serie de 
etiquetas que el navegador 
interpreta y da forma en la 
pantalla. HTML dispone de 
etiquetas para imágenes, 
hipervínculos que nos permiten 
dirigirnos a otras páginas, saltos 
HTML es el lenguaje que se 
emplea para el desarrollo de 
páginas de internet. Está 
compuesto por una serie de 
etiquetas que el navegador 
interpreta y da forma en la 
pantalla. HTML dispone de 
etiquetas para imágenes, 
hipervínculos que nos permiten 
dirigirnos a otras páginas, saltos 
de línea, listas, tablas, etc. 
de línea, listas, tablas, etc.
Es un lenguaje de marcado diseñado el cual sirve 
para estructurar textos y presentarlos en forma 
de hipertexto, que es el formato estándar de las 
Es un lenguaje de marcado diseñado el cual sirve 
para estructurar textos y presentarlos en forma 
de hipertexto, que es el formato estándar de las 
páginas web. Gracias a Internet y a los 
páginas web. Gracias a Internet y a los 
navegadores como Internet Explorer, Opera, 
Firefox, Netscape o Safari, el HTML se ha 
convertido en uno de los formatos más populares 
navegadores como Internet Explorer, Opera, 
Firefox, Netscape o Safari, el HTML se ha 
convertido en uno de los formatos más populares 
y fáciles de aprender que existen para la 
elaboración de documentos para web. 
y fáciles de aprender que existen para la 
elaboración de documentos para web.
elementos 
Los elementos son la estructura básica de HTML. Los elementos tienen dos propiedades básicas: atributos y contenido. 
Cada atributo y contenido tiene ciertas restricciones para que se considere válido al documento HTML. Un elemento 
generalmente tiene una etiqueta de inicio (por ejemplo, <nombre-de-elemento>) y una etiqueta de cierre (por 
ejemplo, </nombre-de-elemento>). Los atributos del elemento están contenidos en la etiqueta de inicio y el contenido 
está ubicado entre las dos etiquetas (por ejemplo, <nombre-de-elemento atributo="valor">Contenido</nombre-de-elemento>). 
Los elementos son la estructura básica de HTML. Los elementos tienen dos propiedades básicas: atributos y contenido. 
Cada atributo y contenido tiene ciertas restricciones para que se considere válido al documento HTML. Un elemento 
generalmente tiene una etiqueta de inicio (por ejemplo, <nombre-de-elemento>) y una etiqueta de cierre (por 
ejemplo, </nombre-de-elemento>). Los atributos del elemento están contenidos en la etiqueta de inicio y el contenido 
está ubicado entre las dos etiquetas (por ejemplo, <nombre-de-elemento atributo="valor">Contenido</nombre-de-elemento>). 
Algunos elementos, tales como <br>, no tienen contenido ni llevan una etiqueta de cierre. Debajo se listan 
Algunos elementos, tales como <br>, no tienen contenido ni llevan una etiqueta de cierre. Debajo se listan 
varios tipos de elementos de marcado usados en HTML. 
varios tipos de elementos de marcado usados en HTML.
El marcado estructural describe el propósito 
del texto. Por 
ejemplo,<h2>Golf</h2> establece «Golf» 
como un encabezamiento de segundo nivel, 
el cual se mostraría en un navegador de una 
manera similar al título «Marcado HTML» al 
principio de esta sección. El marcado 
estructural no define cómo se verá el 
elemento, pero la mayoría de los navegador 
web han estandarizado el formato de los 
elementos. Puede aplicarse un formato 
específico al texto por medio de hojas de 
estilo en cascada. 
El marcado estructural describe el propósito 
del texto. Por 
ejemplo,<h2>Golf</h2> establece «Golf» 
como un encabezamiento de segundo nivel, 
el cual se mostraría en un navegador de una 
manera similar al título «Marcado HTML» al 
principio de esta sección. El marcado 
estructural no define cómo se verá el 
elemento, pero la mayoría de los navegador 
web han estandarizado el formato de los 
elementos. Puede aplicarse un formato 
específico al texto por medio de hojas de 
estilo en cascada.
El marcado presentacional describe la apariencia 
El marcado presentacional describe la apariencia 
del texto, sin importar su función. Por 
ejemplo, <b>negrita</b> indica que los 
del texto, sin importar su función. Por 
ejemplo, <b>negrita</b> indica que los 
navegadores web visuales deben mostrar el texto 
en negrita, pero no indica qué deben hacer los 
navegadores web que muestran el contenido de 
otra manera (por ejemplo, los que leen el texto en 
navegadores web visuales deben mostrar el texto 
en negrita, pero no indica qué deben hacer los 
navegadores web que muestran el contenido de 
otra manera (por ejemplo, los que leen el texto en 
voz alta). En el caso 
voz alta). En el caso 
de <b>negrita</b> e <i>itálica</i>, existen 
de <b>negrita</b> e <i>itálica</i>, existen 
elementos que se ven de la misma manera pero 
elementos que se ven de la misma manera pero 
tienen una naturaleza más 
semántica: <strong>énfasis 
tienen una naturaleza más 
semántica: <strong>énfasis 
fuerte</strong> y <em>énfasis</em>. 
fuerte</strong> y <em>énfasis</em>. 
El marcado hipertextual se utiliza para enlazar 
partes del documento con otros documentos o con 
otras partes del mismo documento. Para crear un 
enlace es necesario utilizar la etiqueta de 
ancla <a> junto con el atributo href, que 
establecerá la dirección URL a la que apunta el 
enlace. Por ejemplo, un enlace que muestre el 
texto de la dirección y vaya hacia nuestra Wikipedia 
podría ser de la forma <a 
href=”http://www.wikipedia.org”>http://www.wiki 
pedia.org</a>. 
El marcado hipertextual se utiliza para enlazar 
partes del documento con otros documentos o con 
otras partes del mismo documento. Para crear un 
enlace es necesario utilizar la etiqueta de 
ancla <a> junto con el atributo href, que 
establecerá la dirección URL a la que apunta el 
enlace. Por ejemplo, un enlace que muestre el 
texto de la dirección y vaya hacia nuestra Wikipedia 
podría ser de la forma <a 
href=”http://www.wikipedia.org”>http://www.wiki 
pedia.org</a>.
Nombre del color Código del color Apariencia 
White #FFFFFF 
Red #FF0000 
Green #00FF00 
Blue #0000FF 
Magenta #FF00FF 
Cyan #00FFFF 
Yellow #FFFF00 
Black #000000 
Aqua #70DB93 
Baker's Chocolate #5C3317 
Blue Violet #9F5F9F 
Brass #B5A642 
Bright Gold #D9D919 
Brown #A62A2A 
Bronze #8C7853 
Bronze II #A67D3D 
Cadet Blue #5F9F9F 
Cool Copper #D98719 
Copper #B87333 
Coral #FF7F00 
Corn Flower Blue #42426F 
Dark Brown #5C4033 
Dark Green #2F4F2F 
Dark Green Copper #4A766E 
Dark Olive Green #4F4F2F 
Dark Orchid #9932CD 
Dark Purple #871F78 
COLORES HTML 
Los colores en HTML se representan 
mediante un número hexadecimal. 
Un número hexadecimal se diferencia de 
un número decimal en que no sólo puede 
tomar valores del 0 al 9, sino que puede 
tomar hasta dieciséis valores distintos, que 
van del 0 al 9, y de la A a la F. 
Cada color estará representado por un 
grupo de seis dígitos en hexadecimal, 
precedidos por una almohadilla, como por 
ejemplo #FFFFFF. 
Existen 216 colores seguros para web. 
Éstos son los colores que se muestran de la 
misma forma en Microsoft Internet 
Explorer y en Netscape Navigator, tanto en 
Windows como en Macintosh. 
Los colores en HTML se representan 
mediante un número hexadecimal. 
Un número hexadecimal se diferencia de 
un número decimal en que no sólo puede 
tomar valores del 0 al 9, sino que puede 
tomar hasta dieciséis valores distintos, que 
van del 0 al 9, y de la A a la F. 
Cada color estará representado por un 
grupo de seis dígitos en hexadecimal, 
precedidos por una almohadilla, como por 
ejemplo #FFFFFF. 
Existen 216 colores seguros para web. 
Éstos son los colores que se muestran de la 
misma forma en Microsoft Internet 
Explorer y en Netscape Navigator, tanto en 
Windows como en Macintosh.
Existe otra forma de representar algunos 
colores, sin la necesidad de utilizar números 
en hexadecimal. Estos colores pueden 
representarse por su nombre, y son los 
siguientes: 
Color Hexadecimal Nombre 
#FFFFFF white 
#000000 black 
#000080 navy 
#0000FF blue 
#008000 green 
#008080 teal 
#00FF00 lime 
#00FFFF aqua 
#800000 maroon 
#800080 purple 
#808000 olive 
#808080 gray 
#C0C0C0 silver 
#FF0000 red 
#FF00FF fuchsia 
#FFFF00 yellow
imimppoorrttaanncciaia 
El código HTML es con el cual se muestran 
las paginas de internet en el navegador, 
este código es simplemente para dar 
configuraciones de titulo, nombre, 
contenido básico, presentación básico a la 
pagina. 
El código HTML es con el cual se muestran 
las paginas de internet en el navegador, 
este código es simplemente para dar 
configuraciones de titulo, nombre, 
contenido básico, presentación básico a la 
pagina. 
se maneja mediante etiquetas que 
interpreta el navegador codifica y muestra 
resultado. 
se maneja mediante etiquetas que 
interpreta el navegador codifica y muestra 
resultado. 
Esta tecnología, se complementa con otras 
mas para dar terminados al contenido de 
primera ( ya sean tecnologías como: CSS, 
Java Script, JSP, Ajax, PHP, Flash etc.) 
Esta tecnología, se complementa con otras 
mas para dar terminados al contenido de 
primera ( ya sean tecnologías como: CSS, 
Java Script, JSP, Ajax, PHP, Flash etc.)

Más contenido relacionado

La actualidad más candente (20)

Manual html
Manual htmlManual html
Manual html
 
Manual intencivo de htlm
Manual intencivo de htlmManual intencivo de htlm
Manual intencivo de htlm
 
05 Introduccion a HTML
05 Introduccion a HTML05 Introduccion a HTML
05 Introduccion a HTML
 
Html
HtmlHtml
Html
 
Portales ud4 - lenguaje html
Portales   ud4 - lenguaje htmlPortales   ud4 - lenguaje html
Portales ud4 - lenguaje html
 
¿Qué es el lenguaje HTML?
¿Qué es el lenguaje HTML?¿Qué es el lenguaje HTML?
¿Qué es el lenguaje HTML?
 
MANUAL BASICO EN HTML
MANUAL BASICO EN HTMLMANUAL BASICO EN HTML
MANUAL BASICO EN HTML
 
LENGUAJE HTML
LENGUAJE HTMLLENGUAJE HTML
LENGUAJE HTML
 
Curso HTML 5 & jQuery - Leccion 2
Curso HTML 5 & jQuery - Leccion 2Curso HTML 5 & jQuery - Leccion 2
Curso HTML 5 & jQuery - Leccion 2
 
Manual de-html
Manual de-htmlManual de-html
Manual de-html
 
Introduccion a Lenguaje HTML, Programacion Web
Introduccion a Lenguaje HTML, Programacion WebIntroduccion a Lenguaje HTML, Programacion Web
Introduccion a Lenguaje HTML, Programacion Web
 
HTML: Una introducción.
HTML: Una introducción.HTML: Una introducción.
HTML: Una introducción.
 
Etiquetas Diapositivas.
Etiquetas Diapositivas.Etiquetas Diapositivas.
Etiquetas Diapositivas.
 
C2 lenguaje html
C2 lenguaje htmlC2 lenguaje html
C2 lenguaje html
 
Html
HtmlHtml
Html
 
Diapositivas Html
Diapositivas HtmlDiapositivas Html
Diapositivas Html
 
Curso HTML 5 & jQuery - Leccion 1
Curso HTML 5 & jQuery - Leccion 1 Curso HTML 5 & jQuery - Leccion 1
Curso HTML 5 & jQuery - Leccion 1
 
MANUAL HTML BASICO.
MANUAL HTML BASICO.MANUAL HTML BASICO.
MANUAL HTML BASICO.
 
HTML
HTMLHTML
HTML
 
Conceptos básicos Html
Conceptos básicos HtmlConceptos básicos Html
Conceptos básicos Html
 

Destacado

Programa 6
Programa 6Programa 6
Programa 6yito24
 
Fundamentación Taller de Medios Digitales
Fundamentación Taller de Medios DigitalesFundamentación Taller de Medios Digitales
Fundamentación Taller de Medios DigitalesDigo lo que pienso
 
Freeze frame
Freeze frameFreeze frame
Freeze frameSjc145
 
Haben Medikamente in Zukunft zwei Kodierungen?
Haben Medikamente in Zukunft zwei Kodierungen?Haben Medikamente in Zukunft zwei Kodierungen?
Haben Medikamente in Zukunft zwei Kodierungen?Torben Haagh
 
Verkaufskompetenz messen
Verkaufskompetenz messenVerkaufskompetenz messen
Verkaufskompetenz messenICLCA
 
SIETAR Regionalgruppe Stuttgart Germany 101115
SIETAR Regionalgruppe Stuttgart Germany 101115SIETAR Regionalgruppe Stuttgart Germany 101115
SIETAR Regionalgruppe Stuttgart Germany 101115change.project gmbh
 
Alimentación y nutrición
Alimentación y nutriciónAlimentación y nutrición
Alimentación y nutriciónJavisantisimo
 
CSI:WP - Dem Windows Phone auf der Spur, Internetspecial - Die Kinderecke: Ga...
CSI:WP - Dem Windows Phone auf der Spur, Internetspecial - Die Kinderecke: Ga...CSI:WP - Dem Windows Phone auf der Spur, Internetspecial - Die Kinderecke: Ga...
CSI:WP - Dem Windows Phone auf der Spur, Internetspecial - Die Kinderecke: Ga...Gordon Breuer
 
Objetos tecnologicos tatiana monzo
Objetos tecnologicos tatiana monzoObjetos tecnologicos tatiana monzo
Objetos tecnologicos tatiana monzoJeniffertatiana
 
Studieren im Web 2.0 - Tag der Wirtschaftsinformatik CAU Kiel
Studieren im Web 2.0 - Tag der Wirtschaftsinformatik CAU KielStudieren im Web 2.0 - Tag der Wirtschaftsinformatik CAU Kiel
Studieren im Web 2.0 - Tag der Wirtschaftsinformatik CAU KielEike Christian Leonhardt
 
Universidad autonoma de los andes steven rivadeneira
Universidad autonoma de los andes steven rivadeneiraUniversidad autonoma de los andes steven rivadeneira
Universidad autonoma de los andes steven rivadeneiraSteven Rivadeneira
 
El papel dinamizador de la ecoescuela
El papel dinamizador de la ecoescuelaEl papel dinamizador de la ecoescuela
El papel dinamizador de la ecoescuelapaulitafdez97
 
Munchen prasentation b
Munchen prasentation bMunchen prasentation b
Munchen prasentation bSonia Viaplana
 

Destacado (20)

Programa 6
Programa 6Programa 6
Programa 6
 
Fundamentación Taller de Medios Digitales
Fundamentación Taller de Medios DigitalesFundamentación Taller de Medios Digitales
Fundamentación Taller de Medios Digitales
 
Freeze frame
Freeze frameFreeze frame
Freeze frame
 
MMPR & MMTEXT werbetext
MMPR & MMTEXT werbetextMMPR & MMTEXT werbetext
MMPR & MMTEXT werbetext
 
Wie ideen entstehen_symposium_2009
Wie ideen entstehen_symposium_2009Wie ideen entstehen_symposium_2009
Wie ideen entstehen_symposium_2009
 
Lrsrt
LrsrtLrsrt
Lrsrt
 
Haben Medikamente in Zukunft zwei Kodierungen?
Haben Medikamente in Zukunft zwei Kodierungen?Haben Medikamente in Zukunft zwei Kodierungen?
Haben Medikamente in Zukunft zwei Kodierungen?
 
La empresa
La empresaLa empresa
La empresa
 
Verkaufskompetenz messen
Verkaufskompetenz messenVerkaufskompetenz messen
Verkaufskompetenz messen
 
SIETAR Regionalgruppe Stuttgart Germany 101115
SIETAR Regionalgruppe Stuttgart Germany 101115SIETAR Regionalgruppe Stuttgart Germany 101115
SIETAR Regionalgruppe Stuttgart Germany 101115
 
Alimentación y nutrición
Alimentación y nutriciónAlimentación y nutrición
Alimentación y nutrición
 
CSI:WP - Dem Windows Phone auf der Spur, Internetspecial - Die Kinderecke: Ga...
CSI:WP - Dem Windows Phone auf der Spur, Internetspecial - Die Kinderecke: Ga...CSI:WP - Dem Windows Phone auf der Spur, Internetspecial - Die Kinderecke: Ga...
CSI:WP - Dem Windows Phone auf der Spur, Internetspecial - Die Kinderecke: Ga...
 
Objetos tecnologicos tatiana monzo
Objetos tecnologicos tatiana monzoObjetos tecnologicos tatiana monzo
Objetos tecnologicos tatiana monzo
 
Studieren im Web 2.0 - Tag der Wirtschaftsinformatik CAU Kiel
Studieren im Web 2.0 - Tag der Wirtschaftsinformatik CAU KielStudieren im Web 2.0 - Tag der Wirtschaftsinformatik CAU Kiel
Studieren im Web 2.0 - Tag der Wirtschaftsinformatik CAU Kiel
 
Universidad autonoma de los andes steven rivadeneira
Universidad autonoma de los andes steven rivadeneiraUniversidad autonoma de los andes steven rivadeneira
Universidad autonoma de los andes steven rivadeneira
 
El papel dinamizador de la ecoescuela
El papel dinamizador de la ecoescuelaEl papel dinamizador de la ecoescuela
El papel dinamizador de la ecoescuela
 
Munchen prasentation b
Munchen prasentation bMunchen prasentation b
Munchen prasentation b
 
Servicios la barbershop
Servicios la barbershopServicios la barbershop
Servicios la barbershop
 
Dilemas de vida
Dilemas de vidaDilemas de vida
Dilemas de vida
 
Webinar wunschkunden 2015-02-26
Webinar wunschkunden 2015-02-26Webinar wunschkunden 2015-02-26
Webinar wunschkunden 2015-02-26
 

Similar a Introducción a HTML: Lenguaje de marcado para páginas web

Similar a Introducción a HTML: Lenguaje de marcado para páginas web (20)

Páginas web en formato HTML
Páginas web en formato HTMLPáginas web en formato HTML
Páginas web en formato HTML
 
Páginas web (1)
Páginas web (1)Páginas web (1)
Páginas web (1)
 
Diseño WEB 1.pptx
Diseño WEB 1.pptxDiseño WEB 1.pptx
Diseño WEB 1.pptx
 
Diseño web guias 1-3
Diseño web guias 1-3Diseño web guias 1-3
Diseño web guias 1-3
 
Construcción página web
Construcción página webConstrucción página web
Construcción página web
 
Guia de repaso html11
Guia de repaso html11Guia de repaso html11
Guia de repaso html11
 
Html111
Html111Html111
Html111
 
Etiquetas Html Udp
Etiquetas Html UdpEtiquetas Html Udp
Etiquetas Html Udp
 
Temas de html
Temas de htmlTemas de html
Temas de html
 
Unidad # 1
Unidad # 1Unidad # 1
Unidad # 1
 
Unidad # 1
Unidad # 1Unidad # 1
Unidad # 1
 
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
 
Html
HtmlHtml
Html
 
Guia de html 3 y 4 periodo
Guia de html 3 y 4  periodoGuia de html 3 y 4  periodo
Guia de html 3 y 4 periodo
 
Manual html basico GUTIECUADOR
Manual html basico GUTIECUADORManual html basico GUTIECUADOR
Manual html basico GUTIECUADOR
 
Consulta de html
Consulta de html Consulta de html
Consulta de html
 
Intro html
Intro htmlIntro html
Intro html
 
Tutorial html
Tutorial htmlTutorial html
Tutorial html
 
Html.pptx
Html.pptxHtml.pptx
Html.pptx
 
Html
HtmlHtml
Html
 

Introducción a HTML: Lenguaje de marcado para páginas web

  • 1.
  • 2. HTLM Ingrid Tatiana Benavides Romero Juan José Calderón Aguilera 11-4 Escuela Normal Superior de Villavicencio Tecnología e Informática Prom 2014.
  • 3. HTML es el lenguaje que se emplea para el desarrollo de páginas de internet. Está compuesto por una serie de etiquetas que el navegador interpreta y da forma en la pantalla. HTML dispone de etiquetas para imágenes, hipervínculos que nos permiten dirigirnos a otras páginas, saltos HTML es el lenguaje que se emplea para el desarrollo de páginas de internet. Está compuesto por una serie de etiquetas que el navegador interpreta y da forma en la pantalla. HTML dispone de etiquetas para imágenes, hipervínculos que nos permiten dirigirnos a otras páginas, saltos de línea, listas, tablas, etc. de línea, listas, tablas, etc.
  • 4. Es un lenguaje de marcado diseñado el cual sirve para estructurar textos y presentarlos en forma de hipertexto, que es el formato estándar de las Es un lenguaje de marcado diseñado el cual sirve para estructurar textos y presentarlos en forma de hipertexto, que es el formato estándar de las páginas web. Gracias a Internet y a los páginas web. Gracias a Internet y a los navegadores como Internet Explorer, Opera, Firefox, Netscape o Safari, el HTML se ha convertido en uno de los formatos más populares navegadores como Internet Explorer, Opera, Firefox, Netscape o Safari, el HTML se ha convertido en uno de los formatos más populares y fáciles de aprender que existen para la elaboración de documentos para web. y fáciles de aprender que existen para la elaboración de documentos para web.
  • 5. elementos Los elementos son la estructura básica de HTML. Los elementos tienen dos propiedades básicas: atributos y contenido. Cada atributo y contenido tiene ciertas restricciones para que se considere válido al documento HTML. Un elemento generalmente tiene una etiqueta de inicio (por ejemplo, <nombre-de-elemento>) y una etiqueta de cierre (por ejemplo, </nombre-de-elemento>). Los atributos del elemento están contenidos en la etiqueta de inicio y el contenido está ubicado entre las dos etiquetas (por ejemplo, <nombre-de-elemento atributo="valor">Contenido</nombre-de-elemento>). Los elementos son la estructura básica de HTML. Los elementos tienen dos propiedades básicas: atributos y contenido. Cada atributo y contenido tiene ciertas restricciones para que se considere válido al documento HTML. Un elemento generalmente tiene una etiqueta de inicio (por ejemplo, <nombre-de-elemento>) y una etiqueta de cierre (por ejemplo, </nombre-de-elemento>). Los atributos del elemento están contenidos en la etiqueta de inicio y el contenido está ubicado entre las dos etiquetas (por ejemplo, <nombre-de-elemento atributo="valor">Contenido</nombre-de-elemento>). Algunos elementos, tales como <br>, no tienen contenido ni llevan una etiqueta de cierre. Debajo se listan Algunos elementos, tales como <br>, no tienen contenido ni llevan una etiqueta de cierre. Debajo se listan varios tipos de elementos de marcado usados en HTML. varios tipos de elementos de marcado usados en HTML.
  • 6. El marcado estructural describe el propósito del texto. Por ejemplo,<h2>Golf</h2> establece «Golf» como un encabezamiento de segundo nivel, el cual se mostraría en un navegador de una manera similar al título «Marcado HTML» al principio de esta sección. El marcado estructural no define cómo se verá el elemento, pero la mayoría de los navegador web han estandarizado el formato de los elementos. Puede aplicarse un formato específico al texto por medio de hojas de estilo en cascada. El marcado estructural describe el propósito del texto. Por ejemplo,<h2>Golf</h2> establece «Golf» como un encabezamiento de segundo nivel, el cual se mostraría en un navegador de una manera similar al título «Marcado HTML» al principio de esta sección. El marcado estructural no define cómo se verá el elemento, pero la mayoría de los navegador web han estandarizado el formato de los elementos. Puede aplicarse un formato específico al texto por medio de hojas de estilo en cascada.
  • 7. El marcado presentacional describe la apariencia El marcado presentacional describe la apariencia del texto, sin importar su función. Por ejemplo, <b>negrita</b> indica que los del texto, sin importar su función. Por ejemplo, <b>negrita</b> indica que los navegadores web visuales deben mostrar el texto en negrita, pero no indica qué deben hacer los navegadores web que muestran el contenido de otra manera (por ejemplo, los que leen el texto en navegadores web visuales deben mostrar el texto en negrita, pero no indica qué deben hacer los navegadores web que muestran el contenido de otra manera (por ejemplo, los que leen el texto en voz alta). En el caso voz alta). En el caso de <b>negrita</b> e <i>itálica</i>, existen de <b>negrita</b> e <i>itálica</i>, existen elementos que se ven de la misma manera pero elementos que se ven de la misma manera pero tienen una naturaleza más semántica: <strong>énfasis tienen una naturaleza más semántica: <strong>énfasis fuerte</strong> y <em>énfasis</em>. fuerte</strong> y <em>énfasis</em>. El marcado hipertextual se utiliza para enlazar partes del documento con otros documentos o con otras partes del mismo documento. Para crear un enlace es necesario utilizar la etiqueta de ancla <a> junto con el atributo href, que establecerá la dirección URL a la que apunta el enlace. Por ejemplo, un enlace que muestre el texto de la dirección y vaya hacia nuestra Wikipedia podría ser de la forma <a href=”http://www.wikipedia.org”>http://www.wiki pedia.org</a>. El marcado hipertextual se utiliza para enlazar partes del documento con otros documentos o con otras partes del mismo documento. Para crear un enlace es necesario utilizar la etiqueta de ancla <a> junto con el atributo href, que establecerá la dirección URL a la que apunta el enlace. Por ejemplo, un enlace que muestre el texto de la dirección y vaya hacia nuestra Wikipedia podría ser de la forma <a href=”http://www.wikipedia.org”>http://www.wiki pedia.org</a>.
  • 8. Nombre del color Código del color Apariencia White #FFFFFF Red #FF0000 Green #00FF00 Blue #0000FF Magenta #FF00FF Cyan #00FFFF Yellow #FFFF00 Black #000000 Aqua #70DB93 Baker's Chocolate #5C3317 Blue Violet #9F5F9F Brass #B5A642 Bright Gold #D9D919 Brown #A62A2A Bronze #8C7853 Bronze II #A67D3D Cadet Blue #5F9F9F Cool Copper #D98719 Copper #B87333 Coral #FF7F00 Corn Flower Blue #42426F Dark Brown #5C4033 Dark Green #2F4F2F Dark Green Copper #4A766E Dark Olive Green #4F4F2F Dark Orchid #9932CD Dark Purple #871F78 COLORES HTML Los colores en HTML se representan mediante un número hexadecimal. Un número hexadecimal se diferencia de un número decimal en que no sólo puede tomar valores del 0 al 9, sino que puede tomar hasta dieciséis valores distintos, que van del 0 al 9, y de la A a la F. Cada color estará representado por un grupo de seis dígitos en hexadecimal, precedidos por una almohadilla, como por ejemplo #FFFFFF. Existen 216 colores seguros para web. Éstos son los colores que se muestran de la misma forma en Microsoft Internet Explorer y en Netscape Navigator, tanto en Windows como en Macintosh. Los colores en HTML se representan mediante un número hexadecimal. Un número hexadecimal se diferencia de un número decimal en que no sólo puede tomar valores del 0 al 9, sino que puede tomar hasta dieciséis valores distintos, que van del 0 al 9, y de la A a la F. Cada color estará representado por un grupo de seis dígitos en hexadecimal, precedidos por una almohadilla, como por ejemplo #FFFFFF. Existen 216 colores seguros para web. Éstos son los colores que se muestran de la misma forma en Microsoft Internet Explorer y en Netscape Navigator, tanto en Windows como en Macintosh.
  • 9. Existe otra forma de representar algunos colores, sin la necesidad de utilizar números en hexadecimal. Estos colores pueden representarse por su nombre, y son los siguientes: Color Hexadecimal Nombre #FFFFFF white #000000 black #000080 navy #0000FF blue #008000 green #008080 teal #00FF00 lime #00FFFF aqua #800000 maroon #800080 purple #808000 olive #808080 gray #C0C0C0 silver #FF0000 red #FF00FF fuchsia #FFFF00 yellow
  • 10. imimppoorrttaanncciaia El código HTML es con el cual se muestran las paginas de internet en el navegador, este código es simplemente para dar configuraciones de titulo, nombre, contenido básico, presentación básico a la pagina. El código HTML es con el cual se muestran las paginas de internet en el navegador, este código es simplemente para dar configuraciones de titulo, nombre, contenido básico, presentación básico a la pagina. se maneja mediante etiquetas que interpreta el navegador codifica y muestra resultado. se maneja mediante etiquetas que interpreta el navegador codifica y muestra resultado. Esta tecnología, se complementa con otras mas para dar terminados al contenido de primera ( ya sean tecnologías como: CSS, Java Script, JSP, Ajax, PHP, Flash etc.) Esta tecnología, se complementa con otras mas para dar terminados al contenido de primera ( ya sean tecnologías como: CSS, Java Script, JSP, Ajax, PHP, Flash etc.)