SlideShare una empresa de Scribd logo
SONIDO
http://www.webtaller.com/construccion/lenguajes/html/lecciones/poner-sonido-musica-
fondo.php
<BGSOUND SRC="sonido.mid" LOOP=none>
VIDEO
<center><embed src="soy igual ww.mpg" height=300 width=300></embed></center>
En la lección anterior hemos visto como formatear un sencillo texto en HTML. Ahora nos
centraremos en cómo disponer, dividir y colocar el texto y demás objetos de una página HTML
dentro del documento.
Crear párrafos con <P>
La marca <P> sirve para definir un nuevo párrafo de texto, indicando al navegador que el mismo
debe empezar en una nueva línea y colocarse a la derecha, a la izquierda o centrado. Si no se
especifica otra cosa, la marca <P> alinea el texto por defecto a la izquierda. Para indicar otros tipos
de alineación, existen atributos específicos:
<P ALIGN=left>
Define un párrafo y alinea el texto a la izquierda(left).
<P ALIGN=right>
Define un párrafo y alinea el texto a la derecha (right).
<P ALIGN=center>
Define un párrafo y centra el texto (center).
Para un ejemplo práctico, haz clic aquí
Salto de línea con <BR>
<BR> es una marca de interrupción de línea. Tiene un funcionamiento similar a la marca de párrafo
vista anteriormente, pero se diferencia porque no indica el inicio de un nuevo párrafo.
Dicho de otro modo, su función es parecida a la de la tecla "enter" del teclado.
Se usa sin marca de cierre.
Disponer el texto con <DIV ALIGN> y <CENTER>
El elemento <DIV> se utiliza para alinear horizontalmente el texto a la izquierda, a la derecha o en
el centro de la página. El atributo ALIGN es fundamental a este respecto.
<DIV ALIGN=left>Texto e imágenes a la izquierda</DIV>
Mueve a la izquierda los elementos contenidos dentro de sus marcas.
<DIV ALIGN=right>Texto e imágenes a la derecha</DIV>
Mueve los elementos a la derecha.
<DIV ALIGN=center>Texto e imágenes centrados</DIV>
Centra los elementos.
Para un ejemplo práctico, haz clic aquí
La marca <CENTER> tiene un funcionamiento idéntico al de <DIV ALIGN=center> pero su uso ha
sido depreciado por el estándar 4 de HTML. El uso de <CENTER> fue introducido por Netscape,
justo cuando el HTML preveía la salida de DIV. La enorme difusión inicial de Netscape ha hecho
que el uso de esta marca esté también muy difundido, por lo que todavía los navegadores la
utilizan y reconocen (incluido MsIe). El uso de <CENTER> es muy simple:
<CENTER>Texto para centrar</CENTER>
Líneas horizontales con <HR>
Las líneas horizontales constituyen un instrumento idóneo para dividir partes del documento y
hacer más legible el texto. La sintaxis necesaria para su inserción en un documento HTML es la
siguiente:
<HR align="CENTER" size="2" width="400" color="Red" noshade>
La marca HR (acrónimo de Horizontal Rule) no necesita cierre. Consta de diversos atributos:
aling="CENTER": define la alineación de la línea (center, right, left).
size="2": define el grosor, en píxel, de la línea.
width="400": define la longitud horizontal, en píxel, de la línea. Puede también expresarse en
tanto por cien respecto al espacio a disposición: width=80%.
color="RED": define el color de la línea.
noshade: si este atributo está presente, elimina el efecto 3D de la línea. Si no está presente,
produce dicho efecto.
http://www.htmlpoint.com/guida/html_07.htm

Más contenido relacionado

La actualidad más candente

Aprendizaje 1.2
Aprendizaje 1.2Aprendizaje 1.2
Aprendizaje 1.2
RULAZ110
 
Folleto fundacion
Folleto fundacionFolleto fundacion
Folleto fundacion
1nataliadimate
 
Programación en html y páginas web
Programación en html y páginas webProgramación en html y páginas web
Programación en html y páginas web
1nataliadimate
 
Maquetación
MaquetaciónMaquetación
Maquetación
Carlos Alf
 
Etiquetas HTML
Etiquetas HTMLEtiquetas HTML
Etiquetas HTML
pablo3022
 
