SlideShare una empresa de Scribd logo
1 de 17
HTML
Es un lenguaje con el que se
   definen las páginas web.
 Básicamente se trata de un
  conjunto de etiquetas que
 sirven para definir el texto y
     otros elementos que
compondrán una página web.
ESTRUCTU
      RA
<html>
<head>
<title>Ejemplo1</title>
</head>
<body>
<p>ejemplo1</p>
</body>
</html>
define el inicio del documento HTML, le indica al navegador
<html>:    que lo que viene a continuación debe ser interpretado como
           código HTML.


           define la cabecera del documento HTML; esta cabecera suele
<head>:    contener información sobre el documento que no se muestra
           directamente al usuario.


<title>:   define el título de la página. Por lo general, el título aparece en
           la barra de título encima de la ventana.



<body>:    define el contenido principal o cuerpo del documento
 NEGRITA

Podemos escribir texto en negrita incluyéndolo dentro de las
etiquetas <b> y </b>

SINTAXIS                            RESULTADO:

<b>ECUADOR</b>                        ECUADOR
 SUBRAYADO
Podemos subrayar un texto incluyéndolo dentro de las
etiquetas <u> y </u>
                                  RESULTADO:
SINTAXIS
                                    ECUADOR
<b>ECUADOR</b>


 CURSIVA
Podemos poner un texto en cursiva incluyéndolo dentro de
las etiquetas <i> y </i>

SINTAXIS                          RESULTADO:

<i>ECUADOR</i>                      ECUADOR
Esto se hace a partir de la etiqueta <font> y
su cierre correspondiente. Dentro de esta
etiqueta deberemos especificar los atributos
correspondientes a cada uno de estos
parámetros que deseamos definir.
 Atributo face: Define el tipo de letra.

EJEMPLO
<font face="Comic Sans MS">INFORMATICA</font>

                    RESULTADO:

                  INFORMATICA


 Atributo size: Define el tamaño de la letra.

EJEMPLO
<font size=4>INFORMATICA</font>

                      RESULTADO:

                 INFORMATICA
 Atributo color: Define el color de la letra.

EJEMPLO
<font color=“red”>INFORMATICA</font>

                      RESULTADO:

                 INFORMATICA
Para alinear un texto utilizamos el atributo align dentro de una
etiqueta <p></p>.

SINTAXIS:
<p align=“tipo de alineación">TEXTO</P>

donde tipo de alineación puede ser uno de los siguientes:

   Right
   Center
   Left
   justify
 Listas desordenadas

Son delimitadas por las etiquetas <ul> y </ul> Cada uno de
los elementos de la lista es citado por medio de una
etiqueta <li>

EJEMPLO
                                    El resultado:
                                    Países del mundo
<p>Países del mundo</p>
                                    • Argentina
<ul>
                                    • Perú
  <li>Argentina
                                    • Chile
  <li>Perú
  <li>Chile
</ul>
Podemos definir el tipo de viñeta empleada para cada
elemento. Para ello debemos especificarlo por medio del
atributo type incluido dentro de la etiqueta de apertura <ul

La sintaxis es del siguiente tipo:

<ul type="tipo de viñeta">

donde tipo de viñeta puede ser uno de los siguientes:

 circle
 disc
 square
 Listas ordenadas

Son delimitadas por las etiquetas <ol> y </ol> Cada uno de
los elementos de la lista es citado por medio de una
etiqueta <li>

EJEMPLO                          El resultado:
                                 Países del mundo
<p>Países del mundo</p>          1. Argentina
<ol>                             2. Perú
  <li>Argentina                  3. Chile
  <li>Perú
  <li>Chile
</0l>
Podemos definir el tipo de viñeta empleada para cada
elemento. Para ello debemos especificarlo por medio del
atributo type incluido dentro de la etiqueta de apertura <ul

La sintaxis es del siguiente tipo:

<ol type="tipo de viñeta">

donde tipo de viñeta puede ser uno de los siguientes:

