SlideShare ist ein Scribd-Unternehmen logo
1 von 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.)

Weitere ähnliche Inhalte

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

Andere mochten auch

Diapositivas de informatica
Diapositivas de informaticaDiapositivas de informatica
Diapositivas de informaticaPpmary
 
Mi profesión chary
Mi profesión charyMi profesión chary
Mi profesión charyChary Leon
 
Evento a beneficio
Evento a beneficio Evento a beneficio
Evento a beneficio Fabi Gajardo
 
Presentation best messe
Presentation best messePresentation best messe
Presentation best messeJannik Widon
 
Der Betrieb eines virtuellen Kraftwerks im Umfeld eines EVU - Dr. Markus Henl...
Der Betrieb eines virtuellen Kraftwerks im Umfeld eines EVU - Dr. Markus Henl...Der Betrieb eines virtuellen Kraftwerks im Umfeld eines EVU - Dr. Markus Henl...
Der Betrieb eines virtuellen Kraftwerks im Umfeld eines EVU - Dr. Markus Henl...Torben Haagh
 
El plep en el contexto de enseñanza aprendizaje en la unad
El plep en el contexto de enseñanza aprendizaje en la unadEl plep en el contexto de enseñanza aprendizaje en la unad
El plep en el contexto de enseñanza aprendizaje en la unadanaramirezlo
 
Electiva 2 indicadores de gestion UNIOJEDA
Electiva 2 indicadores de gestion UNIOJEDAElectiva 2 indicadores de gestion UNIOJEDA
Electiva 2 indicadores de gestion UNIOJEDAMaria Gabriela
 

Andere mochten auch (20)

Investigación sociología
Investigación sociologíaInvestigación sociología
Investigación sociología
 
Diapositivas de informatica
Diapositivas de informaticaDiapositivas de informatica
Diapositivas de informatica
 
Mi profesión chary
Mi profesión charyMi profesión chary
Mi profesión chary
 
Conociendo mas sobre HTLM
Conociendo mas sobre HTLMConociendo mas sobre HTLM
Conociendo mas sobre HTLM
 
Helmut, der kleine Blauhelm
Helmut, der kleine BlauhelmHelmut, der kleine Blauhelm
Helmut, der kleine Blauhelm
 
Semiconductores
SemiconductoresSemiconductores
Semiconductores
 
Ddhh
DdhhDdhh
Ddhh
 
Web 2.0 2
Web 2.0 2Web 2.0 2
Web 2.0 2
 
Evento a beneficio
Evento a beneficio Evento a beneficio
Evento a beneficio
 
Filosofia
FilosofiaFilosofia
Filosofia
 
Silabus
SilabusSilabus
Silabus
 
Internet
InternetInternet
Internet
 
Presentation best messe
Presentation best messePresentation best messe
Presentation best messe
 
Der Betrieb eines virtuellen Kraftwerks im Umfeld eines EVU - Dr. Markus Henl...
Der Betrieb eines virtuellen Kraftwerks im Umfeld eines EVU - Dr. Markus Henl...Der Betrieb eines virtuellen Kraftwerks im Umfeld eines EVU - Dr. Markus Henl...
Der Betrieb eines virtuellen Kraftwerks im Umfeld eines EVU - Dr. Markus Henl...
 
Vortrag InternetWorld 2011
Vortrag InternetWorld 2011Vortrag InternetWorld 2011
Vortrag InternetWorld 2011
 
change.project ik asien
change.project ik asienchange.project ik asien
change.project ik asien
 
WEB 3.0
WEB 3.0 WEB 3.0
WEB 3.0
 
El plep en el contexto de enseñanza aprendizaje en la unad
El plep en el contexto de enseñanza aprendizaje en la unadEl plep en el contexto de enseñanza aprendizaje en la unad
El plep en el contexto de enseñanza aprendizaje en la unad
 
Electiva 2 indicadores de gestion UNIOJEDA
Electiva 2 indicadores de gestion UNIOJEDAElectiva 2 indicadores de gestion UNIOJEDA
Electiva 2 indicadores de gestion UNIOJEDA
 
