SlideShare una empresa de Scribd logo
1 de 10
DOCUMENTO HTML
     LA FUNCION DEL HTML ES SER INDEPENDIENTE




El HTML es un lenguaje que define características físicas y
estructurales de un documento(tipo de letra, ubicación de un
párrafo o frase, el lugar que será activo para la conexión
con otro documento.)
 ESTRUCTURA DE PAGINAS DE HTML

<HTML>     Inicio de la página web

<HEAD>     Encabezado

<TITLE>    Titulo de la ventana
<META>     Subir al internet
</TITLE>   Cierre de Titulo

</HEAD>    Cierre del encabezado

<BODY>     Cuerpo del Documento

</BODY>    Cierre del cuerpo del documento

</HTML>    Finaliza el documento de HTML
Obviamente no voy a explicar lo que entra dentro del cuerpo, sino los
parámetros que admite la etiqueta




                 Dentro del <body> podemos colocar videos, sonidos,
                 diapositivas, banner, imágenes como tenemos a
                 continuación.
SONIDO, VIDEO, IMAGEN, BANNER, DIAPOSITIVA


SONIDO           <BGSOUND SRC=Te Dejo En Libertad.mp3>
                 <iframe width="560" height="315"
VIDEO            src="http://www.youtube.com/embed/BmJ7MIZZRU4"
                 frameborder="0" allowfullscreen></iframe>
IMAGEN           <IMG src ="images.jpg" width="470" height="370"></center>
                 <script
BANNER           src="http://h1.flashvortex.com/display.php?id=2_1348181304_31273_3
                 14_0_468_60_8_1_70" type="text/javascript"></script>
                 <iframe
                 src="http://www.slideshare.net/slideshow/embed_code/14344708"
DIAPOSITIVA      width="427" height="356" frameborder="0" marginwidth="0"
                 marginheight="0" scrolling="no" style="border:1px solid #CCC;border-
                 width:1px 1px 0;margin-bottom:5px" allowfullscreen> </iframe>
DIRECTIVA    TIPO          FUNCION

  <BR>      Abierta     Salto de línea

<CENTER>    Cerrada        Centrado

  <P>       Cerrada    Elabora Párrafos

  <B>       Cerrada         Negrita

   <I>      Cerrada         Cursiva

  <U>       Cerrada       Subrayado

  <S>       Cerrada        Tachado

<MARQUEE>   Cerrada      Movimiento

<P ALIGN>   Cerrada   Justificar, Derecha,
                            Izquierda
 6 FORMATOS DE LETRAS MAS COMUNES

       ETIQUETA          RESULTADO
  <H1> … </H1>     LETRA DE NIVEL 1
  <H2> … </H2>     LETRA DE NIVEL 2
  <H3> … </H3>     LETRA DE NIVEL 3
  <H4> … </H4>     LETRA DE NIVEL 4
  <H5> … </H5>     LETRA DE NIVEL 5
  <H6> … </H6>     LETRA DE NIVEL 6
Lo ideal cuando trabajas con texto sería poder cambiarlo al tamaño que te
viniese bien, ponerlo en colores y cambiar el tipo de letra. Todo esto puedes
hacerlo gracias a la etiqueta <FONT>.


        Cambio de color
       Para hacerlo vamos a utilizar el parámetro COLOR. La manera
       más fácil de especificarle el color es común en todas las
       etiquetas HTML: o bien indicando el nombre, si es un color
       normal, o bien especificando el porcentaje de rojo, verde y
       azul (código RGB) del mismo.




                                   El modo de indicar el color RGB es el siguiente:
                                   <FONT COLOR="#FF0000">D</FONT>
 Tamaños del texto
           El parámetro utilizado para indicar el tamaño es SIZE. Puede
           utilizarse para indicar tamaños absolutos:




                              <FONT SIZE=2>Tamaño 2</FONT>


 Tipo de letra