1   Para ordenar por números
a   Por letras del alfabeto
A   Por letras mayúsculas del alfabeto
i   Ordenación por números romanos en minúsculas
I   Ordenación por números romanos en mayúsculas
La etiqueta que se utiliza para insertar una imagen es <img>
Esta etiqueta no posee su cierre correspondiente.

La sintaxis :

<img src=“dirección del archivo">      El resultado:

EJEMPLO

<img src="img1.gif">
La etiqueta que se utiliza para insertar una imagen de
fondo es <background>

La sintaxis :

<body background=“dirección de la imagen">

EJEMPLO

<body background ="img1.gif">
La etiqueta bgsound incorpora sonidos de fondo en una página
web, sonidos que se ejecutan automáticamente al cargarse la
página.

Su sintaxis general, con sus atributos más importantes:

<bgsound src="ruta_fichero" loop="l" balance="b" volume="v">
</bgsound>

Donde:

loop="l" determina el número de veces (l) que se debe ejecutar el
fichero de audio. Si le damos el valor infinite, el fichero se
reproducirá indefinidamente.
balance="b" determina el balance del sonido entre los dos
altavoces del equipo, es decir, la potencia o intensidad con que
se oirá en cada uno de ellos (derecho e izquierdo). Sus valores
pueden estar entre -10,000 y +10,000, correspondiendo el valor
0 a un balance equilibrado entre los dos altavoces.

volume="v" fija el volumen al que se oirá el sonido, y sus
valores pueden variar entre -10,000 (mínimo) y 0 (máximo).

Ejemplo:
<bgsound src="../sonidos/wav.wav" balance=0 volume=0>
</bgsound>

Más contenido relacionado

La actualidad más candente

La actualidad más candente (20)

Presentación Adobe Photoshop
Presentación Adobe PhotoshopPresentación Adobe Photoshop
Presentación Adobe Photoshop
 
Ejercicios de HTML
Ejercicios de HTMLEjercicios de HTML
Ejercicios de HTML
 
Manual de actividades de PhotoShop
Manual de actividades de PhotoShopManual de actividades de PhotoShop
Manual de actividades de PhotoShop
 
Google Chrome
Google ChromeGoogle Chrome
Google Chrome
 
Power point
Power pointPower point
Power point
 
Presentadores digitales
Presentadores digitalesPresentadores digitales
Presentadores digitales
 
Word 2010
Word 2010Word 2010
Word 2010
 
Photoshop cs6
Photoshop cs6Photoshop cs6
Photoshop cs6
 
P. estructurada vs. programación orientada a objetos
P. estructurada vs. programación orientada a objetosP. estructurada vs. programación orientada a objetos
P. estructurada vs. programación orientada a objetos
 
Programación Orientada a Objetos - herencia y polimorfismo
Programación Orientada a Objetos - herencia y polimorfismoProgramación Orientada a Objetos - herencia y polimorfismo
Programación Orientada a Objetos - herencia y polimorfismo
 
Javascript
JavascriptJavascript
Javascript
 
RESUMEN DE JAVASCRIPT
RESUMEN DE JAVASCRIPTRESUMEN DE JAVASCRIPT
RESUMEN DE JAVASCRIPT
 
Adobe photoshop power point
Adobe photoshop power pointAdobe photoshop power point
Adobe photoshop power point
 
Practicas power point
Practicas power pointPracticas power point
Practicas power point
 
Fundamentos de Programación Orientada a Objetos
Fundamentos de Programación Orientada a ObjetosFundamentos de Programación Orientada a Objetos
Fundamentos de Programación Orientada a Objetos
 
Caracteristicas de Java
Caracteristicas de JavaCaracteristicas de Java
Caracteristicas de Java
 
VISUAL BASIC 6.0
VISUAL BASIC 6.0VISUAL BASIC 6.0
VISUAL BASIC 6.0
 
Introducción a Javascript I
Introducción a Javascript IIntroducción a Javascript I
Introducción a Javascript I
 
Introducción a HTML5 y CSS3
Introducción a HTML5 y CSS3Introducción a HTML5 y CSS3
Introducción a HTML5 y CSS3
 
