SlideShare una empresa de Scribd logo
Lenguaje HTML

 ROMAN JUAN JAVIER 6º 2ª
INSTITUTO DE EDUCACION
         MEDIA
Contenidos del Power Point
 Etiquetas básicas
 Propiedades de la pagina
 Formato de texto
 Formato de párrafos
 Creación de listas
 Creación de imágenes
 Creación de enlaces
 Etiquetas desconocidas
ETIQUETAS BASICAS
   <html></html> Al inicio y al termino de cada
    documento.
   <head></head> Cabecera del documento. En
    estas se ponen las etiquetas:
   <title></title> Indica el titulo de pagina
   Tras cerrar la etiqueta el head se pone la
    etiqueta:
   <body></body> Dentro de estas etiquetas se
    insertan los codigos del documento. El cierre de
    esta etiqueta se coloca justo antes del cierre de
    </html>
PROPIEDADES DE LA PAGINA
   La etiqueta <body> Puede llevar incluida
    información sobre las propiedades de la pagina:
   <body bgcolor=?> Define el color del fondo de la
    pantalla.
   <body text=?> Define el color por defecto del
    texto en la pagina.
   <body link=?> Define el color de los enlaces.
   <body vlink=?> Define el color de los enlaces
    visitados.
   <body alink=?> Define el color de los enlaces
    activos.