Por último, podemos especificar el nombre del tipo de letra que queremos
utilizar gracias al parámetro FACE. Como en principio no tenemos manera
de saber que tipo de letra tiene instalado la computadora del usuario que
está viendo nuestras páginas, podemos indicar más de uno separado por
comas.
            <FONT FACE="Helvetica, Arial, Times"> RUM </FONT>
 Desordenadas
    La etiqueta <UL> nos permite presentar listas de elementos sin
    orden alguno. Cada elemento de la lista irá normalmente
    precedido por un círculo (bullets). Por ejemplo,

    <UL>
    <LI>Primer elemento
    <LI>Segundo elemento
    </UL>



 Ordenadas por números
La etiqueta <OL> nos permite presentar listas de elementos ordenados de
menor a mayor. Normalmente cada elemento de la lista irá precedido por su
número en el orden. Por ejemplo,
                                       <OL>
                                       <LI>Primer elemento
                                       <LI>Segundo elemento
                                       </OL>

Más contenido relacionado

La actualidad más candente (16)

Etiquetas para texto
Etiquetas para textoEtiquetas para texto
Etiquetas para texto
 
HTML
HTMLHTML
HTML
 
HTML
HTMLHTML
HTML
 
Unidad # 1
Unidad # 1Unidad # 1
Unidad # 1
 
Presentacion de etiquetas
Presentacion de etiquetasPresentacion de etiquetas
Presentacion de etiquetas
 
Etiquetas html
Etiquetas htmlEtiquetas html
Etiquetas html
 
PROCESO DE DESARROLLO JAVASCRIPT
PROCESO DE DESARROLLO JAVASCRIPTPROCESO DE DESARROLLO JAVASCRIPT
PROCESO DE DESARROLLO JAVASCRIPT
 
Qué es html
Qué es htmlQué es html
Qué es html
 
Las etiquetas más utilizadas en html
Las etiquetas más utilizadas en htmlLas etiquetas más utilizadas en html
Las etiquetas más utilizadas en html
 
Conceptos Etiquetas de HTML
Conceptos Etiquetas de HTMLConceptos Etiquetas de HTML
Conceptos Etiquetas de HTML
 
Temas de html
Temas de htmlTemas de html
Temas de html
 
Etiquetas básicas en html
Etiquetas básicas en htmlEtiquetas básicas en html
Etiquetas básicas en html
 
Que es html
Que es htmlQue es html
Que es html
 
Manual de html
Manual de htmlManual de html
Manual de html
 
Html
HtmlHtml
Html
 
como hacer una pagina web con bloc de notas
como hacer una pagina web con bloc de notascomo hacer una pagina web con bloc de notas
como hacer una pagina web con bloc de notas
 

Destacado

Programación en html 1
Programación en html 1Programación en html 1
Programación en html 1luchopaisa
 
Creacion de paginas web con html (Diana Lopez)
Creacion de paginas web con html (Diana Lopez)Creacion de paginas web con html (Diana Lopez)
Creacion de paginas web con html (Diana Lopez)grupoaac
 
Programación basica en html
Programación basica en htmlProgramación basica en html
Programación basica en htmlhenry price
 
Html Basico en Español
Html Basico en EspañolHtml Basico en Español
Html Basico en EspañolIleana Echandi
 
Lenguaje de programación de páginas web
Lenguaje de programación de páginas webLenguaje de programación de páginas web
Lenguaje de programación de páginas webalbafa1995
 
Programacion web introduccion
Programacion web introduccionProgramacion web introduccion
Programacion web introduccionbcrra_lms
 
Programación web
Programación webProgramación web
Programación weberic291285
 
HTML: Una introducción.
HTML: Una introducción.HTML: Una introducción.
HTML: Una introducción.Ramón RS
 
PROGRAMACIÓN WEB INTRODUCCIÓN
PROGRAMACIÓN WEB INTRODUCCIÓNPROGRAMACIÓN WEB INTRODUCCIÓN
PROGRAMACIÓN WEB INTRODUCCIÓNKarol Moreno
 
Lenguajes de programación para la web
Lenguajes de programación para la webLenguajes de programación para la web
Lenguajes de programación para la webOscar Luis Cdrc
 
Lenguajes De Programacion Web
Lenguajes De Programacion WebLenguajes De Programacion Web
Lenguajes De Programacion Webvictorluis19
 