1 introduccion a la programacion 1
1 introduccion  a la programacion 11 introduccion  a la programacion 1
1 introduccion a la programacion 1
 

Destacado

Estructura de un documento html
Estructura de un documento htmlEstructura de un documento html
Estructura de un documento htmliConstruye
 
Html 5. Estructura de un documento para la Web
Html 5. Estructura de un documento para la WebHtml 5. Estructura de un documento para la Web
Html 5. Estructura de un documento para la Webjcremiro
 
[modo de compatibilidad] HTML
[modo de compatibilidad] HTML[modo de compatibilidad] HTML
[modo de compatibilidad] HTMLJONNATAN TORO
 
Estructura básicas de plantillas en joomla!
Estructura básicas de plantillas en joomla!Estructura básicas de plantillas en joomla!
Estructura básicas de plantillas en joomla!Leonel Canton
 
Servicios de internet
Servicios de internetServicios de internet
Servicios de internetWalter Zea
 
ESTRUCTURA DOCUMENTO WEB
ESTRUCTURA DOCUMENTO WEBESTRUCTURA DOCUMENTO WEB
ESTRUCTURA DOCUMENTO WEBtaiber
 
Servicios de internet
Servicios de internetServicios de internet
Servicios de internetlgmtzreyes
 
Sitio web (introduccion) 01
Sitio web (introduccion) 01Sitio web (introduccion) 01
Sitio web (introduccion) 01Emerson Garay
 
Documento html
Documento htmlDocumento html
Documento htmlsyndi
 

Destacado (20)

Estructura de un documento html
Estructura de un documento htmlEstructura de un documento html
Estructura de un documento html
 
Html 5. Estructura de un documento para la Web
Html 5. Estructura de un documento para la WebHtml 5. Estructura de un documento para la Web
Html 5. Estructura de un documento para la Web
 
Estructura principal de HTML
Estructura principal de HTMLEstructura principal de HTML
Estructura principal de HTML
 
[modo de compatibilidad] HTML
[modo de compatibilidad] HTML[modo de compatibilidad] HTML
[modo de compatibilidad] HTML
 
Tipos de sitios web
Tipos de sitios webTipos de sitios web
Tipos de sitios web
 
Páginas web
Páginas webPáginas web
Páginas web
 
Html y xml
Html y xmlHtml y xml
Html y xml
 
Sitios web
Sitios webSitios web
Sitios web
 
Estructura básicas de plantillas en joomla!
Estructura básicas de plantillas en joomla!Estructura básicas de plantillas en joomla!
Estructura básicas de plantillas en joomla!
 
Servicios de internet
Servicios de internetServicios de internet
Servicios de internet
 
ESTRUCTURA DOCUMENTO WEB
ESTRUCTURA DOCUMENTO WEBESTRUCTURA DOCUMENTO WEB
ESTRUCTURA DOCUMENTO WEB
 
Servicios de internet
Servicios de internetServicios de internet
Servicios de internet
 
Sitio web (introduccion) 01
Sitio web (introduccion) 01Sitio web (introduccion) 01
Sitio web (introduccion) 01
 
Sitios web
Sitios webSitios web
Sitios web
 
Documento html
Documento htmlDocumento html
Documento html
 
Lenguaje HTML
Lenguaje HTMLLenguaje HTML
Lenguaje HTML
 
Taller XHTML y CSS3 - XHTML
Taller XHTML y CSS3 - XHTMLTaller XHTML y CSS3 - XHTML
Taller XHTML y CSS3 - XHTML
 
Estructura Básica de PHP
Estructura Básica de PHPEstructura Básica de PHP
Estructura Básica de PHP
 
Planificacion sitio Web educativo
Planificacion sitio Web educativoPlanificacion sitio Web educativo
Planificacion sitio Web educativo
 
LENGUAJE HTML
LENGUAJE HTMLLENGUAJE HTML
LENGUAJE HTML
 

Similar a estructura basica de html (20)

HTML
HTMLHTML
HTML
 