El lenguaje html
El lenguaje htmlEl lenguaje html
El lenguaje html
SofiaBurgos
 
Etiquetas html
Etiquetas htmlEtiquetas html
Etiquetas html
up
 
mis etiqueta html
mis etiqueta htmlmis etiqueta html
mis etiqueta html
mariaelenalizarraga
 
Guia 4 de html imagenes
Guia 4 de html   imagenesGuia 4 de html   imagenes
Guia 4 de html imagenes
lisvancelis
 
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
 
Trabajo practico de informatica 3
Trabajo practico de informatica 3Trabajo practico de informatica 3
Trabajo practico de informatica 3
Belumorello
 
Slidershare
SlidershareSlidershare
Slidershare
vencedor2
 
Html
HtmlHtml
DiseñO Web
DiseñO WebDiseñO Web
Etiquetas html
Etiquetas htmlEtiquetas html
Etiquetas html
Halpha Crisdav
 

La actualidad más candente (15)

Aprendizaje 1.2
Aprendizaje 1.2Aprendizaje 1.2
Aprendizaje 1.2
 
Folleto fundacion
Folleto fundacionFolleto fundacion
Folleto fundacion
 
Programación en html y páginas web
Programación en html y páginas webProgramación en html y páginas web
Programación en html y páginas web
 
Maquetación
MaquetaciónMaquetación
Maquetación
 
Etiquetas HTML
Etiquetas HTMLEtiquetas HTML
Etiquetas HTML
 
El lenguaje html
El lenguaje htmlEl lenguaje html
El lenguaje html
 
Etiquetas html
Etiquetas htmlEtiquetas html
Etiquetas html
 
mis etiqueta html
mis etiqueta htmlmis etiqueta html
mis etiqueta html
 
Guia 4 de html imagenes
Guia 4 de html   imagenesGuia 4 de html   imagenes
Guia 4 de html imagenes
 
COMO CREAR UNA PAGINA WEB EN HTML SUS PRIMEROS PASOS
COMO CREAR UNA PAGINA WEB EN HTML SUS PRIMEROS PASOSCOMO CREAR UNA PAGINA WEB EN HTML SUS PRIMEROS PASOS
COMO CREAR UNA PAGINA WEB EN HTML SUS PRIMEROS PASOS
 
Trabajo practico de informatica 3
Trabajo practico de informatica 3Trabajo practico de informatica 3
Trabajo practico de informatica 3
 
Slidershare
SlidershareSlidershare
Slidershare
 
Html
HtmlHtml
Html
 
DiseñO Web
DiseñO WebDiseñO Web
DiseñO Web
 
Etiquetas html
Etiquetas htmlEtiquetas html
Etiquetas html
 

Similar a Html instrucciones

Encabezados h1 h6 p aplicar estilos parrafos etiqueta pre html var
Encabezados h1   h6 p aplicar estilos parrafos etiqueta pre html varEncabezados h1   h6 p aplicar estilos parrafos etiqueta pre html var
Encabezados h1 h6 p aplicar estilos parrafos etiqueta pre html var
noelia alarcon
 
Articulo monica y christian "español"
Articulo monica y christian "español"Articulo monica y christian "español"
Articulo monica y christian "español"
Mónica Sánchez Crisostomo
 
Html
HtmlHtml
Html
HtmlHtml
Codigos HTML...paginas web
Codigos HTML...paginas webCodigos HTML...paginas web
Codigos HTML...paginas web
ABel Palma
 
Directivas en html
Directivas en htmlDirectivas en html
Directivas en html
JohnDeZethyak
 
Códigos HTML Sede magdalena ortega de Nariño
Códigos HTML Sede magdalena ortega  de NariñoCódigos HTML Sede magdalena ortega  de Nariño
Códigos HTML Sede magdalena ortega de Nariño
samaraoviedom
 
Mi primera pagina web en html con bloc de notas
Mi primera pagina web en html con bloc de notasMi primera pagina web en html con bloc de notas
Mi primera pagina web en html con bloc de notas
Jessi De Jesus Torres
 
Html creacion de una pagina. Adriano Mazziotti
Html  creacion de una pagina. Adriano MazziottiHtml  creacion de una pagina. Adriano Mazziotti
Html creacion de una pagina. Adriano Mazziotti
Adriano Mazziotti
 