FORMATO DE TEXTO
   <b></b> El color del texto en negrita. (También
    sirve la etiqueta <strong></strong>)
   <i></i> El texto en cursiva.(También sirve la
    etiqueta <em></em>
   <u></u> El texto subrayado.
   <font color=”#xxyyzz”>..</font> Define el color
    del texto. Esto esta dado por codigos.
   <font face=“arial”</font> Determina el tipo de
    fuente.
FORMATO DE PÁRRAFOS
 <p></p> Salto de párrafos.
 <br> Salto de línea.
 <center> Centrar el texto.
 <p align= center> Párrafo centrado.
 <p align= left> Párrafo alineado ala
  izquierda.
 <p align= right Párrafo alineado ala
  derecha.
CREACIÓN DE LAS LISTAS
   Lista no enumerada: Se abre con <ul>
   <li> </li> Primer elemento de la lista, etc.
   Se cierra con </ul>
   Lista numerada: Se abre con <ol>
   <li> </li> Primer elemento de la lista, etc.
   Se cierra con </ol>
   Lista de glosario: Se abre con <dl>
   <dt> </dt> Termino que se va a definir.
   <dd> </dd> Definición del termino.
CREACIÓN DE IMAGENES
 <img..src=“?”> Indica la ruta de la imagen.
 <img..border=“x”> Establece un borde de
  x pixels en torno ala imagen.
 <img src=“name” align=?> Alinea la
  imagen izquierda, derecha y centro.
 <body background=“url o ruta del
  archivo”></body>.
CREACIÓN DE ENLACES
 <a href=”http://www.servidor.com”>
  Enunciado del enlace </a>.
 <a href=”mailto:dirección de mail”>
  Vínculo a una dirección de correo-e.
 target="_blank" Abre la página en un
  nuevo navegador.
 target=”_top” Abre la página en toda la
  pantalla para evitar los frames.
ETIQUETAS DESCONOCIDAS
   <PRE></PRE>
   Obtener una pagina
    que incluya los
    espacios. Se utiliza
    esta etiqueta.
ETIQUETA DESCONOCIDAS
             Se obtiene un texto
              respetando los
              espacios y salto en
              línea del párrafo
ETIQUETAS DESCONOCIDAS
 <form></form>
 Button name=“submit”
  type=
 “submit”>ok</button

Crea un botón se puede
  poner el nombre del
  botón o el tipo de
  botón para poder
  navegar.
ETIQUETAS DESCONOCIADAS
              El botón ya creado en
               la pagina html.
FIN DE LA
PRESENTACION
   JAVIER ROMAN
        6º 2ª
 INFORMATICA 2009
        IEM

Más contenido relacionado

La actualidad más candente

Etiquetas para estructurar texto en HTML - 3 parte
Etiquetas para estructurar texto en HTML - 3 parteEtiquetas para estructurar texto en HTML - 3 parte
Etiquetas para estructurar texto en HTML - 3 parte
Wendy Navia Chambi
 
Diseño web
Diseño webDiseño web
Diseño web
Javier
 
Etiquetas html
Etiquetas htmlEtiquetas html
Etiquetas html
Beberly 2001
 
Etiquetas
EtiquetasEtiquetas
Etiquetas
adriana
 
Trabajando con kompozer
Trabajando con kompozerTrabajando con kompozer
Trabajando con kompozeraliciabarba04
 
Portafolio de Programación
Portafolio de ProgramaciónPortafolio de Programación
Portafolio de Programación
evealc9
 
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
Jenny A
 
Listado de etiquetas y atributos html
Listado de etiquetas y atributos htmlListado de etiquetas y atributos html
Listado de etiquetas y atributos htmljulyovalle
 
Etiquetas Html Udp
Etiquetas Html UdpEtiquetas Html Udp
Etiquetas Html Udp
Anna García Sans
 
Directivas en html
Directivas en htmlDirectivas en html
Directivas en html
JohnDeZethyak
 
Etiquetas HTML
Etiquetas HTMLEtiquetas HTML
Etiquetas HTML
pablo3022
 
Sebastianfv
SebastianfvSebastianfv
Sebastianfv
sebastianfv97
 
Creacion y publicacion de paginas Web
Creacion y publicacion de paginas WebCreacion y publicacion de paginas Web
Creacion y publicacion de paginas Web
Digital Learning SL
 
Etiquetas para estructurar texto en HTML - 4 parte
Etiquetas para estructurar texto en HTML - 4 parteEtiquetas para estructurar texto en HTML - 4 parte
Etiquetas para estructurar texto en HTML - 4 parte
Wendy Navia Chambi
 
Informatika 1111111
Informatika 1111111Informatika 1111111
Informatika 1111111
Jordan Jordans
 

La actualidad más candente (18)

Etiquetas para estructurar texto en HTML - 3 parte
Etiquetas para estructurar texto en HTML - 3 parteEtiquetas para estructurar texto en HTML - 3 parte
Etiquetas para estructurar texto en HTML - 3 parte
 
Diseño web
Diseño webDiseño web
Diseño web
 
Etiquetas html
Etiquetas htmlEtiquetas html
Etiquetas html
 
Etiquetas
EtiquetasEtiquetas
Etiquetas
 
Trabajando con kompozer
Trabajando con kompozerTrabajando con kompozer
Trabajando con kompozer
 
Kompozer
KompozerKompozer
Kompozer
 
Portafolio de Programación
Portafolio de ProgramaciónPortafolio de Programación
Portafolio de Programación
 
Comentarios
ComentariosComentarios
Comentarios
 
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
 
Listado de etiquetas y atributos html
Listado de etiquetas y atributos htmlListado de etiquetas y atributos html
Listado de etiquetas y atributos html
 
HTML
HTMLHTML
HTML
 
Etiquetas Html Udp
Etiquetas Html UdpEtiquetas Html Udp
Etiquetas Html Udp
 
Directivas en html
Directivas en htmlDirectivas en html
Directivas en html
 
Etiquetas HTML
Etiquetas HTMLEtiquetas HTML
Etiquetas HTML
 
Sebastianfv
SebastianfvSebastianfv
Sebastianfv
 
Creacion y publicacion de paginas Web
Creacion y publicacion de paginas WebCreacion y publicacion de paginas Web
Creacion y publicacion de paginas Web
 
Etiquetas para estructurar texto en HTML - 4 parte
Etiquetas para estructurar texto en HTML - 4 parteEtiquetas para estructurar texto en HTML - 4 parte
Etiquetas para estructurar texto en HTML - 4 parte
 
Informatika 1111111
Informatika 1111111Informatika 1111111
Informatika 1111111
 

Destacado

Etiquetas Html Fabricio Mendez G 1.Pdf
Etiquetas Html Fabricio Mendez G 1.PdfEtiquetas Html Fabricio Mendez G 1.Pdf
Etiquetas Html Fabricio Mendez G 1.Pdf
fabrimm
 
Linea del tiempo historia del internet
Linea del tiempo historia del internetLinea del tiempo historia del internet
Linea del tiempo historia del internet
Mary Hernandez
 
Historia De Internet Ppt
Historia De Internet PptHistoria De Internet Ppt
Historia De Internet Ppt
miguelin9
 
Historia del Internet (power point)
Historia del Internet (power point)Historia del Internet (power point)
Historia del Internet (power point)Kelly Mimi
 
Historia del internet 1958 2015
Historia del internet 1958 2015Historia del internet 1958 2015
Historia del internet 1958 2015
getsemani05
 
Cuento animado
Cuento animadoCuento animado
Cuento animado
guest4e9a4a
 
Trabajo De Vir Y Cynthia[1] Terminado[1]
Trabajo De Vir Y Cynthia[1] Terminado[1]Trabajo De Vir Y Cynthia[1] Terminado[1]
Trabajo De Vir Y Cynthia[1] Terminado[1]vir_vcv
 
Buenos Aires Ciudad Deportiva
Buenos Aires Ciudad DeportivaBuenos Aires Ciudad Deportiva
Buenos Aires Ciudad Deportivaguestdad55c9
 
Fotos bellas y_refranes_modernos
Fotos bellas y_refranes_modernosFotos bellas y_refranes_modernos
Fotos bellas y_refranes_modernosAndres Garza
 
2.5. IEVM emploi vert
2.5. IEVM emploi vert2.5. IEVM emploi vert
2.5. IEVM emploi vert
Barijaona Ramaholimihaso
 
Cuaderno De Gestion Media
Cuaderno De Gestion MediaCuaderno De Gestion Media
Cuaderno De Gestion Media
amalia bonaventura
 
Los Mejores Carros Del Mundo
Los Mejores Carros Del MundoLos Mejores Carros Del Mundo
Los Mejores Carros Del Mundoguestf6a2ad9
 
Riesgo de Terremotos en Santo Domingo
Riesgo de Terremotos en Santo DomingoRiesgo de Terremotos en Santo Domingo
Riesgo de Terremotos en Santo Domingo
guestc204eba
 
1.4. Recherche, renforcement des capacités et changement climatique à Madagascar
1.4. Recherche, renforcement des capacités et changement climatique à Madagascar1.4. Recherche, renforcement des capacités et changement climatique à Madagascar
1.4. Recherche, renforcement des capacités et changement climatique à Madagascar
Barijaona Ramaholimihaso
 
Mi Examen Semestral De Ict
Mi Examen Semestral De IctMi Examen Semestral De Ict
Mi Examen Semestral De Ictaledeorbegoso
 
Dernier cri edition photo
Dernier cri edition photoDernier cri edition photo
Dernier cri edition photoRenée Gasser
 
CETARES
CETARESCETARES
CETARESA4g
 
Guia de Internet para Madres y Padres
Guia de Internet para Madres y PadresGuia de Internet para Madres y Padres
Guia de Internet para Madres y Padres
Noa Marcos
 
San Valentin Escapada Romantica
San Valentin Escapada Romantica San Valentin Escapada Romantica
San Valentin Escapada Romantica
Escribana de Torgo
 
Para Todos Esos Romanticos
Para Todos Esos RomanticosPara Todos Esos Romanticos
Para Todos Esos Romanticosjr.cond
 

Destacado (20)

Etiquetas Html Fabricio Mendez G 1.Pdf
Etiquetas Html Fabricio Mendez G 1.PdfEtiquetas Html Fabricio Mendez G 1.Pdf
Etiquetas Html Fabricio Mendez G 1.Pdf
 
Linea del tiempo historia del internet
Linea del tiempo historia del internetLinea del tiempo historia del internet
Linea del tiempo historia del internet
 
Historia De Internet Ppt
Historia De Internet PptHistoria De Internet Ppt
Historia De Internet Ppt
 
Historia del Internet (power point)
Historia del Internet (power point)Historia del Internet (power point)
Historia del Internet (power point)
 
Historia del internet 1958 2015
Historia del internet 1958 2015Historia del internet 1958 2015
Historia del internet 1958 2015
 
Cuento animado
Cuento animadoCuento animado
Cuento animado
 
Trabajo De Vir Y Cynthia[1] Terminado[1]
Trabajo De Vir Y Cynthia[1] Terminado[1]Trabajo De Vir Y Cynthia[1] Terminado[1]
Trabajo De Vir Y Cynthia[1] Terminado[1]
 
Buenos Aires Ciudad Deportiva
Buenos Aires Ciudad DeportivaBuenos Aires Ciudad Deportiva
Buenos Aires Ciudad Deportiva
 
Fotos bellas y_refranes_modernos
Fotos bellas y_refranes_modernosFotos bellas y_refranes_modernos
Fotos bellas y_refranes_modernos
 
2.5. IEVM emploi vert
2.5. IEVM emploi vert2.5. IEVM emploi vert
2.5. IEVM emploi vert
 
Cuaderno De Gestion Media
Cuaderno De Gestion MediaCuaderno De Gestion Media
Cuaderno De Gestion Media
 
Los Mejores Carros Del Mundo
Los Mejores Carros Del MundoLos Mejores Carros Del Mundo
Los Mejores Carros Del Mundo
 
Riesgo de Terremotos en Santo Domingo
Riesgo de Terremotos en Santo DomingoRiesgo de Terremotos en Santo Domingo
Riesgo de Terremotos en Santo Domingo
 
1.4. Recherche, renforcement des capacités et changement climatique à Madagascar
1.4. Recherche, renforcement des capacités et changement climatique à Madagascar1.4. Recherche, renforcement des capacités et changement climatique à Madagascar
1.4. Recherche, renforcement des capacités et changement climatique à Madagascar
 
Mi Examen Semestral De Ict
Mi Examen Semestral De IctMi Examen Semestral De Ict
Mi Examen Semestral De Ict
 
Dernier cri edition photo
Dernier cri edition photoDernier cri edition photo
Dernier cri edition photo
 
CETARES
CETARESCETARES
CETARES
 
Guia de Internet para Madres y Padres
Guia de Internet para Madres y PadresGuia de Internet para Madres y Padres
Guia de Internet para Madres y Padres
 
San Valentin Escapada Romantica
San Valentin Escapada Romantica San Valentin Escapada Romantica
San Valentin Escapada Romantica
 
Para Todos Esos Romanticos
Para Todos Esos RomanticosPara Todos Esos Romanticos
Para Todos Esos Romanticos
 

Similar a presentacion 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 periodoMacepla822
 
DISEñO-DE-PAGINAS-CON-HTML.pdf
DISEñO-DE-PAGINAS-CON-HTML.pdfDISEñO-DE-PAGINAS-CON-HTML.pdf
DISEñO-DE-PAGINAS-CON-HTML.pdf
DanielHidalgo92
 
Etiquetas de lenguaje html
Etiquetas de lenguaje htmlEtiquetas de lenguaje html
Etiquetas de lenguaje htmlmajito1995
 
Clase 1 - Comandos HTML.PDF
Clase 1 - Comandos HTML.PDFClase 1 - Comandos HTML.PDF
Clase 1 - Comandos HTML.PDFnicolasmolinach
 
Programación avamzada 1
Programación avamzada 1Programación avamzada 1
Programación avamzada 1
Krolina Agui
 
Curso HTML 5 & jQuery - Leccion 1
Curso HTML 5 & jQuery - Leccion 1 Curso HTML 5 & jQuery - Leccion 1
Curso HTML 5 & jQuery - Leccion 1
Emmanuel Ortiz Gutierrez
 
HTML 2011
HTML 2011HTML 2011
ETIQUETAS HTML
ETIQUETAS HTMLETIQUETAS HTML
ETIQUETAS HTML
Karen Castillo
 
Taller de HTML
Taller de HTMLTaller de HTML
Pagina web
Pagina webPagina web
Pagina web
sebastian12399
 
Retro2011ortegon
Retro2011ortegonRetro2011ortegon
Retro2011ortegon
emded
 
Clase 5 lenguaje html
Clase 5  lenguaje htmlClase 5  lenguaje html
Clase 5 lenguaje html
Viviana Mercedes Ponce
 
Portafolio de programación Joe Holguin 2c2
Portafolio de programación Joe Holguin 2c2Portafolio de programación Joe Holguin 2c2
Portafolio de programación Joe Holguin 2c2
Joe Holguin
 

Similar a presentacion html (20)

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
 
DISEñO-DE-PAGINAS-CON-HTML.pdf
DISEñO-DE-PAGINAS-CON-HTML.pdfDISEñO-DE-PAGINAS-CON-HTML.pdf
DISEñO-DE-PAGINAS-CON-HTML.pdf
 
Html
HtmlHtml
Html
 
Unidad # 1
Unidad # 1Unidad # 1
Unidad # 1
 
Unidad # 1
Unidad # 1Unidad # 1
Unidad # 1
 
Html
HtmlHtml
Html
 
Etiquetas de lenguaje html
Etiquetas de lenguaje htmlEtiquetas de lenguaje html
Etiquetas de lenguaje html
 
Guia rapida html
Guia rapida htmlGuia rapida html
Guia rapida html
 
Clase 1 - Comandos HTML.PDF
Clase 1 - Comandos HTML.PDFClase 1 - Comandos HTML.PDF
Clase 1 - Comandos HTML.PDF
 
HTML
HTMLHTML
HTML
 
Programación avamzada 1
Programación avamzada 1Programación avamzada 1
Programación avamzada 1
 
Curso HTML 5 & jQuery - Leccion 1
Curso HTML 5 & jQuery - Leccion 1 Curso HTML 5 & jQuery - Leccion 1
Curso HTML 5 & jQuery - Leccion 1
 
HTML 2011
HTML 2011HTML 2011
HTML 2011
 
Guia de repaso html11
Guia de repaso html11Guia de repaso html11
Guia de repaso html11
 
ETIQUETAS HTML
ETIQUETAS HTMLETIQUETAS HTML
ETIQUETAS HTML
 
Taller de HTML
Taller de HTMLTaller de HTML
Taller de HTML
 
Pagina web
Pagina webPagina web
Pagina web
 
Retro2011ortegon
Retro2011ortegonRetro2011ortegon
Retro2011ortegon
 
Clase 5 lenguaje html
Clase 5  lenguaje htmlClase 5  lenguaje html
Clase 5 lenguaje html
 
Portafolio de programación Joe Holguin 2c2
Portafolio de programación Joe Holguin 2c2Portafolio de programación Joe Holguin 2c2
Portafolio de programación Joe Holguin 2c2
 

Último

Estructuras básicas_ conceptos de programación (1).docx
Estructuras básicas_ conceptos de programación  (1).docxEstructuras básicas_ conceptos de programación  (1).docx
Estructuras básicas_ conceptos de programación (1).docx
SamuelRamirez83524
 
leidy fuentes - power point -expocccion -unidad 4 (1).pptx
leidy fuentes - power point -expocccion -unidad 4 (1).pptxleidy fuentes - power point -expocccion -unidad 4 (1).pptx
leidy fuentes - power point -expocccion -unidad 4 (1).pptx
Leidyfuentes19
 
EduFlex, una educación accesible para quienes no entienden en clases
EduFlex, una educación accesible para quienes no entienden en clasesEduFlex, una educación accesible para quienes no entienden en clases
EduFlex, una educación accesible para quienes no entienden en clases
PABLOCESARGARZONBENI
 
TRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
TRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdfTRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
TRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
thomasdcroz38
 
Conceptos Básicos de Programación Proyecto
Conceptos Básicos de Programación ProyectoConceptos Básicos de Programación Proyecto
Conceptos Básicos de Programación Proyecto
cofferub
 
Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...
Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...
Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...
Telefónica
 
Robótica educativa para la eduacion primaria .pptx
Robótica educativa para la eduacion primaria .pptxRobótica educativa para la eduacion primaria .pptx
Robótica educativa para la eduacion primaria .pptx
44652726
 
trabajo de tecnologia, segundo periodo 9-6f
trabajo de tecnologia, segundo periodo 9-6ftrabajo de tecnologia, segundo periodo 9-6f
trabajo de tecnologia, segundo periodo 9-6f
zoecaicedosalazar
 
Diagrama de flujo soporte técnico 5to semestre
Diagrama de flujo soporte técnico 5to semestreDiagrama de flujo soporte técnico 5to semestre
Diagrama de flujo soporte técnico 5to semestre
rafaelsalazar0615
 
Desarrollo de Habilidades de Pensamiento.docx (3).pdf
Desarrollo de Habilidades de Pensamiento.docx (3).pdfDesarrollo de Habilidades de Pensamiento.docx (3).pdf
Desarrollo de Habilidades de Pensamiento.docx (3).pdf
AlejandraCasallas7
 
Estructuras Básicas_ Conceptos Basicos De Programacion.pdf
Estructuras Básicas_ Conceptos Basicos De Programacion.pdfEstructuras Básicas_ Conceptos Basicos De Programacion.pdf
Estructuras Básicas_ Conceptos Basicos De Programacion.pdf
IsabellaRubio6
 
Trabajo Coding For kids 1 y 2 grado 9-4.pdf
Trabajo Coding For kids 1 y 2 grado 9-4.pdfTrabajo Coding For kids 1 y 2 grado 9-4.pdf
Trabajo Coding For kids 1 y 2 grado 9-4.pdf
cj3806354
 
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
vazquezgarciajesusma
 
3Redu: Responsabilidad, Resiliencia y Respeto
3Redu: Responsabilidad, Resiliencia y Respeto3Redu: Responsabilidad, Resiliencia y Respeto
3Redu: Responsabilidad, Resiliencia y Respeto
cdraco
 
Estructuras Básicas_Tecnología_Grado10-7.pdf
Estructuras Básicas_Tecnología_Grado10-7.pdfEstructuras Básicas_Tecnología_Grado10-7.pdf
Estructuras Básicas_Tecnología_Grado10-7.pdf
cristianrb0324
 
Diagrama de flujo - ingenieria de sistemas 5to semestre
Diagrama de flujo - ingenieria de sistemas 5to semestreDiagrama de flujo - ingenieria de sistemas 5to semestre
Diagrama de flujo - ingenieria de sistemas 5to semestre
DiegoCampos433849
 
DESARROLO DE HABILIDADES DE PENSAMIENTO.pdf
DESARROLO DE HABILIDADES DE PENSAMIENTO.pdfDESARROLO DE HABILIDADES DE PENSAMIENTO.pdf
DESARROLO DE HABILIDADES DE PENSAMIENTO.pdf
marianabz2403
 
Desarrollo de Habilidades de Pensamiento.
Desarrollo de Habilidades de Pensamiento.Desarrollo de Habilidades de Pensamiento.
Desarrollo de Habilidades de Pensamiento.
AlejandraCasallas7
 
Conceptos Básicos de Programación L.D 10-5
Conceptos Básicos de Programación L.D 10-5Conceptos Básicos de Programación L.D 10-5
Conceptos Básicos de Programación L.D 10-5
JulyMuoz18
 
Trabajo Coding For kids 1 y 2 grado 9-4.pdf
Trabajo Coding For kids 1 y 2 grado 9-4.pdfTrabajo Coding For kids 1 y 2 grado 9-4.pdf
Trabajo Coding For kids 1 y 2 grado 9-4.pdf
jjfch3110
 

Último (20)

Estructuras básicas_ conceptos de programación (1).docx
Estructuras básicas_ conceptos de programación  (1).docxEstructuras básicas_ conceptos de programación  (1).docx
Estructuras básicas_ conceptos de programación (1).docx
 
leidy fuentes - power point -expocccion -unidad 4 (1).pptx
leidy fuentes - power point -expocccion -unidad 4 (1).pptxleidy fuentes - power point -expocccion -unidad 4 (1).pptx
leidy fuentes - power point -expocccion -unidad 4 (1).pptx
 
EduFlex, una educación accesible para quienes no entienden en clases
EduFlex, una educación accesible para quienes no entienden en clasesEduFlex, una educación accesible para quienes no entienden en clases
EduFlex, una educación accesible para quienes no entienden en clases
 
TRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
TRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdfTRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
TRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
 
Conceptos Básicos de Programación Proyecto
Conceptos Básicos de Programación ProyectoConceptos Básicos de Programación Proyecto
Conceptos Básicos de Programación Proyecto
 
Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...
Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...
Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...
 
Robótica educativa para la eduacion primaria .pptx
Robótica educativa para la eduacion primaria .pptxRobótica educativa para la eduacion primaria .pptx
Robótica educativa para la eduacion primaria .pptx
 
trabajo de tecnologia, segundo periodo 9-6f
trabajo de tecnologia, segundo periodo 9-6ftrabajo de tecnologia, segundo periodo 9-6f
trabajo de tecnologia, segundo periodo 9-6f
 
Diagrama de flujo soporte técnico 5to semestre
Diagrama de flujo soporte técnico 5to semestreDiagrama de flujo soporte técnico 5to semestre
Diagrama de flujo soporte técnico 5to semestre
 
Desarrollo de Habilidades de Pensamiento.docx (3).pdf
Desarrollo de Habilidades de Pensamiento.docx (3).pdfDesarrollo de Habilidades de Pensamiento.docx (3).pdf
Desarrollo de Habilidades de Pensamiento.docx (3).pdf
 
Estructuras Básicas_ Conceptos Basicos De Programacion.pdf
Estructuras Básicas_ Conceptos Basicos De Programacion.pdfEstructuras Básicas_ Conceptos Basicos De Programacion.pdf
Estructuras Básicas_ Conceptos Basicos De Programacion.pdf
 
Trabajo Coding For kids 1 y 2 grado 9-4.pdf
Trabajo Coding For kids 1 y 2 grado 9-4.pdfTrabajo Coding For kids 1 y 2 grado 9-4.pdf
Trabajo Coding For kids 1 y 2 grado 9-4.pdf
 
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
 
3Redu: Responsabilidad, Resiliencia y Respeto
3Redu: Responsabilidad, Resiliencia y Respeto3Redu: Responsabilidad, Resiliencia y Respeto
3Redu: Responsabilidad, Resiliencia y Respeto
 
Estructuras Básicas_Tecnología_Grado10-7.pdf
Estructuras Básicas_Tecnología_Grado10-7.pdfEstructuras Básicas_Tecnología_Grado10-7.pdf
Estructuras Básicas_Tecnología_Grado10-7.pdf
 
Diagrama de flujo - ingenieria de sistemas 5to semestre
Diagrama de flujo - ingenieria de sistemas 5to semestreDiagrama de flujo - ingenieria de sistemas 5to semestre
Diagrama de flujo - ingenieria de sistemas 5to semestre
 
DESARROLO DE HABILIDADES DE PENSAMIENTO.pdf
DESARROLO DE HABILIDADES DE PENSAMIENTO.pdfDESARROLO DE HABILIDADES DE PENSAMIENTO.pdf
DESARROLO DE HABILIDADES DE PENSAMIENTO.pdf
 
Desarrollo de Habilidades de Pensamiento.
Desarrollo de Habilidades de Pensamiento.Desarrollo de Habilidades de Pensamiento.
Desarrollo de Habilidades de Pensamiento.
 
Conceptos Básicos de Programación L.D 10-5
Conceptos Básicos de Programación L.D 10-5Conceptos Básicos de Programación L.D 10-5
Conceptos Básicos de Programación L.D 10-5
 
Trabajo Coding For kids 1 y 2 grado 9-4.pdf
Trabajo Coding For kids 1 y 2 grado 9-4.pdfTrabajo Coding For kids 1 y 2 grado 9-4.pdf
Trabajo Coding For kids 1 y 2 grado 9-4.pdf
 

presentacion html

  • 1. Lenguaje HTML ROMAN JUAN JAVIER 6º 2ª INSTITUTO DE EDUCACION MEDIA
  • 2. Contenidos del Power Point  Etiquetas básicas  Propiedades de la pagina  Formato de texto  Formato de párrafos  Creación de listas  Creación de imágenes  Creación de enlaces  Etiquetas desconocidas
  • 3. ETIQUETAS BASICAS  <html></html> Al inicio y al termino de cada documento.  <head></head> Cabecera del documento. En estas se ponen las etiquetas:  <title></title> Indica el titulo de pagina  Tras cerrar la etiqueta el head se pone la etiqueta:  <body></body> Dentro de estas etiquetas se insertan los codigos del documento. El cierre de esta etiqueta se coloca justo antes del cierre de </html>
  • 4. PROPIEDADES DE LA PAGINA  La etiqueta <body> Puede llevar incluida información sobre las propiedades de la pagina:  <body bgcolor=?> Define el color del fondo de la pantalla.  <body text=?> Define el color por defecto del texto en la pagina.  <body link=?> Define el color de los enlaces.  <body vlink=?> Define el color de los enlaces visitados.  <body alink=?> Define el color de los enlaces activos.
  • 5. FORMATO DE TEXTO  <b></b> El color del texto en negrita. (También sirve la etiqueta <strong></strong>)  <i></i> El texto en cursiva.(También sirve la etiqueta <em></em>  <u></u> El texto subrayado.  <font color=”#xxyyzz”>..</font> Define el color del texto. Esto esta dado por codigos.  <font face=“arial”</font> Determina el tipo de fuente.
  • 6. FORMATO DE PÁRRAFOS  <p></p> Salto de párrafos.  <br> Salto de línea.  <center> Centrar el texto.  <p align= center> Párrafo centrado.  <p align= left> Párrafo alineado ala izquierda.  <p align= right Párrafo alineado ala derecha.
  • 7. CREACIÓN DE LAS LISTAS  Lista no enumerada: Se abre con <ul>  <li> </li> Primer elemento de la lista, etc.  Se cierra con </ul>  Lista numerada: Se abre con <ol>  <li> </li> Primer elemento de la lista, etc.  Se cierra con </ol>  Lista de glosario: Se abre con <dl>  <dt> </dt> Termino que se va a definir.  <dd> </dd> Definición del termino.
  • 8. CREACIÓN DE IMAGENES  <img..src=“?”> Indica la ruta de la imagen.  <img..border=“x”> Establece un borde de x pixels en torno ala imagen.  <img src=“name” align=?> Alinea la imagen izquierda, derecha y centro.  <body background=“url o ruta del archivo”></body>.
  • 9. CREACIÓN DE ENLACES  <a href=”http://www.servidor.com”> Enunciado del enlace </a>.  <a href=”mailto:dirección de mail”> Vínculo a una dirección de correo-e.  target="_blank" Abre la página en un nuevo navegador.  target=”_top” Abre la página en toda la pantalla para evitar los frames.
  • 10. ETIQUETAS DESCONOCIDAS  <PRE></PRE>  Obtener una pagina que incluya los espacios. Se utiliza esta etiqueta.
  • 11. ETIQUETA DESCONOCIDAS  Se obtiene un texto respetando los espacios y salto en línea del párrafo
  • 12. ETIQUETAS DESCONOCIDAS  <form></form>  Button name=“submit” type=  “submit”>ok</button Crea un botón se puede poner el nombre del botón o el tipo de botón para poder navegar.
  • 13. ETIQUETAS DESCONOCIADAS  El botón ya creado en la pagina html.
  • 14. FIN DE LA PRESENTACION JAVIER ROMAN 6º 2ª INFORMATICA 2009 IEM