Conceptos Etiquetas de HTML
Conceptos Etiquetas de HTMLConceptos Etiquetas de HTML
Conceptos Etiquetas de HTML
 
Html111
Html111Html111
Html111
 
Etiquetas html
Etiquetas htmlEtiquetas html
Etiquetas html
 
Informatika 1111111
Informatika 1111111Informatika 1111111
Informatika 1111111
 
Etiquetas HTML
Etiquetas HTMLEtiquetas HTML
Etiquetas HTML
 
Informatika 1111111
Informatika 1111111Informatika 1111111
Informatika 1111111
 
1 crear pag formatos
1 crear pag formatos1 crear pag formatos
1 crear pag formatos
 
CODIGOS HTML.Magdalena ortega de nariño.
CODIGOS HTML.Magdalena ortega de nariño.CODIGOS HTML.Magdalena ortega de nariño.
CODIGOS HTML.Magdalena ortega de nariño.
 
Etiquetas html
Etiquetas htmlEtiquetas html
Etiquetas 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 intencivo de htlm
Manual intencivo de htlmManual intencivo de htlm
Manual intencivo de htlm
 
Etiquetas
EtiquetasEtiquetas
Etiquetas
 
Curso html
Curso   htmlCurso   html
Curso html
 
institucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenainstitucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalena
 
Etiquetas Html Udp
Etiquetas Html UdpEtiquetas Html Udp
Etiquetas Html Udp
 
HTML
HTMLHTML
HTML
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Clase Html + CSS
Clase Html + CSSClase Html + CSS
Clase Html + CSS
 

Más de Miry Catota (12)

Evidencias ra
Evidencias raEvidencias ra
Evidencias ra
 
Realiadad aumentada
Realiadad aumentadaRealiadad aumentada
Realiadad aumentada
 
M learning
M learningM learning
M learning
 
Line
LineLine
Line
 
Tango
TangoTango
Tango
 
Whatsapp
WhatsappWhatsapp
Whatsapp
 
Ipad
IpadIpad
Ipad
 
Tablet
TabletTablet
Tablet
 
Pizarra digital
Pizarra digitalPizarra digital
Pizarra digital
 
Infocus
InfocusInfocus
Infocus
 
Tutorial chamilo
Tutorial chamiloTutorial chamilo
Tutorial chamilo
 
Imagenes cambiantes
Imagenes cambiantesImagenes cambiantes
Imagenes cambiantes
 

Último

Imperialismo informal en Europa y el imperio
Imperialismo informal en Europa y el imperioImperialismo informal en Europa y el imperio
Imperialismo informal en Europa y el imperiomiralbaipiales2016
 
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VSOCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VSYadi Campos
 
CALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADCALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADauxsoporte
 
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICABIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICAÁngel Encinas
 
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptxTIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptxlclcarmen
 
Valoración Crítica de EEEM Feco2023 FFUCV
Valoración Crítica de EEEM Feco2023 FFUCVValoración Crítica de EEEM Feco2023 FFUCV
Valoración Crítica de EEEM Feco2023 FFUCVGiustinoAdesso1
 
MAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grandeMAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grandeMarjorie Burga
 
Estrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcciónEstrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcciónLourdes Feria
 
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdfEjercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdfMaritzaRetamozoVera
 
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLAACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLAJAVIER SOLIS NOYOLA
 
Estrategias de enseñanza-aprendizaje virtual.pptx
Estrategias de enseñanza-aprendizaje virtual.pptxEstrategias de enseñanza-aprendizaje virtual.pptx
Estrategias de enseñanza-aprendizaje virtual.pptxdkmeza
 
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdfSELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdfAngélica Soledad Vega Ramírez
 
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptxACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptxzulyvero07
 
Programacion Anual Matemática5 MPG 2024 Ccesa007.pdf
Programacion Anual Matemática5    MPG 2024  Ccesa007.pdfProgramacion Anual Matemática5    MPG 2024  Ccesa007.pdf
Programacion Anual Matemática5 MPG 2024 Ccesa007.pdfDemetrio Ccesa Rayme
 