Wipp mai
Wipp maiWipp mai
Wipp mai
 

Ähnlich wie conociendo sobre HTLM (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
 

Kürzlich hochgeladen

AREA TECNOLOGIA E INFORMATICA TRABAJO EN EQUIPO
AREA TECNOLOGIA E INFORMATICA TRABAJO EN EQUIPOAREA TECNOLOGIA E INFORMATICA TRABAJO EN EQUIPO
AREA TECNOLOGIA E INFORMATICA TRABAJO EN EQUIPOnarvaezisabella21
 
GonzalezGonzalez_Karina_M1S3AI6... .pptx
GonzalezGonzalez_Karina_M1S3AI6... .pptxGonzalezGonzalez_Karina_M1S3AI6... .pptx
GonzalezGonzalez_Karina_M1S3AI6... .pptx241523733
 
Presentación sobre la Inteligencia Artificial
Presentación sobre la Inteligencia ArtificialPresentación sobre la Inteligencia Artificial
Presentación sobre la Inteligencia Artificialcynserafini89
 
La Electricidad Y La Electrónica Trabajo Tecnología.pdf
La Electricidad Y La Electrónica Trabajo Tecnología.pdfLa Electricidad Y La Electrónica Trabajo Tecnología.pdf
La Electricidad Y La Electrónica Trabajo Tecnología.pdfjeondanny1997
 
El_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptx
El_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptxEl_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptx
El_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptxAlexander López
 
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
 
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptxCrear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptxNombre Apellidos
 
Tecnologias Starlink para el mundo tec.pptx
Tecnologias Starlink para el mundo tec.pptxTecnologias Starlink para el mundo tec.pptx
Tecnologias Starlink para el mundo tec.pptxGESTECPERUSAC
 
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
 
Guía de Registro slideshare paso a paso 1
Guía de Registro slideshare paso a paso 1Guía de Registro slideshare paso a paso 1
Guía de Registro slideshare paso a paso 1ivanapaterninar
 
LUXOMETRO EN SALUD OCUPACIONAL(FINAL).ppt
LUXOMETRO EN SALUD OCUPACIONAL(FINAL).pptLUXOMETRO EN SALUD OCUPACIONAL(FINAL).ppt
LUXOMETRO EN SALUD OCUPACIONAL(FINAL).pptchaverriemily794
 
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
 
tics en la vida cotidiana prepa en linea modulo 1.pptx
tics en la vida cotidiana prepa en linea modulo 1.pptxtics en la vida cotidiana prepa en linea modulo 1.pptx
tics en la vida cotidiana prepa en linea modulo 1.pptxazmysanros90
 
Documentacion Electrónica en Actos Juridicos
Documentacion Electrónica en Actos JuridicosDocumentacion Electrónica en Actos Juridicos
Documentacion Electrónica en Actos JuridicosAlbanyMartinez7
 
FloresMorales_Montserrath_M1S3AI6 (1).pptx
FloresMorales_Montserrath_M1S3AI6 (1).pptxFloresMorales_Montserrath_M1S3AI6 (1).pptx
FloresMorales_Montserrath_M1S3AI6 (1).pptx241522327
 
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
 
certificado de oracle academy cetrificado.pdf
certificado de oracle academy cetrificado.pdfcertificado de oracle academy cetrificado.pdf
certificado de oracle academy cetrificado.pdfFernandoOblitasVivan
 
Los Microcontroladores PIC, Aplicaciones
Los Microcontroladores PIC, AplicacionesLos Microcontroladores PIC, Aplicaciones
Los Microcontroladores PIC, AplicacionesEdomar AR
 
tarea de exposicion de senati zzzzzzzzzz
tarea de exposicion de senati zzzzzzzzzztarea de exposicion de senati zzzzzzzzzz
tarea de exposicion de senati zzzzzzzzzzAlexandergo5
 
Actividad integradora 6 CREAR UN RECURSO MULTIMEDIA
Actividad integradora 6    CREAR UN RECURSO MULTIMEDIAActividad integradora 6    CREAR UN RECURSO MULTIMEDIA
Actividad integradora 6 CREAR UN RECURSO MULTIMEDIA241531640
 

Kürzlich hochgeladen (20)

AREA TECNOLOGIA E INFORMATICA TRABAJO EN EQUIPO
AREA TECNOLOGIA E INFORMATICA TRABAJO EN EQUIPOAREA TECNOLOGIA E INFORMATICA TRABAJO EN EQUIPO
AREA TECNOLOGIA E INFORMATICA TRABAJO EN EQUIPO
 
GonzalezGonzalez_Karina_M1S3AI6... .pptx
GonzalezGonzalez_Karina_M1S3AI6... .pptxGonzalezGonzalez_Karina_M1S3AI6... .pptx
GonzalezGonzalez_Karina_M1S3AI6... .pptx
 
Presentación sobre la Inteligencia Artificial
Presentación sobre la Inteligencia ArtificialPresentación sobre la Inteligencia Artificial
Presentación sobre la Inteligencia Artificial
 
La Electricidad Y La Electrónica Trabajo Tecnología.pdf
La Electricidad Y La Electrónica Trabajo Tecnología.pdfLa Electricidad Y La Electrónica Trabajo Tecnología.pdf
La Electricidad Y La Electrónica Trabajo Tecnología.pdf
 
El_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptx
El_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptxEl_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptx
El_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.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
 
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptxCrear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
 
Tecnologias Starlink para el mundo tec.pptx
Tecnologias Starlink para el mundo tec.pptxTecnologias Starlink para el mundo tec.pptx
Tecnologias Starlink para el mundo tec.pptx
 
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
 
Guía de Registro slideshare paso a paso 1
Guía de Registro slideshare paso a paso 1Guía de Registro slideshare paso a paso 1
Guía de Registro slideshare paso a paso 1
 
LUXOMETRO EN SALUD OCUPACIONAL(FINAL).ppt
LUXOMETRO EN SALUD OCUPACIONAL(FINAL).pptLUXOMETRO EN SALUD OCUPACIONAL(FINAL).ppt
LUXOMETRO EN SALUD OCUPACIONAL(FINAL).ppt
 
CommitConf 2024 - Spring Boot <3 Testcontainers
CommitConf 2024 - Spring Boot <3 TestcontainersCommitConf 2024 - Spring Boot <3 Testcontainers
CommitConf 2024 - Spring Boot <3 Testcontainers
 
tics en la vida cotidiana prepa en linea modulo 1.pptx
tics en la vida cotidiana prepa en linea modulo 1.pptxtics en la vida cotidiana prepa en linea modulo 1.pptx
tics en la vida cotidiana prepa en linea modulo 1.pptx
 
Documentacion Electrónica en Actos Juridicos
Documentacion Electrónica en Actos JuridicosDocumentacion Electrónica en Actos Juridicos
Documentacion Electrónica en Actos Juridicos
 
FloresMorales_Montserrath_M1S3AI6 (1).pptx
FloresMorales_Montserrath_M1S3AI6 (1).pptxFloresMorales_Montserrath_M1S3AI6 (1).pptx
FloresMorales_Montserrath_M1S3AI6 (1).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ú
 
certificado de oracle academy cetrificado.pdf
certificado de oracle academy cetrificado.pdfcertificado de oracle academy cetrificado.pdf
certificado de oracle academy cetrificado.pdf
 
Los Microcontroladores PIC, Aplicaciones
Los Microcontroladores PIC, AplicacionesLos Microcontroladores PIC, Aplicaciones
Los Microcontroladores PIC, Aplicaciones
 
tarea de exposicion de senati zzzzzzzzzz
tarea de exposicion de senati zzzzzzzzzztarea de exposicion de senati zzzzzzzzzz
tarea de exposicion de senati zzzzzzzzzz
 
Actividad integradora 6 CREAR UN RECURSO MULTIMEDIA
Actividad integradora 6    CREAR UN RECURSO MULTIMEDIAActividad integradora 6    CREAR UN RECURSO MULTIMEDIA
Actividad integradora 6 CREAR UN RECURSO MULTIMEDIA
 

conociendo sobre HTLM

  • 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.)