Producto 3 joon y jorge 9no a
Producto 3 joon y jorge 9no aProducto 3 joon y jorge 9no a
Producto 3 joon y jorge 9no a
JoonLee2000
 
Producto 3 joon y jorge 9no a
Producto 3 joon y jorge 9no aProducto 3 joon y jorge 9no a
Producto 3 joon y jorge 9no a
jack4555
 
GUIA DE FORMULARIOS HTML - PARA LA ACTIVIDAD 1.pdf
GUIA DE FORMULARIOS HTML - PARA LA ACTIVIDAD 1.pdfGUIA DE FORMULARIOS HTML - PARA LA ACTIVIDAD 1.pdf
GUIA DE FORMULARIOS HTML - PARA LA ACTIVIDAD 1.pdf
SERGIOLUSARRIETAGONZ
 
El Lenguaje de Marcado de Hipertexto (HTML).pptx
El Lenguaje de Marcado de Hipertexto (HTML).pptxEl Lenguaje de Marcado de Hipertexto (HTML).pptx
El Lenguaje de Marcado de Hipertexto (HTML).pptx
JESUSJOHANSANCHEZROJ
 
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
 
Seo on page
Seo on pageSeo on page
Html.pptx
Html.pptxHtml.pptx
Como crear paginas en html
Como crear paginas en htmlComo crear paginas en html
Como crear paginas en html
hussein_gabriel
 
Html basico
Html basicoHtml basico
Html basico
michaelgonzalez777
 
Lenguaje HTML ETIQUETAS
Lenguaje HTML ETIQUETAS Lenguaje HTML ETIQUETAS
Lenguaje HTML ETIQUETAS
Anchelho Shanghashy
 
Como crear una pagina web
Como crear una pagina webComo crear una pagina web
Como crear una pagina web
carolinaduran45
 

Similar a Html instrucciones (20)

Encabezados h1 h6 p aplicar estilos parrafos etiqueta pre html var
Encabezados h1   h6 p aplicar estilos parrafos etiqueta pre html varEncabezados h1   h6 p aplicar estilos parrafos etiqueta pre html var
Encabezados h1 h6 p aplicar estilos parrafos etiqueta pre html var
 
Articulo monica y christian "español"
Articulo monica y christian "español"Articulo monica y christian "español"
Articulo monica y christian "español"
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Codigos HTML...paginas web
Codigos HTML...paginas webCodigos HTML...paginas web
Codigos HTML...paginas web
 
Directivas en html
Directivas en htmlDirectivas en html
Directivas en html
 
Códigos HTML Sede magdalena ortega de Nariño
Códigos HTML Sede magdalena ortega  de NariñoCódigos HTML Sede magdalena ortega  de Nariño
Códigos HTML Sede magdalena ortega de Nariño
 
Mi primera pagina web en html con bloc de notas
Mi primera pagina web en html con bloc de notasMi primera pagina web en html con bloc de notas
Mi primera pagina web en html con bloc de notas
 
Html creacion de una pagina. Adriano Mazziotti
Html  creacion de una pagina. Adriano MazziottiHtml  creacion de una pagina. Adriano Mazziotti
Html creacion de una pagina. Adriano Mazziotti
 
Producto 3 joon y jorge 9no a
Producto 3 joon y jorge 9no aProducto 3 joon y jorge 9no a
Producto 3 joon y jorge 9no a
 
Producto 3 joon y jorge 9no a
Producto 3 joon y jorge 9no aProducto 3 joon y jorge 9no a
Producto 3 joon y jorge 9no a
 
GUIA DE FORMULARIOS HTML - PARA LA ACTIVIDAD 1.pdf
GUIA DE FORMULARIOS HTML - PARA LA ACTIVIDAD 1.pdfGUIA DE FORMULARIOS HTML - PARA LA ACTIVIDAD 1.pdf
GUIA DE FORMULARIOS HTML - PARA LA ACTIVIDAD 1.pdf
 
El Lenguaje de Marcado de Hipertexto (HTML).pptx
El Lenguaje de Marcado de Hipertexto (HTML).pptxEl Lenguaje de Marcado de Hipertexto (HTML).pptx
El Lenguaje de Marcado de Hipertexto (HTML).pptx
 