plan de capacitacion docente AIP 2024 clllll.pdf
plan de capacitacion docente  AIP 2024          clllll.pdfplan de capacitacion docente  AIP 2024          clllll.pdf
plan de capacitacion docente AIP 2024 clllll.pdfenelcielosiempre
 
origen y desarrollo del ensayo literario
origen y desarrollo del ensayo literarioorigen y desarrollo del ensayo literario
origen y desarrollo del ensayo literarioELIASAURELIOCHAVEZCA1
 
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdfCurso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdfFrancisco158360
 
PLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docxPLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docxlupitavic
 

Último (20)

Imperialismo informal en Europa y el imperio
Imperialismo informal en Europa y el imperioImperialismo informal en Europa y el imperio
Imperialismo informal en Europa y el imperio
 
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VSOCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
 
CALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADCALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDAD
 
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICABIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
 
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptxTIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
 
Valoración Crítica de EEEM Feco2023 FFUCV
Valoración Crítica de EEEM Feco2023 FFUCVValoración Crítica de EEEM Feco2023 FFUCV
Valoración Crítica de EEEM Feco2023 FFUCV
 
MAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grandeMAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grande
 
Fe contra todo pronóstico. La fe es confianza.
Fe contra todo pronóstico. La fe es confianza.Fe contra todo pronóstico. La fe es confianza.
Fe contra todo pronóstico. La fe es confianza.
 
Estrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcciónEstrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcción
 
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdfEjercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
 
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLAACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
 
Estrategias de enseñanza-aprendizaje virtual.pptx
Estrategias de enseñanza-aprendizaje virtual.pptxEstrategias de enseñanza-aprendizaje virtual.pptx
Estrategias de enseñanza-aprendizaje virtual.pptx
 
Power Point: Fe contra todo pronóstico.pptx
Power Point: Fe contra todo pronóstico.pptxPower Point: Fe contra todo pronóstico.pptx
Power Point: Fe contra todo pronóstico.pptx
 
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdfSELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
 
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptxACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
 
Programacion Anual Matemática5 MPG 2024 Ccesa007.pdf
Programacion Anual Matemática5    MPG 2024  Ccesa007.pdfProgramacion Anual Matemática5    MPG 2024  Ccesa007.pdf
Programacion Anual Matemática5 MPG 2024 Ccesa007.pdf
 
plan de capacitacion docente AIP 2024 clllll.pdf
plan de capacitacion docente  AIP 2024          clllll.pdfplan de capacitacion docente  AIP 2024          clllll.pdf
plan de capacitacion docente AIP 2024 clllll.pdf
 
origen y desarrollo del ensayo literario
origen y desarrollo del ensayo literarioorigen y desarrollo del ensayo literario
origen y desarrollo del ensayo literario
 
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdfCurso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdf
 
PLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docxPLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docx
 