Cuadro comparativo de lenguajes de programación
Cuadro comparativo de lenguajes de programaciónCuadro comparativo de lenguajes de programación
Cuadro comparativo de lenguajes de programaciónK Manuel TN
 
Etiquetas mas utilizadas del lenguaje html
Etiquetas mas utilizadas del lenguaje htmlEtiquetas mas utilizadas del lenguaje html
Etiquetas mas utilizadas del lenguaje htmlDoraliza Hugo Vera
 
Lenguajes De Programación Web
Lenguajes De Programación WebLenguajes De Programación Web
Lenguajes De Programación Webragmyl
 
Sesiones de Tutoría: MINEDU - Perú.
Sesiones de Tutoría: MINEDU - Perú.Sesiones de Tutoría: MINEDU - Perú.
Sesiones de Tutoría: MINEDU - Perú.Jorge Luis Huayta
 

Destacado (19)

Lenguaje de Programación html
Lenguaje de Programación htmlLenguaje de Programación html
Lenguaje de Programación html
 
Programación en html 1
Programación en html 1Programación en html 1
Programación en html 1
 
Creacion de paginas web con html (Diana Lopez)
Creacion de paginas web con html (Diana Lopez)Creacion de paginas web con html (Diana Lopez)
Creacion de paginas web con html (Diana Lopez)
 
Programación basica en html
Programación basica en htmlProgramación basica en html
Programación basica en html
 
Programacion web
Programacion webProgramacion web
Programacion web
 
Html Basico en Español
Html Basico en EspañolHtml Basico en Español
Html Basico en Español
 
Lenguaje de programación de páginas web
Lenguaje de programación de páginas webLenguaje de programación de páginas web
Lenguaje de programación de páginas web
 
Programacion web introduccion
Programacion web introduccionProgramacion web introduccion
Programacion web introduccion
 
Programación web
Programación webProgramación web
Programación web
 
HTML: Una introducción.
HTML: Una introducción.HTML: Una introducción.
HTML: Una introducción.
 
PROGRAMACIÓN WEB INTRODUCCIÓN
PROGRAMACIÓN WEB INTRODUCCIÓNPROGRAMACIÓN WEB INTRODUCCIÓN
PROGRAMACIÓN WEB INTRODUCCIÓN
 
Introduccion a Lenguaje HTML, Programacion Web
Introduccion a Lenguaje HTML, Programacion WebIntroduccion a Lenguaje HTML, Programacion Web
Introduccion a Lenguaje HTML, Programacion Web
 
Lenguajes de programación para la web
Lenguajes de programación para la webLenguajes de programación para la web
Lenguajes de programación para la web
 
Lenguajes De Programacion Web
Lenguajes De Programacion WebLenguajes De Programacion Web
Lenguajes De Programacion Web
 
Cuadro comparativo de lenguajes de programación
Cuadro comparativo de lenguajes de programaciónCuadro comparativo de lenguajes de programación
Cuadro comparativo de lenguajes de programación
 
Etiquetas mas utilizadas del lenguaje html
Etiquetas mas utilizadas del lenguaje htmlEtiquetas mas utilizadas del lenguaje html
Etiquetas mas utilizadas del lenguaje html
 
Lenguajes De Programación Web
Lenguajes De Programación WebLenguajes De Programación Web
Lenguajes De Programación Web
 
Trabajo final bembos
Trabajo final bembosTrabajo final bembos
Trabajo final bembos
 
Sesiones de Tutoría: MINEDU - Perú.
Sesiones de Tutoría: MINEDU - Perú.Sesiones de Tutoría: MINEDU - Perú.
Sesiones de Tutoría: MINEDU - Perú.
 

Similar a HTML estructura y elementos básicos

Instituto tecnologico del no1 meery
Instituto tecnologico del no1 meeryInstituto tecnologico del no1 meery
Instituto tecnologico del no1 meeryMeeryGarcia97
 
Producto 3 Jorge Robles y Miguel
Producto 3 Jorge Robles y MiguelProducto 3 Jorge Robles y Miguel
Producto 3 Jorge Robles y MiguelJorge Robles
 