Curso HTML 5 & jQuery - Leccion 1
Curso HTML 5 & jQuery - Leccion 1 Curso HTML 5 & jQuery - Leccion 1
Curso HTML 5 & jQuery - Leccion 1
 
Seo on page
Seo on pageSeo on page
Seo on page
 
Html.pptx
Html.pptxHtml.pptx
Html.pptx
 
Como crear paginas en html
Como crear paginas en htmlComo crear paginas en html
Como crear paginas en html
 
Html basico
Html basicoHtml basico
Html basico
 
Lenguaje HTML ETIQUETAS
Lenguaje HTML ETIQUETAS Lenguaje HTML ETIQUETAS
Lenguaje HTML ETIQUETAS
 
Como crear una pagina web
Como crear una pagina webComo crear una pagina web
Como crear una pagina web
 

Html instrucciones

  • 1. SONIDO http://www.webtaller.com/construccion/lenguajes/html/lecciones/poner-sonido-musica- fondo.php <BGSOUND SRC="sonido.mid" LOOP=none> VIDEO <center><embed src="soy igual ww.mpg" height=300 width=300></embed></center> En la lección anterior hemos visto como formatear un sencillo texto en HTML. Ahora nos centraremos en cómo disponer, dividir y colocar el texto y demás objetos de una página HTML dentro del documento. Crear párrafos con <P> La marca <P> sirve para definir un nuevo párrafo de texto, indicando al navegador que el mismo debe empezar en una nueva línea y colocarse a la derecha, a la izquierda o centrado. Si no se especifica otra cosa, la marca <P> alinea el texto por defecto a la izquierda. Para indicar otros tipos de alineación, existen atributos específicos: <P ALIGN=left> Define un párrafo y alinea el texto a la izquierda(left). <P ALIGN=right> Define un párrafo y alinea el texto a la derecha (right). <P ALIGN=center> Define un párrafo y centra el texto (center). Para un ejemplo práctico, haz clic aquí Salto de línea con <BR> <BR> es una marca de interrupción de línea. Tiene un funcionamiento similar a la marca de párrafo vista anteriormente, pero se diferencia porque no indica el inicio de un nuevo párrafo. Dicho de otro modo, su función es parecida a la de la tecla "enter" del teclado. Se usa sin marca de cierre. Disponer el texto con <DIV ALIGN> y <CENTER> El elemento <DIV> se utiliza para alinear horizontalmente el texto a la izquierda, a la derecha o en el centro de la página. El atributo ALIGN es fundamental a este respecto. <DIV ALIGN=left>Texto e imágenes a la izquierda</DIV> Mueve a la izquierda los elementos contenidos dentro de sus marcas. <DIV ALIGN=right>Texto e imágenes a la derecha</DIV> Mueve los elementos a la derecha. <DIV ALIGN=center>Texto e imágenes centrados</DIV> Centra los elementos.
  • 2. Para un ejemplo práctico, haz clic aquí La marca <CENTER> tiene un funcionamiento idéntico al de <DIV ALIGN=center> pero su uso ha sido depreciado por el estándar 4 de HTML. El uso de <CENTER> fue introducido por Netscape, justo cuando el HTML preveía la salida de DIV. La enorme difusión inicial de Netscape ha hecho que el uso de esta marca esté también muy difundido, por lo que todavía los navegadores la utilizan y reconocen (incluido MsIe). El uso de <CENTER> es muy simple: <CENTER>Texto para centrar</CENTER> Líneas horizontales con <HR> Las líneas horizontales constituyen un instrumento idóneo para dividir partes del documento y hacer más legible el texto. La sintaxis necesaria para su inserción en un documento HTML es la siguiente: <HR align="CENTER" size="2" width="400" color="Red" noshade> La marca HR (acrónimo de Horizontal Rule) no necesita cierre. Consta de diversos atributos: aling="CENTER": define la alineación de la línea (center, right, left). size="2": define el grosor, en píxel, de la línea. width="400": define la longitud horizontal, en píxel, de la línea. Puede también expresarse en tanto por cien respecto al espacio a disposición: width=80%. color="RED": define el color de la línea. noshade: si este atributo está presente, elimina el efecto 3D de la línea. Si no está presente, produce dicho efecto. http://www.htmlpoint.com/guida/html_07.htm