estructura basica de html

  • 1. HTML Es un lenguaje con el que se definen las páginas web. Básicamente se trata de un conjunto de etiquetas que sirven para definir el texto y otros elementos que compondrán una página web.
  • 2. ESTRUCTU RA <html> <head> <title>Ejemplo1</title> </head> <body> <p>ejemplo1</p> </body> </html>
  • 3. define el inicio del documento HTML, le indica al navegador <html>: que lo que viene a continuación debe ser interpretado como código HTML. define la cabecera del documento HTML; esta cabecera suele <head>: contener información sobre el documento que no se muestra directamente al usuario. <title>: define el título de la página. Por lo general, el título aparece en la barra de título encima de la ventana. <body>: define el contenido principal o cuerpo del documento
  • 4.  NEGRITA Podemos escribir texto en negrita incluyéndolo dentro de las etiquetas <b> y </b> SINTAXIS RESULTADO: <b>ECUADOR</b> ECUADOR
  • 5.  SUBRAYADO Podemos subrayar un texto incluyéndolo dentro de las etiquetas <u> y </u> RESULTADO: SINTAXIS ECUADOR <b>ECUADOR</b>  CURSIVA Podemos poner un texto en cursiva incluyéndolo dentro de las etiquetas <i> y </i> SINTAXIS RESULTADO: <i>ECUADOR</i> ECUADOR
  • 6. Esto se hace a partir de la etiqueta <font> y su cierre correspondiente. Dentro de esta etiqueta deberemos especificar los atributos correspondientes a cada uno de estos parámetros que deseamos definir.
  • 7.  Atributo face: Define el tipo de letra. EJEMPLO <font face="Comic Sans MS">INFORMATICA</font> RESULTADO: INFORMATICA  Atributo size: Define el tamaño de la letra. EJEMPLO <font size=4>INFORMATICA</font> RESULTADO: INFORMATICA
  • 8.  Atributo color: Define el color de la letra. EJEMPLO <font color=“red”>INFORMATICA</font> RESULTADO: INFORMATICA
  • 9. Para alinear un texto utilizamos el atributo align dentro de una etiqueta <p></p>. SINTAXIS: <p align=“tipo de alineación">TEXTO</P> donde tipo de alineación puede ser uno de los siguientes:  Right  Center  Left  justify
  • 10.  Listas desordenadas Son delimitadas por las etiquetas <ul> y </ul> Cada uno de los elementos de la lista es citado por medio de una etiqueta <li> EJEMPLO El resultado: Países del mundo <p>Países del mundo</p> • Argentina <ul> • Perú <li>Argentina • Chile <li>Perú <li>Chile </ul>
  • 11. Podemos definir el tipo de viñeta empleada para cada elemento. Para ello debemos especificarlo por medio del atributo type incluido dentro de la etiqueta de apertura <ul La sintaxis es del siguiente tipo: <ul type="tipo de viñeta"> donde tipo de viñeta puede ser uno de los siguientes:  circle  disc  square
  • 12.  Listas ordenadas Son delimitadas por las etiquetas <ol> y </ol> Cada uno de los elementos de la lista es citado por medio de una etiqueta <li> EJEMPLO El resultado: Países del mundo <p>Países del mundo</p> 1. Argentina <ol> 2. Perú <li>Argentina 3. Chile <li>Perú <li>Chile </0l>
  • 13. Podemos definir el tipo de viñeta empleada para cada elemento. Para ello debemos especificarlo por medio del atributo type incluido dentro de la etiqueta de apertura <ul La sintaxis es del siguiente tipo: <ol type="tipo de viñeta"> donde tipo de viñeta puede ser uno de los siguientes: 1 Para ordenar por números a Por letras del alfabeto A Por letras mayúsculas del alfabeto i Ordenación por números romanos en minúsculas I Ordenación por números romanos en mayúsculas
  • 14. La etiqueta que se utiliza para insertar una imagen es <img> Esta etiqueta no posee su cierre correspondiente. La sintaxis : <img src=“dirección del archivo"> El resultado: EJEMPLO <img src="img1.gif">
  • 15. La etiqueta que se utiliza para insertar una imagen de fondo es <background> La sintaxis : <body background=“dirección de la imagen"> EJEMPLO <body background ="img1.gif">
  • 16. La etiqueta bgsound incorpora sonidos de fondo en una página web, sonidos que se ejecutan automáticamente al cargarse la página. Su sintaxis general, con sus atributos más importantes: <bgsound src="ruta_fichero" loop="l" balance="b" volume="v"> </bgsound> Donde: loop="l" determina el número de veces (l) que se debe ejecutar el fichero de audio. Si le damos el valor infinite, el fichero se reproducirá indefinidamente.
  • 17. balance="b" determina el balance del sonido entre los dos altavoces del equipo, es decir, la potencia o intensidad con que se oirá en cada uno de ellos (derecho e izquierdo). Sus valores pueden estar entre -10,000 y +10,000, correspondiendo el valor 0 a un balance equilibrado entre los dos altavoces. volume="v" fija el volumen al que se oirá el sonido, y sus valores pueden variar entre -10,000 (mínimo) y 0 (máximo). Ejemplo: <bgsound src="../sonidos/wav.wav" balance=0 volume=0> </bgsound>