Curso de HTML 6to PRIMARIA.docx
Curso de HTML 6to PRIMARIA.docxCurso de HTML 6to PRIMARIA.docx
Curso de HTML 6to PRIMARIA.docxrojasR3
 
Ossa castro kevin alexander 26
Ossa castro kevin alexander     26Ossa castro kevin alexander     26
Ossa castro kevin alexander 26foxperro
 
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
 
Introducción a HTML
Introducción a HTMLIntroducción a HTML
Introducción a HTMLDavid_1985
 
Introducción a HTML
Introducción a HTMLIntroducción a HTML
Introducción a HTMLDavid_1985
 
Codigos HTML...paginas web
Codigos HTML...paginas webCodigos HTML...paginas web
Codigos HTML...paginas webABel Palma
 

Similar a HTML estructura y elementos básicos (20)

Instituto tecnologico del no1 meery
Instituto tecnologico del no1 meeryInstituto tecnologico del no1 meery
Instituto tecnologico del no1 meery
 
Unidad # 1
Unidad # 1Unidad # 1
Unidad # 1
 
Producto 3 Jorge Robles y Miguel
Producto 3 Jorge Robles y MiguelProducto 3 Jorge Robles y Miguel
Producto 3 Jorge Robles y Miguel
 
APRENDER Html
APRENDER HtmlAPRENDER Html
APRENDER Html
 
Guia de repaso html11
Guia de repaso html11Guia de repaso html11
Guia de repaso html11
 
HTML 2011
HTML 2011HTML 2011
HTML 2011
 
Curso de HTML.pdf
Curso de HTML.pdfCurso de HTML.pdf
Curso de HTML.pdf
 
Curso de HTML 6to PRIMARIA.docx
Curso de HTML 6to PRIMARIA.docxCurso de HTML 6to PRIMARIA.docx
Curso de HTML 6to PRIMARIA.docx
 
Ossa castro kevin alexander 26
Ossa castro kevin alexander     26Ossa castro kevin alexander     26
Ossa castro kevin alexander 26
 
HTML
HTMLHTML
HTML
 
TUTORIAL DE HTML
TUTORIAL DE HTMLTUTORIAL DE HTML
TUTORIAL DE HTML
 
Guia básica html
Guia básica htmlGuia básica html
Guia básica html
 
Lenguaje HTML ETIQUETAS
Lenguaje HTML ETIQUETAS Lenguaje HTML ETIQUETAS
Lenguaje HTML ETIQUETAS
 
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
 
Una Página WEB
Una Página WEBUna Página WEB
Una Página WEB
 
Curso html
Curso   htmlCurso   html
Curso html
 
Tutorial html
Tutorial htmlTutorial html
Tutorial html
 
Introducción a HTML
Introducción a HTMLIntroducción a HTML
Introducción a HTML
 
Introducción a HTML
Introducción a HTMLIntroducción a HTML
Introducción a HTML
 
Codigos HTML...paginas web
Codigos HTML...paginas webCodigos HTML...paginas web
Codigos HTML...paginas web
 

Último

Cultura y estigma, la experiencia moral..pdf
Cultura y estigma, la experiencia moral..pdfCultura y estigma, la experiencia moral..pdf
Cultura y estigma, la experiencia moral..pdfJosé María
 
LA CENA DEL SEÑOR UN ESTUDIO BIBLICO PARA LA IGLESIA DE CRISTO
LA CENA DEL SEÑOR UN ESTUDIO BIBLICO PARA LA IGLESIA DE CRISTOLA CENA DEL SEÑOR UN ESTUDIO BIBLICO PARA LA IGLESIA DE CRISTO
LA CENA DEL SEÑOR UN ESTUDIO BIBLICO PARA LA IGLESIA DE CRISTOManuelLopez134892
 
Tarea 4 etica y filosofia politica bentham
Tarea 4 etica y filosofia politica benthamTarea 4 etica y filosofia politica bentham
Tarea 4 etica y filosofia politica benthammatiasrojasa1
 
Walter-Riso.pdf Pensar bien, sentirse bien
Walter-Riso.pdf Pensar bien, sentirse bienWalter-Riso.pdf Pensar bien, sentirse bien
Walter-Riso.pdf Pensar bien, sentirse bienlasmaslistas24
 
Trabajo de grado de Alejandra Paisano Belankazar (1).pdf
Trabajo de grado de Alejandra Paisano Belankazar (1).pdfTrabajo de grado de Alejandra Paisano Belankazar (1).pdf
Trabajo de grado de Alejandra Paisano Belankazar (1).pdfUniversidadPrenatalT
 
Novena [nueve días] A San Benito de Nurcia .pdf
Novena [nueve días] A San Benito de Nurcia .pdfNovena [nueve días] A San Benito de Nurcia .pdf
Novena [nueve días] A San Benito de Nurcia .pdfpatitapetit
 
Soterologia. Doctrina de la salvación. pdf
Soterologia. Doctrina de la salvación. pdfSoterologia. Doctrina de la salvación. pdf
Soterologia. Doctrina de la salvación. pdfcantosinfantilescdos
 

Último (9)

FESTIVAL DE TURISMO Y BIENESTAR - IMPERDIBLE24 - CALACEITE 16 DE JUNIO.pdf
FESTIVAL DE TURISMO Y BIENESTAR - IMPERDIBLE24 - CALACEITE 16 DE JUNIO.pdfFESTIVAL DE TURISMO Y BIENESTAR - IMPERDIBLE24 - CALACEITE 16 DE JUNIO.pdf
FESTIVAL DE TURISMO Y BIENESTAR - IMPERDIBLE24 - CALACEITE 16 DE JUNIO.pdf
 
Cultura y estigma, la experiencia moral..pdf
Cultura y estigma, la experiencia moral..pdfCultura y estigma, la experiencia moral..pdf
Cultura y estigma, la experiencia moral..pdf
 
LA CENA DEL SEÑOR UN ESTUDIO BIBLICO PARA LA IGLESIA DE CRISTO
LA CENA DEL SEÑOR UN ESTUDIO BIBLICO PARA LA IGLESIA DE CRISTOLA CENA DEL SEÑOR UN ESTUDIO BIBLICO PARA LA IGLESIA DE CRISTO
LA CENA DEL SEÑOR UN ESTUDIO BIBLICO PARA LA IGLESIA DE CRISTO
 
FESTIVAL IMPERDIBLE24 - Calaceite -15-16 junio.pdf
FESTIVAL IMPERDIBLE24 - Calaceite -15-16 junio.pdfFESTIVAL IMPERDIBLE24 - Calaceite -15-16 junio.pdf
FESTIVAL IMPERDIBLE24 - Calaceite -15-16 junio.pdf
 
Tarea 4 etica y filosofia politica bentham
Tarea 4 etica y filosofia politica benthamTarea 4 etica y filosofia politica bentham
Tarea 4 etica y filosofia politica bentham
 
Walter-Riso.pdf Pensar bien, sentirse bien
Walter-Riso.pdf Pensar bien, sentirse bienWalter-Riso.pdf Pensar bien, sentirse bien
Walter-Riso.pdf Pensar bien, sentirse bien
 
Trabajo de grado de Alejandra Paisano Belankazar (1).pdf
Trabajo de grado de Alejandra Paisano Belankazar (1).pdfTrabajo de grado de Alejandra Paisano Belankazar (1).pdf
Trabajo de grado de Alejandra Paisano Belankazar (1).pdf
 
Novena [nueve días] A San Benito de Nurcia .pdf
Novena [nueve días] A San Benito de Nurcia .pdfNovena [nueve días] A San Benito de Nurcia .pdf
Novena [nueve días] A San Benito de Nurcia .pdf
 
Soterologia. Doctrina de la salvación. pdf
Soterologia. Doctrina de la salvación. pdfSoterologia. Doctrina de la salvación. pdf
Soterologia. Doctrina de la salvación. pdf
 

HTML estructura y elementos básicos

  • 1.
  • 2. DOCUMENTO HTML LA FUNCION DEL HTML ES SER INDEPENDIENTE El HTML es un lenguaje que define características físicas y estructurales de un documento(tipo de letra, ubicación de un párrafo o frase, el lugar que será activo para la conexión con otro documento.)
  • 3.  ESTRUCTURA DE PAGINAS DE HTML <HTML> Inicio de la página web <HEAD> Encabezado <TITLE> Titulo de la ventana <META> Subir al internet </TITLE> Cierre de Titulo </HEAD> Cierre del encabezado <BODY> Cuerpo del Documento </BODY> Cierre del cuerpo del documento </HTML> Finaliza el documento de HTML
  • 4. Obviamente no voy a explicar lo que entra dentro del cuerpo, sino los parámetros que admite la etiqueta Dentro del <body> podemos colocar videos, sonidos, diapositivas, banner, imágenes como tenemos a continuación.
  • 5. SONIDO, VIDEO, IMAGEN, BANNER, DIAPOSITIVA SONIDO <BGSOUND SRC=Te Dejo En Libertad.mp3> <iframe width="560" height="315" VIDEO src="http://www.youtube.com/embed/BmJ7MIZZRU4" frameborder="0" allowfullscreen></iframe> IMAGEN <IMG src ="images.jpg" width="470" height="370"></center> <script BANNER src="http://h1.flashvortex.com/display.php?id=2_1348181304_31273_3 14_0_468_60_8_1_70" type="text/javascript"></script> <iframe src="http://www.slideshare.net/slideshow/embed_code/14344708" DIAPOSITIVA width="427" height="356" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" style="border:1px solid #CCC;border- width:1px 1px 0;margin-bottom:5px" allowfullscreen> </iframe>
  • 6. DIRECTIVA TIPO FUNCION <BR> Abierta Salto de línea <CENTER> Cerrada Centrado <P> Cerrada Elabora Párrafos <B> Cerrada Negrita <I> Cerrada Cursiva <U> Cerrada Subrayado <S> Cerrada Tachado <MARQUEE> Cerrada Movimiento <P ALIGN> Cerrada Justificar, Derecha, Izquierda
  • 7.  6 FORMATOS DE LETRAS MAS COMUNES ETIQUETA RESULTADO <H1> … </H1> LETRA DE NIVEL 1 <H2> … </H2> LETRA DE NIVEL 2 <H3> … </H3> LETRA DE NIVEL 3 <H4> … </H4> LETRA DE NIVEL 4 <H5> … </H5> LETRA DE NIVEL 5 <H6> … </H6> LETRA DE NIVEL 6
  • 8. Lo ideal cuando trabajas con texto sería poder cambiarlo al tamaño que te viniese bien, ponerlo en colores y cambiar el tipo de letra. Todo esto puedes hacerlo gracias a la etiqueta <FONT>.  Cambio de color Para hacerlo vamos a utilizar el parámetro COLOR. La manera más fácil de especificarle el color es común en todas las etiquetas HTML: o bien indicando el nombre, si es un color normal, o bien especificando el porcentaje de rojo, verde y azul (código RGB) del mismo. El modo de indicar el color RGB es el siguiente: <FONT COLOR="#FF0000">D</FONT>
  • 9.  Tamaños del texto El parámetro utilizado para indicar el tamaño es SIZE. Puede utilizarse para indicar tamaños absolutos: <FONT SIZE=2>Tamaño 2</FONT>  Tipo de letra Por último, podemos especificar el nombre del tipo de letra que queremos utilizar gracias al parámetro FACE. Como en principio no tenemos manera de saber que tipo de letra tiene instalado la computadora del usuario que está viendo nuestras páginas, podemos indicar más de uno separado por comas. <FONT FACE="Helvetica, Arial, Times"> RUM </FONT>
  • 10.  Desordenadas La etiqueta <UL> nos permite presentar listas de elementos sin orden alguno. Cada elemento de la lista irá normalmente precedido por un círculo (bullets). Por ejemplo, <UL> <LI>Primer elemento <LI>Segundo elemento </UL>  Ordenadas por números La etiqueta <OL> nos permite presentar listas de elementos ordenados de menor a mayor. Normalmente cada elemento de la lista irá precedido por su número en el orden. Por ejemplo, <OL> <LI>Primer elemento <LI>Segundo elemento </OL>